@import url("reset.css");
@import url(titles.css);

html,body {height: 100%;font-size:100.01%;}

body {color:#555555;background:#FAFCFD url(/images/bg/bg.gif) repeat-x;min-height:100%;margin:10px 0 0 0;font-size:100%;font: 1em Arial, Helvetica, sans-serif;text-align:center;}
#wrapper {margin:0 auto;width:960px;text-align:left; background:#fff; padding:0;}
#page{padding:15px;margin:0;}

/* = Tag Elements
============================================================= */

h1, h2, h3, h4, h5 {font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;margin: 0;padding: 0;line-height: 1em;}


h1 {font-size: 1.6em;padding:3px 0;margin:0; color:#B0C936}
h2 {font-size:1.2em; color:#00B3D8;padding:5px 0 3px 0;margin:0;}
h3{font-size:1.2em; color:#00B3D8;padding:0 0 3px 0;margin:0;}
h3.phone{font-size:1.6em; color:#00B3D8;padding:0 0 3px 0;margin:0;}
h3.client {font-size:1.1em; color:#666666;padding:7px 0 3px 0;margin:0;}
h3.clientsm {font-size:0.95em; color:#2073AF;padding:7px 0 3px 0;margin:0;}
h4{font-size:1.3em; color:#666;padding:0 0 3px 0;margin:0;}
h4.client {font-size:1.1em; color:#666;padding:0 0 3px 0;margin:0;}

a{color:#00BCE4; text-decoration: none;}
a:hover{color:#AAAAAA;text-decoration:underline;}
strong{font-weight:bold;}
p{margin:0 0 0.3em 0; font-size:1em; line-height:1.6em;}
p.orange {color:#F26116;font-weight:bold;}


div.dotted {background-image:url(/media/images/dotted.gif);height:3px;}
ul, ul li {margin: 0; padding: 0; list-style-type: none;line-height:1.6em;}
em {style:bold;font-weight:bold;color:#2073AF;}

/* = Header
------------------------------------------- */
#header{margin:0;padding:0;}
#logo{position:relative; top:10px; left:0;width:198px; height:48px;margin-bottom:10px;}

/* = Top Nav
-------------------------------------------- */

#mainnav {float:right;width:460px; margin:0;padding:0;}
#mainnav ul{list-style:none;background:url(/images/menu/menu.gif) no-repeat 0 0;width:460px;height:23px;float:left;}
#mainnav li{float:left;list-style:none;}
#mainnav li a{display:block; height:23px; text-indent:-999px; overflow:hidden; background:url(/images/menu/menu.gif) no-repeat 0 0;}

#mainnav li a.home {width:55px; background-position:0 0;}	
#mainnav li a.home:hover, #home #mainnav li a.home{width:55px; background-position:0 -23px;}
#mainnav li a.home-selected {width:55px; background-position:0 -46px;}	

#mainnav li a.work{width:60px; background-position:-55px 0;}
#mainnav li a.work:hover, #home #mainnav li a.about{width:60px; background-position:-55px -23px;}
#mainnav li a.work-selected {width:60px; background-position:-55px -46px;}

#mainnav li a.services{width:80px; background-position:-115px 0;}	
#mainnav li a.services:hover, #home #mainnav li a.services{width:80px; background-position:-115px -23px;}
#mainnav li a.services-selected {width:80px; background-position:-115px -46px;}	

#mainnav li a.aboutus{width:85px; background-position:-195px 0;} 
#mainnav li a.aboutus:hover, #home #mainnav li a.guide{width:85px; background-position:-195px -23px;}
#mainnav li a.aboutus-selected {width:85px; background-position:-195px -46px;} 

#mainnav li a.contact{width:116px; background-position:-280px 0;}			
#mainnav li a.contact:hover, #home #mainnav li a.contact {width:116px; background-position:-280px -23px;}
#mainnav li a.contact-selected {width:116px; background-position:-280px -46px;}	

#mainnav li a.blog{width:64px; background-position:-396px 0;}			
#mainnav li a.blog:hover, #home #mainnav li a.blog {width:64px; background-position:-396px -23px;}
#mainnav li a.blog-selected {width:64px; background-position:-396px -46px;}	


/* = Services Nav
-------------------------------------------- */
#servicenav {width:480px; margin:0 0 5px 0;padding:0;}
#servicenav ul{list-style:none;background:url(/images/menu/servicemenu.gif) no-repeat 0 0;width:480px;height:29px;margin:0;padding:0;}
#servicenav li{float:left;list-style:none;margin:0;padding:0;}
#servicenav li a{display:block; height:29px; text-indent:-999px; overflow:hidden; background:url(/images/menu/servicemenu.gif) no-repeat 0 0;}

#servicenav li a.insight {width:120px; background-position:0 0;}	
#servicenav li a.insight:hover, #service #servicenav li a.insight{width:120px; background-position:0 -29px;}
#servicenav li a.insight-selected {width:120px; background-position:0px -29px;}	

#servicenav li a.create {width:120px; background-position:-120px 0;}	
#servicenav li a.create:hover, #service #servicenav li a.create {width:120px; background-position:-120px -29px;}
#servicenav li a.create-selected {width:120px; background-position:-120px -29px;}

#servicenav li a.influ {width:120px; background-position:-240px 0;}	
#servicenav li a.influ:hover, #service #servicenav li a.influ {width:120px; background-position:-240px -29px;}
#servicenav li a.influ-selected {width:120px; background-position:-240px -29px;}

#servicenav li a.manage {width:120px; background-position:-360px 0;}	
#servicenav li a.manage:hover, #service #servicenav li a.manage {width:120px; background-position:-360px -29px;}
#servicenav li a.manage-selected {width:120px; background-position:-360px -29px;}				

/* = Home Page Content
-------------------------------------------- */
#homepage {width:930px;margin:10px 0 0 0;padding:0;}
#homeBanner {width:930px;height:255px;margin:0;padding:0;background:#FFF;}
#homeBanner2 {width:930px;height:255px;margin:0;padding:0;background:#000;}
#homePic1 {background:url(/images/clients/si_homepic2.jpg) no-repeat;width:165px;height:106px;margin-bottom:7px;}
#homePic2 {background:url(/images/clients/rm-homepic.png) no-repeat;width:165px;height:106px;margin-bottom:7px;}
#homePic3 {background:url(/images/clients/mit-homepic.png) no-repeat;width:165px;height:106px;margin-bottom:7px;}

#homePicBox {float:right;width:155px;height:100px;margin:0 0 10px 10px;background:#fff url(/images/clients/p4l-homepic.png) no-repeat;}

#homeBot .workserv {width:98px; height:15px;margin-top:40px;}

#homeBot ul li.arrow {background: url(/images/global/arrow.gif) no-repeat 0 4px;padding-left: 10px;}



#homeInfo {width:930px;background: #F5F9FD url(/images/bg/homebg.gif) left top repeat-x;margin:0;padding:5px 0 10px 0;}
#homeInfo .homepic {width:165px;margin-top:10px;font-size:0.9em;color:#777;}
#homeInfo .homebox {width:336px;margin-top:10px;border:1px solid #dfdfdf; background:#fff;padding:4px;}
#homeInfo .innerhomebox {border:1px solid #dfe9af; background:#f7f9eb url(/images/bg/homebox.png) bottom left repeat-x;padding:15px 15px 5px 15px;}
#homeInfo .lmargin {margin-left:25px;}
#homeInfo .hometext {margin:0 10px 0 0;padding:0;width:310px;}
#homeInfo ul li.arrow {background: url(/images/global/arrow.gif) no-repeat 0 4px;padding-left: 10px;}

/* = Page Content
-------------------------------------------- */
#innerpage {width:930px;margin:10px 0 0 0;padding:0;background: url(/images/bg/pagebg.gif) left top repeat-x;}
#content {margin:0; padding:20px;}
#leftcontent {float:left;width:480px;margin:0 30px 0 0;padding:0;}
#rightcontent {float:left;width:380px;margin:0;padding:0 0 20px 0;background: url(/images/bg/box.gif) left bottom no-repeat;}
#rightinfo {margin:0;padding:20px 20px 5px 20px; width:338px; border-left:1px solid #DCE0E3;border-top:1px solid #DCE0E3;border-right:1px solid #DCE0E3;background:#FFF;color:#888;font-size:0.9em;}
#rightinfo p {line-height:1.7em;}


#rightcontent .rightpad {padding-left:50px;}
#rightcontent .rightpwidth{width:300px;}
.contactpage {margin:40px 0 0 0}
#googlemap  {margin:10px 0;padding:0;border:1px solid #dedede;height:350px;}
.clientpic {margin-bottom:15px;}
.hght {height:10px;}


#content ul {font-size:0.83em;margin:3px 0 7px 0;padding:0;color:#555;line-height:1.5em;}
#content ul li.arrow {background: url(/images/global/arrow.gif) no-repeat 0 5px;padding-left: 15px;margin-bottom:3px;}
#content ul li ul {font-size:0.90em;margin:3px 0 7px 15px;padding:0;color:#555;} 


#content p {font-size:0.83em;margin:0 0 9px 0;padding:0;line-height:1.5em;}
#content p.clientquote {margin:0 0 1em 0; font-size:0.95em; line-height:1.6em;font-style:italic;}
#breadcrumb {margin:0;padding:0;}
#breadcrumb p {margin:0; padding-bottom:10px;font-size:0.75em;color:#8a9fac;}
#breadcrumb p a {color:#2688c0;text-decoration:none;}
#breadcrumb p a:hover {color:#8a9fac;text-decoration:underline;}
#content h1 {margin:0;padding:0;height:34px;width:400px;text-indent:-5000px;}
#content h2.homepage {margin:0;padding:0;height:18px;width:150px;text-indent:-5000px;}
#content h3.image {margin:0;padding:0;height:26px;width:300px;text-indent:-5000px;}
#content h1.homepage {margin:0;padding:0;height:34px;width:225px;text-indent:-5000px;}

#infoBox {margin:13px 0 10px 0;padding:0;border:1px solid #b2e8f3;width:518px;background:#e5f7fb;}
.infoBox {float:left;margin:0;padding:10px;width:238px;border-right:1px solid #b2e8f3;}
.infoBoxRight {float:left;width:239px;border-right:none;margin:0;padding:10px;}
#infoBox p {font-size:0.75em;margin:0;padding:0;color:#333333;}


.project-left {float:left;width:230px;margin:10px 20px 10px 0;padding:0;}
.project-right {float:left;width:230px;margin:10px 0 10px 0;padding:0;}
.clientlogo {float:left;margin:0;padding:0;width:169px;}
.clientpic {width:338px;margin:0 0 20px 0;padding:0;text-align:center;}
.clientpic-nospace {width:338px;margin:0 0 10px 0;padding:0;text-align:center;}
.clientlogo ul li {background: url(/images/global/arrow.gif) no-repeat 0 4px;padding-left: 10px;color:#999; font-weight:bold;}

/* = Flash Elements
-------------------------------------------- */

#homebanner {width:930px;height:250px;padding:0;margin:0;}
#homeBanner2 {width:930px;height:250px;padding:0;margin:0;background:#000;}
#clientlist {width:300px;padding:0;margin-left:60px;}
#banner {margin:10px 0 30px 30px;}
#bannerTrade {margin:10px 0 30px 30px;}


/* = Table
-------------------------------------------- */
table.data {margin:10px 0;padding:0;border-collapse:collapse;border:none;font-size:0.83em;width:100%;}
table.data th, table.data td {margin:0;padding:4px 10px;border-bottom:2px solid #FFF;} 
table.data th {background-color:#A8D5F1;font-weight:bold;color:#2073AF;}
table.data td {background-color:#DEEAF1;color:#0055A5;}
table.data td.last {font-weight:bold;width:20%;}

/* = Forms
--------------------------------------------- */
fieldset {margin:10px 0 0 0;padding:0;}
div.row {clear:both;padding:5px 0;margin:0;font-size:0.75em;}
div.row-submit {clear:both;padding:5px 10px;margin:0;font-size:0.75em;text-align:center;}
div.rowtitle {clear:both;margin:0;padding:5px 10px;font-weight:bold;text-align:left;font-size:0.75em;border:1px solid #ccc;background:#fff;}
label {float:left;width: 150px;padding:2px 12px 10px 0;margin:0;}
input.form-ex, textarea.form-ex {float:left;margin-bottom:5px; border: 1px #dedede solid; width: 300px; color: #666; padding: 2px;font: 1em arial,helvetica,sans-serif;}

/* = General Styles
--------------------------------------------- */
.hide {position:absolute; left:-9000px;}
.lfloat{float:left;}
.rfloat{float:right;}
.bold{font-weight:bold;}
.imgR, .imgL, .imgR_nb, .imgL_nb{float:right; border:1px solid #C6D6E3; margin:0 0 10px 10px;}
.imgL, .imgL_nb{float:left; margin:0 10px 10px 0;}
.imgR_nb, .imgL_nb{border:none;}
.noborder{border:none;}
.center{text-align:center;}
.clear{clear:both;}
p.subhead{font-size: 1.2em; font-weight:bold;}
ul.pagelist{font-size: 1.1em; list-style-type: square; margin-left: 15px;}
ul.pagelist li{margin-bottom: 0.5em;}
.green {color:#B0C936;}
.ltblue {color:#00B3D8;}
.blue {color:#2073AF;}
.dkblue {color:#26397C;}
.red {color:#cc0000;}
.spacer {margin-top:10px;}
.dottedline {height: 10px;margin: 3px 0px;background: url(/images/global/dottedline.gif) repeat-x top;}
.clientlogo {float:left;margin:0;padding:0;width:169px;}

a.emphasise {background: url(/images/global/emdot.gif) repeat-x 0 100%;}
a.emphasise:visited, a.emphasise:active {background: url(/images/global/emdot.gif) repeat-x 0 100%;}
a:hover.emphasise {background: none;color:#AAAAAA;}


/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from MacIE */

/* = Footer
-------------------------------------------------------------------------------------------------------------- */
#footer {font-size:0.7em;color:#868686;padding-top:10px;border-top:1px solid #DCE0E3;}
#footer a {font-weight:normal;color:#868686;}
#footnav {list-style:none; margin:5px 0 0 0;text-align:right;}
#footnav li{float:left;padding:0 5px 0 5px;border-left:solid 1px #ccc;margin:0;}
#footnav li.first {border-left:none;}
#footnav li a{text-decoration:none;}
#footnav li a:hover{text-decoration:underline;}