@charset "utf-8";
/* CSS Document */

body{background:url(../images/1bginner.jpg) repeat-x top left; margin:0; padding:0; font:12px  Arial, Helvetica, sans-serif; color:#666666}

body .navbgon{ background:url(../images/hoverleft.jpg) no-repeat; background-position:-2000px;}
body .navbgon2{ background:url(../images/hoverright.jpg)no-repeat; background-position:-2000px;}





#index{background:url(../images/bg.jpg) repeat-x; margin:0; padding:0; font:12px  Arial, Helvetica, sans-serif; color:#666666}
#body, #body2, #body3, #body4{background:url(../images/1bginner.jpg) repeat-x top left; margin:0; padding:0; font:12px  Arial, Helvetica, sans-serif; color:#666666}


#wrapper{width:994px; margin:0 auto; padding:0;}


/* top image */
.topbanner{float:left; width:994px; height:204px;  margin:0; padding:0;}






.clear{ clear:both;}




/* top */
#header{width:994px; float:left; }
.logo{width:180px; height:70px; padding:35px 0 0 0; float:left}
.topnav{width:675px; height:102px; float:right; padding:8px 0 0 0;}

.topsubnav{background:url(../images/topnabg.jpg) no-repeat; width:278px; height:21px; clear:both; float:right;}
.topsubnav ul{margin:0; padding:0 0 0 21px;}
.topsubnav ul li{margin:0; padding:0 17px; font-size:11px; float:left; list-style:none; }
.topsubnavbg{background:url(../images/topnavright.jpg) no-repeat right;}
.topsubnav a{color:#FFFFFF; text-decoration:none;}

.call{background:url(../images/phoneicon.jpg) no-repeat left bottom; padding:13px 0 0 30px; margin:0 0 0 0;color:#666666; clear:both; float:right; width:170px; font-size:16px;}
*html .call{ padding:15px 0 0 30px; margin:0 0 0 0;}
html* .call{ padding:14px 0 0 30px; margin:0 0 0 0;}

.topmainnav{width:570px; float:right; padding:0 0 0 0; margin:0 0 0 0; font-weight:bold; clear:both;}
.topmainnav ul{margin:0px 0 0 0; padding:13px 0 0 0; float:left;}
@media screen and ( margin:0px 0 0 0; padding:14px 0 0 0; )
   {.topmainnav ul{margin:0px 0 0 0; padding:14px 0 0 0;}}
   
.topmainnav ul li{float:left; display:inline; list-style:none; text-transform:uppercase; font-size:12px; margin:0 0 0 5px; padding:10px 0px 10px 0px;}
.topmainnav li a span{background:url(../images/tableft.jpg) no-repeat left; padding:10px 16px;}
.topmainnav ul li a{background:url(../images/tabright.jpg) no-repeat right; text-decoration:none; color:#FFFFFF; padding:10px 0px 10px 0px;}
.topmainnav ul li a:hover{background:url(../images/hoverright.jpg) no-repeat right;margin:0; }
.topmainnav li a:hover span{background:url(../images/hoverleft.jpg) no-repeat left;margin:0;}

body#aboutus .topmainnav li.aboutus, 
body#services .topmainnav li.services,
body#casestudies .topmainnav li.casestudies,
body#portfolio .topmainnav li.portfolio,
body#resources .topmainnav li.resources,
body#blog .topmainnav li.blog,
body#contact .topmainnav li.contact,
body#body .topmainnav li.active2  {background:url(../images/hoverleft.jpg) no-repeat left; margin:0 0 0 5px; padding:10px 0px 10px 4px;}

body#aboutus li.aboutus a span, 
body#services li.services a span, 
body#casestudies li.casestudies a span,
body#portfolio li.portfolio a span,
body#resources li.resources a span,
body#blog li.blog a span,
body#contact li.contact a span,
body#body li.active2 a span{background:url(../images/hoverright.jpg) no-repeat right; margin:0; padding:10px 16px 10px 12px;}

body#aboutus li.aboutus a:hover span,
body#services li.services a:hover span,
body#casestudies li.casestudies a:hover span,
body#portfolio li.portfolio a:hover span,
body#resources li.resources a:hover span,
body#blog li.blog a:hover span,
body#contact li.contact a:hover span,
body#body li.active2 a:hover span{background:url(../images/hoverright.jpg) no-repeat right; margin:0; padding:10px 16px 10px 12px;}

/* Colors */
.green{ color:#669900;}
.green a{ color:#669900;}

.lightblue{ color:#3399cc;}
.lightblue a{ color:#3399cc;}

.lightblue{ color:#3399cc;}
.lightblue a{ color:#3399cc;}

.orange{ color:#cc6600;}
.orange a{ color:#cc6600;}

.orange{ color:#cc6600;}
.orange a{ color:#cc6600;}

.darkblue{ color:#006699;}
.darkblue a{ color:#006699;}

.darkgray{ color:#666666;}
.darkgray a{ color:#666666;}

.red{ color:#ff6666;}
.red a{ color:#ff6666;}

.black{ color:#000;}
.black a{ color:#000;}

.pink{ color:#f13a7e;}
.pink a{ color:#f13a7e;}



/* content Inner */
#content{float:left; width:994px; margin:0 0 10px 0; padding:0 0 0 0; background:#fff;}
#content .leftcol{ float:left; width:232px; margin:0; font-weight:bold; padding:10px 0 0 12px;}
#content .leftcol .head{background:url(../images/leftcolheadbg.jpg) no-repeat left top; float:left; margin:0 0 0 0; width:204px; padding:8px; height:17px;}
#content .leftcol .img{ border:none; float:left; margin:0 0 0 0; width:204px; padding:0 8px 0 0;}
#content .leftcol .img img{ border:none;}

#content .leftcol .subhead{ border:none; float:left; margin:5px 0 5px 0; width:180px; padding:0 8px 0 0; font-size:14px; 
background:url(../images/subhead.jpg) no-repeat left top;}
#content .leftcol .subhead a{ color:#000; padding:0 0 0 24px;}

#content .leftcol .head a{text-decoration:none;}
#content .leftcol .padbot{ margin:0 0 7px 0;}
#content .leftcol .list{float:left; margin:0 2px 7px 2px; width:200px; border-bottom:solid 1px #e2e2e2; padding:4px 8px 4px 8px; background:#f3f3f3;}
#content .leftcol .list ul{ float:left; list-style:none; margin:0; padding:0; font-weight:normal;}
#content .leftcol .list ul li{ padding:6px 0 6px 10px; border-bottom: solid 1px #cccccc; width:190px; 
background:url(../images/leftcollistbg.jpg) no-repeat left top;}
#content .leftcol ul li a{ color:#666666; text-decoration:none;}
#content .leftcol ul li a:hover{ color:#666666; text-decoration:underline;}
#content .leftcol .active{ color:#666666; text-decoration:none; font-weight:bold;}
#content .leftcol .list .none{ border-bottom:solid 1px #f3f3f3;}


#content .middlecol2{float:left; width:710px; margin:0; padding:0 20px 0 20px; background:#fff url(../images/contentbg.jpg) no-repeat bottom left; min-height:525px;}
*html .middlecol2{ height:727px;}
#content .middlecol2 .breadcrumb{ padding:8px 8px 0 0; margin:0 10px 0 8px;}
#content .middlecol2 .breadcrumb p{ font-size:11px; text-align:right; padding:0; margin:0; color:#999;}
#content .middlecol2 .breadcrumb p a{ text-decoration:underline; color:#666; }
#content .middlecol2 .breadcrumb p span{ text-decoration:underline; color:#999; }
#content .middlecol2 h1{ font-size:26px; padding:0 0 2px 0; margin:0 16px 0 8px; font-family:"Trebuchet MS"; border-bottom:solid 1px #cccccc;}
#content .middlecol2 p{ font-size:13px; margin:0; padding:10px 25px 5px 10px; line-height:19px; color:#333;}
#content .middlecol2 p a{ text-decoration:none; color:#333}

#content .middlecol2 .contactrow1{ float:left;}
#content .middlecol2 .contactrow2{ float:left; width:183px; padding:12px 0 0 0;}

#content .middlecol2 h2{ font-size:14px; margin:0; padding:10px 15px 0 8px;}
#content .middlecol2 .img{ padding:0 12px 0 8px; margin:0; float:left;}
#content .middlecol2 h3{ font-size:13px; line-height:19px; padding:10px 0 0 0; margin:0; margin:0 15px 0 10px; color:#333;}
#content .middlecol2 ul{ margin:0 0 0 10px; padding:5px 0 0 10px; font-size:12px; clear:both; color:#333;}
*html #content .middlecol2 ul{padding:5px 0 0 10px;}
#content .middlecol2 ul li{ margin:0; padding:4px 0 4px 16px; list-style:none; background:url(../images/txtlibg.jpg) no-repeat top left;}
#content .middlecol2 ul li ul{ margin:7px 0 0 0; padding:0;}
#content .middlecol2 ul li ul li{ margin:0; padding:2px 0 2px 12px; list-style:none; background:url(../images/sublibg.gif) no-repeat top left;}
#content .middlecol2 ul li a{ color:#666666; text-decoration:none;}


#content .rightcol{float:left; width:194px; margin:0; padding:15px 0 0 0;}
#content .rightcol .row{float:left; margin:0 0 0 0; padding:0 0 15px 0;}
#content .rightcol .row img{ border:none;}
#content .rightcol .row a{ border:none;}
#content .rightcol .socialouter{float:left; padding:0; margin:0;}
#content .rightcol .socialouter .row{float:left; margin:0 0 0 0; padding:0 3px 0 0;}


#content .rightcol .head{background:url(../images/rightcolheadbg.gif) no-repeat left top; float:left; margin:0 0 0 0; width:170px; padding:8px 8px 8px 10px; height:17px; font-weight:bold; font-size:14px;}
#content .rightcol .head a{text-decoration:none;}
#content .rightcol .padbot{ margin:0 0 7px 0;}
#content .rightcol .list{float:left; margin:0 2px 7px 2px; width:166px; border-bottom:solid 1px #e2e2e2; padding:4px 8px 4px 8px; background:#f3f3f3;}
#content .rightcol .list ul{ float:left; list-style:none; margin:0; padding:0; font-weight:normal;}
#content .rightcol .list ul li{ padding:6px 0 6px 10px; border-bottom: solid 1px #cccccc; width:156px; 
background:url(../images/leftcollistbg.jpg) no-repeat left top;}
#content .rightcol ul li a{ color:#666666; text-decoration:none;}
#content .rightcol ul li a:hover{ color:#666666; text-decoration:underline;}
#content .rightcol .active{ color:#666666; text-decoration:none; font-weight:bold;}
#content .rightcol .list .none{ border-bottom:solid 1px #f3f3f3;}


#content .casestudy{ padding:0 0 15px 7px; margin:0;}
#content .casestudy .row{ padding:0 0 0 0; margin:0 0 10px 0;  border:dashed 1px #cccccc; float:left; width:475px; }
#content .casestudy .row h3{ font-size:14px; margin:0; padding:6px; color:#fff; border-bottom:dashed 1px #cccccc; background:#666666; }
#content .casestudy .row .img{ padding:10px; margin:0 0 0 0; float:left;}
#content .casestudy .row img{ padding:0; margin:0;}
#content .casestudy .row .txt{ padding:0; margin:0; border-left:dashed 1px #cccccc; float:left; width:310px;}
#content .casestudy .row .txt p{ padding:5px 0 5px 5px; margin:0 0 0 5px;}
#content .casestudy .row .txt .more{ text-align:right; padding:5px; margin:0 0 5px 0;}
#content .casestudy .row .txt .more a{ text-decoration:underline; color:#666666; padding:3px; }
#content .casestudy .row .txt .more a:hover{ text-decoration:none; border:solid 1px #cccccc; padding:2px;}

.manageteam{ padding:4px; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; 
float:right; margin:0 16px 0 4px;}
*html .manageteam{ margin:0 8px 0 4px; }
.manageteam a{ padding:0; text-decoration:none;}
.manageteam a:hover{ text-decoration:underline; color:#000;}


/* Content Inner */





/* Content Home */
.contentindex{float:left; width:984px; padding:16px 0 0 10px;}
.leftbox{width:220px;  float:left; padding:0 20px 62px 0px; }
.subhead{clear:both; padding:0 0 10px 0;}
.clientlogo{clear:both;padding:0 0 10px 0; margin:0 0 15px 0;}

.contactdetail{padding:0 0 45px 5px; line-height:18px; background:url(../images/boxbg.jpg) no-repeat right bottom;}

.consultationform2{ padding:0 0 60px 0; margin:0 0 20px 0; }
.consultationform2 input, textarea, .consultationform3 input{margin:2px 0; padding:3px 2px; border:#e9e6e9 1px solid; width:180px; color:#666666; font-size:11px; height:14px;}
.submitbtn2{float:right; padding:0 0 0 0; margin:0;}




.consultationform{ padding:0 0 75px 8px; margin:0 0 20px 0; background:url(../images/boxbg.jpg) no-repeat right bottom;}
.consultationform input, textarea, .consultationform3 input{margin:2px 0; padding:3px 2px; border:#e9e6e9 1px solid; width:180px; color:#666666; font-size:11px; height:14px;}

.txtarea{background-color:#ffffee; border:#e9e6e9 1px solid; width:180px; height:80px; margin:2px 0 4px 0; color:#666666;font-size:11px;padding:3px 2px;}
*html .txtarea{ margin:0 0 2px 0;}

.captchaimg, .captchform, .submitbtn{float:right; padding:0; margin:0;}
.submitbtn{float:right; padding:0 26px 0 0; margin:0;}
.captchform input, textarea{margin:2px 0 0 0; padding: 0; border:#e9e6e9 1px solid; width:40px;color:#666666; font-size:11px; height:16px;}

.submit{padding:0 0 0 0; margin:0;}
.rightbox a{color:#63ab45; text-decoration:none;}

.bottomnav{width:100%; background-color:#fafdfd; border-top:#ddf1fb 1px solid; float:left; margin:10px 0 0 0; padding:0 0 10px 0;} 
.center{width:994px; padding:10px 0 0 0; margin:0 auto;}
.bottomnav h3{margin:0; padding:5px 0; color:#0581c1; font-size:14px; font-weight:normal;}
.bottomnav h3 a{color:#0581c1; text-decoration:none;}
.bottomnavbox{padding:0 7px; float:left;}
.bottomnavbox ul{margin:0; padding:0;}
.bottomnavbox li{margin:0; padding:3px 10px; background:url(../images/libg.jpg) no-repeat left; list-style:none}
.bottomnavbox li a{color:#666666; text-decoration:none;}
.bottomnavbox li a:hover{color:#0581c1; text-decoration:none;}


.contentbottom{width:960px; float:left; padding:0 0 20px 0; margin:25px 0 0 0; clear:both; }
*html .contentbottom p{ padding:8px; margin:0 0 0 0; line-height:19px;}
.contentbottom p{ padding:8px; margin:0 0 0 0; line-height:19px; background-color:#FAFAFA;}
.contentbottom p a{ text-decoration:none; color:#000; }
.contentbottom h2{ padding:0 0 5px 0; margin:0; font-size:13px; line-height:18px; border-bottom:solid 1px #cccccc;}

.contentmiddle{width:700px; float:left; padding:0 5px 0 6px; margin:0;}
.middlebox{width:690px; border:#e9e6e9 2px dotted; padding:10px 10px 10px 10px; margin:0 0 8px 0; float:left;}
.contentmiddle .middlebox p{margin:0; padding:0;line-height:14px;}
.icon{float:left; width:47px;}
.boxtxt{float:left; width:600px; padding:0 0 0 10px}
.middlebox h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin:0; padding:0 0 5px 0; font-weight:normal; font-style:italic;}
.middlebox h1 a{text-decoration:none}

.middlep{clear:both;}
.middlep p{margin:0; padding:10px 0 0 0;line-height:15px;}
.four{color:#009acd; font-size:13px; font-style:italic;}
.divisions{color:#333333;font-size:13px;}
/* Content Home */


.socialmedia{ width:989px; color:#666666; clear:both; text-align:right; padding:0 5px 5px 0; margin:0 0 0 0 auto;}
.socialmedia img{ margin:0 0 0 7px; padding:0; border:none;}

.footer{ width:100%px; background-color:#e8f7fa; color:#666666; clear:both; border-top:#ddf1fb 1px solid; padding:5px; margin:0 0 0 0 auto;}
.footer p{ margin:0px auto; padding:4px 0 8px 0; text-align:center;}
.footer p span{ padding:0 0 0 230px;}
.footer p span a{ color:#666666; padding:0 5px 0 5px; text-decoration:none;}
.footer p span a:hover{ color:#000; text-decoration:none;}

.footer .four{ font-style:italic; color:#009acd; padding:0; margin:0;}
.footer .divisions{ color:#000; padding:0; margin:0;}