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

* { margin:0px; padding:0px }

html, body { margin:0px; padding:0px; background:#dcdcdc; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

img { border:0px;}

a { outline:none;}

div, span, dl, dd, ul, li { margin:0px; padding:0px;}

#wrapper { width:100%;}

#container { margin:0 auto; height:auto; overflow:hidden; width:933px;background: url(../images/wrap_bg.jpg) center top no-repeat #FFF;}

.container-inner { margin:0 auto; width:855px; height:auto; overflow:hidden;  padding-bottom: 20px; padding-top: 36px;}

.header { float:left; width:855px; height:auto; overflow:hidden;}

.logo { float:left; padding-left:12px;}

ul.mainmenu { list-style-type: none; overflow: hidden; font-family: "Franklin Gothic Medium", Arial; font-size: 1.8em; text-transform: uppercase; float: right; /*width: 415px;*/ margin-top: 30px; padding-right:12px; }

*html ul.mainmenu { width: 415px; padding-right:24px; }

ul.mainmenu li { float: left; margin: 0 0 0 12px; }
ul.mainmenu li a { height: 16px; display: block; }
ul.mainmenu li a span { display: none; }
/*a.about { background: url(../images/menu/about.gif) no-repeat !important; width: 68px; }
a.services { background: url(../images/menu/services.gif) no-repeat !important; width: 97px; }
a.portfolio { background: url(../images/menu/portfolio.gif) no-repeat !important; width: 111px; }
a.contact { background: url(../images/menu/contact.gif) no-repeat !important; width: 90px; }*/

.middle{ float:left; width:855px; height:auto; overflow:hidden;}
.middle-container{ float:left; width:855px; height:auto; overflow:hidden; padding-top:47px;}

.left-part{ float:left; width:274px; height:auto; overflow:hidden;}
.left-part-container{ float:left; width:274px; height:auto; overflow:hidden;}

.services-box { float:left; width:274px; height:auto; overflow:hidden;}
.services-box-title{ float:left; width:274px; height: 65px; background:url(../images/services-box-title-bg.jpg) left top no-repeat;}
.services-box-title h1{ font-size:26px; color:#FFF; padding:5px 0px 5px 20px;}

.services-box-container { float:left; width:274px; height:auto; overflow:hidden; background:url(../images/services-box-container-bg.gif) left top repeat-y;}

.services-box-container-inner{ float:left; width:272px; min-height:207px; height:auto !important; height:207px; overflow:hidden; margin-left:1px; background:url(../images/services-box-container-inner-bg.gif) left top repeat-x #fbffe7;}

* html .services-box-container-inner{  width:271px;}

.services-box-container-inner ul{ padding-left:27px; padding-top:12px;}
.services-box-container-inner li{ list-style:none; font-size:12px; font-weight:bold; color:#5c5c5c; width:211px; border-bottom:#424242 1px dotted; line-height:30px;}
.services-box-container-inner li a{  color:#5c5c5c; text-decoration:none;}
.services-box-container-inner li a:hover{  color:#adc041; text-decoration:none;}

.services-box-bottom{ float:left; width:274px; height:250px; background:url(../images/services-box-bottom.jpg) left bottom no-repeat}


.right-part{ float:left; width:508px; height:auto; overflow:hidden; padding-left:46px; }
.right-part-container{ float:left; width:486px; height:auto; overflow:hidden; }

.right-part-container h1{ font-size:36px; color:#888888; font-weight:normal;}
.right-part-container h2{ font-size:22px; color:#00879f; font-weight:normal;}
.right-part-container p{ font-size:12px; color:#101010; font-weight:normal; padding-top:7px; line-height:18px;}



.footer { background: url(../images/footer.gif) no-repeat; width: 873px; height: 48px; padding: 35px 30px 0 30px; margin: 0 auto; font-size: 0.95em; color: #383838; }
p#copy { width: 300px; float: left; }
p#terms { width: 300px; float: right; text-align: right; }
p#terms a { color: #383838; text-decoration:none; }
p#terms a:hover { color: #383838; text-decoration: underline; }


.quality-solutions{ float:left; width: 830px; height:auto; overflow: hidden; border:#F00 0px solid; }
.quality-solutions h2 { padding-top:47px;}
.quality-solutions p { color:#0b0b0b; line-height:22px;}
.quality-solutions dd { float:left;}
.qs-left { width:352px; padding-left:76px;}
.qs-left h2{ padding-bottom:10px; font-size:22px; color:#888; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.qs-right{ padding-left:52px;}

.header-left { width: 360px; float: left; padding-top: 40px; }
h2.big_title { background: url(../images/quality-solutions.gif) no-repeat; height: 50px; width: 330px; }
h2.big_title span { display: none; }


.service-box { float:left; width:855px; height:auto; overflow:hidden; padding-top:40px;}
.service-box dd{ float:left; width:274px; padding-right:11px; }

.box { float:left; width:274px; height:auto; overflow:hidden;}
.box-container{ float:left; width:227px; height:auto; overflow:hidden; padding:18px 24px 15px 21px; color:#0b0b0b;}
.box h3{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#fff; padding-left:20px;padding-top:6px; height:59px;  }
.box-container p{ line-height:17px;}

.box-container li { list-style:none; padding-left:10px;  line-height:17px;}

.box-bottom{ float:left; width:274px; height:33px; font-size:2px; line-height:2px; }

.webdesign-title{ background:url(../images/webdesign-title-box.jpg) left top no-repeat; width:275px;}
.webdesign-container{ border:#3da4ba 1px solid; border-top:none; border-bottom:none; background:url(../images/wb-containerbg.gif) left bottom repeat-x #f7fffe;}
.wd-bottomstrip{ background:url(../images/webdesigner-bottomstrip.gif) left top no-repeat;}

.seo-title{ background:url(../images/seo-title.jpg) left top no-repeat; width:275px;}
.seo-container{ border:#adc041 1px solid; border-top:none; border-bottom:none; background:url(../images/seo-containerbg.gif) left bottom repeat-x #fefff7;}
.seo-bottomstrip{ background:url(../images/seo-bottomstrip.gif) left top no-repeat;}

.cms-title{ background:url(../images/cms-title.jpg) left top no-repeat; width:275px; height:65px;}
.cms-container{ border:#ec7500 1px solid; border-top:none; border-bottom:none; background:url(../images/cms-containerbg.gif) left bottom repeat-x #fffdf7;}
.cms-bottomstrip{ background:url(../images/cms-bottomstrip.gif) left top no-repeat;}

.home-feature-contact{ float:left; width:855px; height:auto; overflow:hidden;}
.home-feature-contact h3{ font-family:"Franklin Gothic Medium",Arial, Helvetica, sans-serif; font-size:26px; color:#6e6e6e; line-height:30px; padding-bottom:10px; padding-top:36px; font-weight:normal;}

.featured{ float:left; width:612px; height:auto; padding-left:5px;}
.featured dd{ float:left; width:276px; padding-right:30px;}
.featured dd img{ padding-right:15px;}
.featured dd strong{ color:#91a51d;}
.featured dd p { color:#0b0b0b; font-size:11px; line-height:15px;}
.featured dd a{ color:#ec7500; text-decoration:underline;}
.featured dd a:hover{ color:#ec7500; text-decoration:none;}
.divider{ height:26px;}

.contact{ float:right; width:226px; height:auto;}
.contact dd{ float:left; padding-bottom:10px; }
.contact dd label{ float:left; width:79px; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#828282; font-weight:bold; padding:2px 0px;}
.contact dd .inputbox{ border:#c6c6c6 1px solid; background:#f8f8f8; width:134px; padding:2px 0px;}

.submit-btn { background:#adc041; color:#FFF; border:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; padding:5px 14px; cursor:pointer; float:left;}

a:focus { outline:none; }
.topicons {float: right; padding:8px 50px 0 0 ;}
.topicons ul {margin: 0px;padding: 0px;list-style-type: none;}
.topicons ul li {display: inline; padding:0 3px 0 3px;}
.webdesign-title a, .webdesign-title a:visited{ color:#FFF; text-decoration:none}
.webdesign-title a:hover{ color:#326e79}
.seo-title a, .seo-title a:visited{color:#FFF; text-decoration:none}
.seo-title a:hover{ color:#747f30}
.cms-title a,.cms-title a:visited{color:#FFF; text-decoration:none}
.cms-title a:hover{color:#8c5302;}