html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body{ color:#474749; font-size: 62.50%; font-family:Arial; background:#ebe9e5 url(../images/bg.gif) repeat-y 50% 0%;  text-align: center;}
html {overflow-y: scroll;}

strong{font-weight:bold;}

#site{ width:850px; padding:0 27px 0 27px; margin:0 auto; text-align:left; }
#dims{ float:left; width:850px;}

#col1{ float:left; width:139px;}
#logo{ float:left; height:80px;}
#nav{ float:left; clear:left; height:354px; width:139px;}
#nav ul{ float:left; clear:left; width:139px;}
#nav1{ padding:0px 0 0 0;}
#nav2{ padding:41px 0 0 0;}
#nav li{ float:left; clear:left; font-size:11px;}
#nav li a, #nav li a span{ line-height:21px; cursor:pointer; display:block; width:122px; color:inherit;}
#nav li a{ overflow:hidden;}
#nav li a span{ margin-left:-999px;}
#nav .home a{ background:url(../images/nav/home.gif) no-repeat top left;}
#nav .home a:hover,#nav .home a.on{ background:url(../images/nav/home.gif) no-repeat bottom left;}
#nav .about a{ background:url(../images/nav/about.gif) no-repeat top left;}
#nav .about a:hover,#nav .about a.on{ background:url(../images/nav/about.gif) no-repeat bottom left;}
#nav .clients a{ background:url(../images/nav/clients.gif) no-repeat top left;}
#nav .clients a:hover,#nav .clients a.on{ background:url(../images/nav/clients.gif) no-repeat bottom left;}
#nav .case a{ background:url(../images/nav/case.gif) no-repeat top left;}
#nav .case a:hover,#nav .case a.on{ background:url(../images/nav/case.gif) no-repeat bottom left;}
#nav .news a{ background:url(../images/nav/news.gif) no-repeat top left;}
#nav .news a:hover,#nav .news a.on{ background:url(../images/nav/news.gif) no-repeat bottom left;}
#nav .contact a{ background:url(../images/nav/contact.gif) no-repeat top left;}
#nav .contact a:hover,#nav .contact a.on{ background:url(../images/nav/contact.gif) no-repeat bottom left;}
#nav .design a{ background:url(../images/nav/design.gif) no-repeat top left;}
#nav .design a:hover,#nav .design a.on{ background:url(../images/nav/design.gif) no-repeat bottom left;}
#nav .branding a{ background:url(../images/nav/branding.gif) no-repeat top left;}
#nav .branding a:hover,#nav .branding a.on{ background:url(../images/nav/branding.gif) no-repeat bottom left;}
#nav .web a{ background:url(../images/nav/web.gif) no-repeat top left;}
#nav .web a:hover,#nav .web a.on{ background:url(../images/nav/web.gif) no-repeat bottom left;}
#nav .hosting a{ background:url(../images/nav/hosting.gif) no-repeat top left;}
#nav .hosting a:hover,#nav .hosting a.on{ background:url(../images/nav/hosting.gif) no-repeat bottom left;}
#nav .user a{ background:url(../images/nav/user.gif) no-repeat top left;}
#nav .user a:hover,#nav .user a.on{ background:url(../images/nav/user.gif) no-repeat bottom left;}
#nav .tone a{ background:url(../images/nav/tone.gif) no-repeat top left;}
#nav .tone a:hover,#nav .tone a.on{ background:url(../images/nav/tone.gif) no-repeat bottom left;}

#company{ float:left; clear:left; width:122px;}

.box{ font-size:1.1em; line-height:1.2em; padding:15px 0 0 0; background:url(../images/line.gif) repeat-x top left;}
.box h1{ color:#433c36; font-size:1.2em; font-weight:bold; padding:0 0 7px 0;}
.box p{ padding:0 0 3px 0;}
.box a{ color:#B1C529; text-decoration:none;}
.box a:hover{ color:#000000;}

#col2{ float:left; width:413px;}
#headspace{ float:left; width:413px; height:80px;}
#headspace h1{ font-size:2.0em; font-weight:normal; color:#98958c; margin:34px 0 0 12px;}
#headspace h1 span{ color:#423b31;}
#content{float:left; clear:left; width:413px;}
#cboxpad{ float:left; clear:left; padding:15px 15px 15px 15px; background:#ecebe9;}
#cbox{ float:left; clear:left; width:363px; min-height:460px; background:#ecebe9; font-size:1.5em; line-height:1.2em;}

#cbox .list{ font-size:0.8em; line-height:1.4em;}
#cbox .list li{ padding:0 0 12px 0; list-style-type:none; margin:0px;}
#cbox a{ text-decoration:none; color:#B1C529;}
#cbox a b{ color:#333333; border-bottom:solid 1px #9fa0a2;}
#cbox a:hover, #cbox a:hover b{ color:#666666;}
#cbox h1{ font-size:1.3em; font-weight:normal; padding:0 0 15px 0;}
#cbox ul li{ margin:0 0 5px 27px; list-style-type:disc;}
#cbox ol li{ margin:0 0 5px 27px; list-style-type:decimal;}
#cbox ul, #cbox ol{ padding:0 0 10px 0;}
#cbox p{ padding:0 0 13px 0;}

#leftcol h1{font-size:1.3em; font-weight:bold; padding:0 0 15px 0;}
#leftcol ul li{ margin:0 0 5px 20px; list-style-type:disc;}
#leftcol ol li{ margin:0 0 5px 20px; list-style-type:decimal;}
#leftcol ul, #leftcol ol{ padding:0 0 10px 0;}
#leftcol p{ padding:0 0 13px 0;}
#leftcol strong{ font-weight:bold;}

#welcome{ float:left; clear:left; width:393px;}
#rotator{ position:relative; float:left; width:393px;}
#slides{ position:absolute; top:0; left:0;}
.rotatorpic{ float:left; clear:left; width:393px;}
.rotatortxt{ float:left; clear:left; width:393px; text-align:right; font-size:1.1em; line-height:21px; }
.rotatortxt a{ color:#B1C529; text-decoration:none;}
.rotatortxt a:hover{ color:#000000;}

#infocus{ float:left; clear:left; width:393px; margin:24px 0 0 0;}
#focuspic{ float:left; width:152px; padding:2px 0 0 0;}
#fpwrap1{ float:left; background:#bbbbb1 url(../images/fp-right.gif) repeat-y top right;}
#fpwrap2{ float:left; background:url(../images/fp-bottom.gif) repeat-x bottom right;}
#fpwrap3{ float:left; background:url(../images/fp-top-right.gif) no-repeat top right;}
#fpwrap4{ float:left; background:url(../images/fp-bottom-right.gif) no-repeat bottom right;}
#fpwrap5{ float:left; background:url(../images/fp-bottom-left.gif) no-repeat bottom left; padding:1px 7px 4px 1px;}
#focusdets{ float:left; width:241px;}
#focusdets a{ color:#B1C529 !important;}
#focusdets a:hover{ color:#000000 !important;}

#col3{ float:left; width:298px; padding:80px 0 0 0;}
#latestnews{ float:left; width:298px; height:354px;}
#latestnews h1{ float:left; display:block; width:298px; color:#433c36; font-size:1.2em; font-weight:bold; padding:8px 0 7px 0; }
#latestnews ul{ float:left; width:298px; border-top:solid 1px #c9c9cb;}
#latestnews dt{ width:298px;}
#latestnews dt a{ display:block; width:298px; line-height:19px; border-bottom:solid 1px #c9c9cb; text-decoration:none; font-size:1.2em; color:#433c36;}
#latestnews dt.selected a, #latestnews dt.selected a span, #latestnews dt a:hover, #latestnews dt a:hover span{ color:#000000;}
#latestnews dt a span{ color:#B1C529;}
#latestnews dt a b{ font-weight:normal; font-size:14px;}
#latestnews dd div{ font-size:1.1em; line-height:1.2em; padding:10px 0 10px 0; width:298px;}
#latestnews dd a{ text-decoration:none; color:#B1C529;}
#latestnews dd a:hover{ text-decoration:none; color:#000000;}
#latestnews dd p{ padding:0 0 8px 0;}

#promo{ float:left; clear:left; width:298px;}

#casestudypics{ float:left; width:710px;}
#casestudypics #image1{ margin:0 10px 0 0;}
#casestudypics img{ float:left;}
#casestudyinfo{ float:left; clear:both; width:710px; font-size:1.1em; line-height:1.2em;}
#leftcol{ width:350px; float:left;}
#leftcolpad{ float:left; padding:20px 0 0 12px;}
#rightcol{ width:298px; float:right;}
#caption{ height:45px; padding:20px 0 0 0; float:left; width:298px;}


#footerinfo{ float:left; clear:left; width:850px; margin:20px 0 0 0; color:#999999;}
.paging{ font-size:0.8em !important;}