body{margin:0; padding:0; font:11px tahoma; color:#616161;}
h1, h2, h3, h4, h5, h6, ul, ol, form{margin:0; padding:0; list-style:none;}
img{border:0; border:none;}

*{outline:none;}
.cl{clear:both;}
.f-3{float:left; width:463px; padding:0 20px 0 0}
.s-3{float:left; width:463px; }
.head{background:#f0f0f0 url(../images/body-bg.png) repeat-x bottom; position:relative; z-index:9; font-family:"trebuchet MS"; border-top:4px solid #2dc9fc; height:112px;}
.sub-head{width:945px; margin:auto;}
.logo{padding:10px; float:left;}
.quote{float:right; padding-right:4px;}
.contact{float:left; margin:30px 0 0 100px; font-size:12px; width:474px; line-height:17px;}
.contact img{float:left; padding:5px 10px 0 0;}
.contact b{color:#17a1ce; font-size:14px; float:left; margin:0 20px 0 0;}
.contact b img{padding:3px 3px 0 0;}
.navi{text-align:right; margin:auto; background:url(../images/shadow.png) repeat-x top;}
.navi li{list-style:none; background:url(../images/devider.png) no-repeat right 4px; height:35px; float:left; padding:0 20px 0 14px; line-height:35px;}
.navi li a{font:14px "trebuchet MS"; color:#5f5f5f; text-decoration:none; } 
.navi li a:hover{color:#17a1ce;}
.navi li.active a{color:#17a1ce;}
.navi li.last{padding:0 14px 0 14px; background:none;}
.navi li a:hover{color:#17a1ce;}
.navi li.active a:hover{color:#17a1ce; cursor:text;}
.sub-navi{width:945px; margin:auto; padding:0 4px 0 0; }
.n-l{background:url(../images/navi-left.png) no-repeat; float:right; width:4px; height:35px; position:relative; z-index:9;}
.n-m{background:url(../images/navi-mid.png) repeat-x; float:right; width:auto; height:35px; position:relative; z-index:9; margin-top:-15px;}
.n-r{background:url(../images/navi-right.png) no-repeat; width:4px; height:35px; float:right; position:relative; z-index:9;}
.body{width:945px; margin:auto; padding:0 0 10px 0;}
.body a:hover{text-decoration:underline;}
.banner{margin:0 0 7px 0; background:url(../images/banner-bg.png) repeat-x top; height:244px; overflow:visible;}
.banner b{font:18px "trebuchet MS"; color:#ffb80b;}
.banner h2{ float:left; width:200px; padding:0 0 10px 25px; background:url(../images/bullet.png) no-repeat 0 4px;}
.banner h2 a{color:#17a1ce; font:14px "trebuchet MS"; text-decoration:none;}
.banner .span{ float:left; width:450px; padding:30px 0 0 0;}
.sub-ban{height:216px; border-right:1px solid #dedede; border-bottom:1px solid #fff; position:relative; border-left:1px solid #dedede; padding:20px 10px 0 10px;  }
.ban-content{float:left; width:515px; margin-left:23px;}
.people{float:left; padding:7px 0 0 0; position:relative; left:-10px;}
.people2{float:left; padding:7px 4px 0 0; position:relative; left:-10px; top:-26px;}
.req{clear:both; padding:10px 0 0 0;}
.left{float:left; width:251px;}
.cont{padding:0 0 8px 0;}
.left h3{background:url(../images/left-top.png) repeat-x; height:26px; padding:0 0 0 15px; border:1px solid #ddd; border-bottom:none; font:bold 14px/26px 'trebuchet MS'; color:#1a91ce;}
.left-text{background:#efefef url(../images/left-mid.png) repeat-x; line-height:16px; padding:14px 10px; text-align:justify; border:1px solid #ddd;}
.left-text label{display:block; text-align:right; font-weight:bold;}
.left-shed{background:url(../images/left-shadow.png) repeat-x top; height:7px; font-size:1px; margin:0 1px 0 2px;}
.thumb2{height:142px;}
.righth{float:right; width:679px; /*overflow:hidden;*/}

h2 a{text-decoration:none;}
.stripe-g{display:block; height:9px; background:#558707; margin-bottom:1px;}
.green h6{font:14px "trebuchet MS"; color:#558707; padding:3px 0 6px 0;}
.green h6 a{color:#558707;}
.i-cont label a.g{color:#558707; text-decoration:none;}
.i-cont label a.g:hover{text-decoration:underline;}
.stripe-y{display:block; height:9px; background:#ffb80c; margin-bottom:1px;}
.yellow h6{ font:14px "trebuchet MS"; color:#ffb80c; padding:3px 0 6px 0;}
.yellow h6 a{color:#ffb80c;}

.red h6{ font:14px "trebuchet MS"; color:#ac0b0b; padding:3px 0 6px 0;}
.red h6 a{color:#ac0b0b;}
.i-cont label a.r{color:#ac0b0b; text-decoration:none;}

.i-cont label a.y{color:#ffb80c; text-decoration:none;}
.i-cont label a.y:hover{text-decoration:underline;}
.blue h6{font:14px "trebuchet MS"; color:#17a1ce; padding:3px 0 6px 0;}
.blue h6 a{color:#17a1ce;}
.stripe-b{display:block; height:9px; background:#17a1ce; margin-bottom:1px;}
.i-cont label a.b{color:#17a1ce; text-decoration:none;}
.i-cont label a.b:hover{text-decoration:underline;}
.foot{background:#f8f8f8;}
.sub-foot{padding:15px 15px 35px 15px; width:915px; margin:auto; text-align:center;}
.foot a{color:#17a1ce; font-size:12px; border-right:1px solid #17a1ce; text-decoration:none; padding:0 12px 0 8px;}
.foot .last{border:none;}
.foot a:hover{text-decoration:underline;}
.foot p{padding:15px 0 0 0; margin:0;}
.foot p a{border:none; padding:0; font-size:11px;}
/************************************************** for tabs in the bottom part **************************************************************/
.tab-cont{border:1px solid #cacaca; position:relative; z-index:888; margin:-1px 0 0 0; width:657px; height: 142px; padding:10px; padding-top:20px;}
.tab-cont li{list-style:none; padding:0 0 15px 20px; background:url(../images/note.gif) no-repeat left 2px;}
.tab-cont li a{text-decoration:none; color:#616161;}
.tab-cont li a:hover{text-decoration:underline;}
.tab-cont label{ display:block; text-align:right;}
.tab-cont label a.b{color:#17a1ce; font-weight:bold; text-decoration:none;}
.tab-cont label a.b:hover{ text-decoration:underline;}
.mid-shed{background:url(../images/mid-shadow.png) repeat-x top; height:7px; margin:0; font-size:1px;}
.indentmenu{font:14px "trebuchet MS"; width:677px; /*leave this value as is in most cases*/ background:url(../images/left-top.png) repeat-x; border:1px solid #ddd; border-bottom:none; padding-top:4px;}
.indentmenu ul{margin: 0;padding: 0;float: left;/* width: 80%; width of menu*/}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{float: left;color: #5f5f5f; /*text color*/padding: 1px 16px; margin:0 0 0 7px;text-decoration: none;background:url(../images/indentbg.gif) repeat-x bottom; border:1px solid #ddd; border-bottom:none;}
.indentmenu ul li a:visited{color: #5f5f5f;}
.indentmenu ul li a.selected{color: #17a1ce !important;/*shift text down 1px*/background:#fff;z-index:999;position:relative;}
.tabcontentstyle{ /*style of tab content oontainer*/border: 1px solid gray;width: 450px;margin-bottom: 1em;padding: 10px;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
h1.servi{font:16px "trebuchet MS"; color:#5f5f5f; margin:0 0 10px 0; padding:0 0 0 5px; background:url(../images/head-bg.png) repeat-y left;}
.brad-crumb{padding:0 0 10px 0; clear:both;}
.brad-crumb a{ text-decoration:none; color:#333333;}
.inner-l h1{font:16px "trebuchet MS"; color:#5f5f5f; margin:0 0 10px 0; padding:0 0 0 5px; background:url(../images/head-bg.png) repeat-y left;}
.inner-l ol{margin:0 0 0 20px;}
.inner-l ol li{list-style:decimal; padding-bottom:3px;}


.heading{font:16px "trebuchet MS"; color:#5f5f5f; margin:0 0 10px 0; padding:0 0 0 5px; background:url(../images/head-bg.png) repeat-y left;}
.heading2{font:16px "trebuchet MS"; color:#17a1ce; padding:0 0 10px 0;}
.c-head{padding:5px 10px; margin-bottom:10px; background:#17a2cd; font:bold 12px tahoma; color:#fff;}
.gre{background:#558807;}
.yel{background:#ffb50c;}
.inner-l{float:left; width:588px;}
.inner-l h2.in-g{color:#558707;}
.inner-l h2.in-g a{color:#558707; font:16px "trebuchet MS"; text-decoration:none;}
.inner-l h2.in-g a:hover{text-decoration:underline;}
.inner-l h2.in-y{color:#ffb60c;}
.inner-l h2.in-y a{color:#ffb60c; font:16px "trebuchet MS"; text-decoration:none;}
.inner-l h2.in-y a:hover{text-decoration:underline;}
.inner-l h2{font:16px "trebuchet MS"; color:#17a1ce; padding:0 0 10px 0;}
.inner-l h2  a{color:#17a1ce; font:16px "trebuchet MS"; text-decoration:none;}
.inner-l h4{ padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.inner-l p{margin:0; padding:0 0 10px 0; line-height:14px; text-align:justify;}
.inner-l .in-ul li{ float:left; list-style:none; padding:0 20px 3px 10px; width:155px; background:url(../images/more-ser.png) no-repeat 0 6px;}
.inner-l p a{ color:#616161; text-decoration:none;}
.inner-l .in-ul li a{color:#ffb60c; text-decoration:none;}
.address { font-size:13px;}
.address h4{font:14px tahoma; color:#ffb80b;}
.address p{margin:0; padding:0 0 5px; color:#616161; }
.inner-l label{clear:both; display:block; padding:5px 0 20px 0; text-align:right;}
.inner-l label a{color:#17a1ce; text-decoration:none; font-weight:bold;}
.inner-l label a.g{color:#558707;}
.inner-l label a.y{color:#ffb60c;}
.inner-r{float:right; width:340px;}
.inner-r h1{font:14px "trebuchet MS"; color:#17a1ce; padding:0 0 7px 0;}
.inner-r h4{ margin:0 0 5px 0; font:13px "trebuchet MS";}
.s-box{line-height:18px; margin-bottom:10px; height:112px; padding:0 171px 13px 0; position:relative; border-bottom:1px dotted #999999;}
.s-box a img{margin:10px 0 0 0;}
.abs{position:absolute; bottom:0; right:0;}
.bhead{ background:url(../images/left-top.png) repeat-x; height:26px; padding:0 0 0 10px; font:bold 14px "trebuchet MS"; line-height:26px; border:1px solid #dedede;}
.b-inp{background:url(../images/inp.png) no-repeat; vertical-align:middle; border:none; width:131px; height:23px; margin:0;}
.b-btn{width:95px; margin:0; padding:0; vertical-align:middle;}
.ser{width:945px;}
.ser-max{width:966px;}
.ser-f-b{width:463px; margin:0 20px 20px 0; float:left;}
.ser .in-ul{margin:15px 0 0 0;}
.ser .in-ul li{ float:left; list-style:none; padding:0 0 3px 10px; width:144px; background:url(../images/more-ser.png) no-repeat 0 6px;}
.ser .in-ul li a{color:#ffb60c; text-decoration:none;}
.ser h2{font:16px "trebuchet MS"; color:#17a1ce; padding:5px 0 10px 0;}
.ser h2 a{color:#17a1ce; font:16px "trebuchet MS"; text-decoration:none;}
.ser p{margin:0; padding:0 0 10px 0; line-height:14px; text-align:justify;}
.ser label{clear:both; display:block; text-align:right; font-weight:bold; color:#17a1ce;}
.ser label a{color:#17a1ce; text-decoration:none;}
.desig{font:normal 11px tahoma; color:#5f5f5f; padding:0 0 0 10px;}
.cli{border:1px solid #CCCCCC;}
.inp{background:url(../images/input-bg.jpg) no-repeat; width:197px; height:17px; font:12px 'trebuchet MS'; color:#5f5f5f; border:none; padding:3px 5px 0; margin:0;}
.dd{background:url(../images/input-bg.jpg) no-repeat; width:207px; height:20px; font:12px 'trebuchet MS'; border:none; color:#5f5f5f;}
.textarea{background:url(../images/text-area.png) no-repeat; width:207px; height:104px; border:none; font:12px 'trebuchet MS';}
.st{color:#FF6600;}
.e-box{border:1px solid #fec734; padding:5px; margin-bottom:20px; color:#21b2e8; font:13px/20px tahoma;}
.e-box a{color:#21b2e8; font:13px/20px tahoma; text-decoration:none;} 
.e-r{float:left; width:240px;}
.e-box .thumb{float:left; margin:0 10px 0 0; width:70px;}
.e-r li{float:left; width:120px; list-style:none;}
.portfolio li{list-style:none; float:left; padding:0 13px 20px 0; width:216px; position:relative;}
.portfolio li a{float:left; color:#5f5f5f; text-decoration:none;}
.portfolio li a img{margin-bottom:3px; display:block;}
.y li div{position:absolute; width:198px; filter:alpha(opacity=30); top:9px; left:0; height:46px; opacity:0.3; border:10px solid #ffb60c; display:none;}
.portfolio li:hover div{display:block;}
.b li div{position:absolute; width:198px; filter:alpha(opacity=30); top:9px; left:0; height:46px; opacity:0.3; border:10px solid #17a1ce; display:none;}
.g li div{position:absolute; width:198px; filter:alpha(opacity=30); top:9px; left:0; height:46px; opacity:0.3; border:10px solid #558707; display:none;}
.r li div{position:absolute; width:198px; filter:alpha(opacity=30); top:9px; left:0; height:46px; opacity:0.3; border:10px solid #ac0b0b; display:none;}
.y li a img{ margin-bottom:3px; display:block;}
.g li a img{ margin-bottom:3px; display:block;}
.r li a img{ margin-bottom:3px; display:block;}
.ser-f-b h2.g{color:#558707;}
.ser-f-b h2.y{color:#ffb60c;}
.ser-f-b h2.r{color:#ac0b0b;}
.l-img{float:left; margin:0 20px 0 0;}
.r-img{float:right; margin:0 0 0 20px;}
.submitm{height:29px; width:116px; border:none; background:url(../images/submit.jpg);}
.error_page{ height:100px; text-align:center; padding:100px 0 10px 0;}
.sitemap ul{width:196px; margin:0 0 0 0;}
.sitemap li a{ margin:0 0 3px 0; display:block; font:14px "trebuchet MS"; color:#17a1ce; text-decoration:none;}
.sitemap li ul{margin:0 0 0 15px;}
.sitemap li ul li{padding:2px 0;}
.sitemap li ul li a{margin:0; color:#5f5f5f; font-size:12px; background:url(../images/bullet.png) no-repeat 0 3px; padding:0 0 0 15px;}
.testi{height:141px;}
.testi a{color:#5f5f5f; text-decoration:none;}
.testi a:hover{text-decoration:none;}



.second-fr{float:right; width:680px;}



.navi-left{width:251px; float:left;}
/*********************************** left menu ***************************************/

#accordion2 {width:251px;}
.accordion2 {width:251px; font:14px/27px "trebuchet MS"; color:#1a91ce; margin:0;}
.accordion2 dt {width:239px; padding:0 6px; cursor:pointer; background:url(../images/left-navi-h.png) no-repeat;}
.accordion2 dt a{ font:14px/27px "trebuchet MS"; color:#1a91ce; text-decoration:none; display:block;}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background:url(../images/left-navi-h.png) no-repeat;}
.accordion2 dd {overflow:hidden; background:#fff; margin:0; padding:0;}
.accordion2 dd a{display:block; background:#fafafa; border-bottom:1px solid #fff; padding-left:20px; font-size:12px; color:#676767; text-decoration:none;}
.accordion2 dd a:hover{ background:#e5e5e5; color:#000; text-decoration:none;}
.accordion2 span {display:block; width:251px; border-top:none;}






.applemenu{
padding: 0;
}

.applemenu div.silverheader{width:239px; padding:0 6px; cursor:pointer; background:url(../images/left-navi-h.png) no-repeat;}
.applemenu div.silverheader a{ font:14px/27px "trebuchet MS"; color:#1a91ce; text-decoration:none; display:block;}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{color:#1a91ce;}

.applemenu div.selected a, .applemenu div.silverheader a:hover{color:#1a91ce;}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu a{display:block; background:#fafafa; border-bottom:1px solid #fff; padding:5px 0 5px 20px; font-size:12px; color:#676767; text-decoration:none;}
.applemenu div.submenu a:hover{background:#e5e5e5; color:#000; text-decoration:none;}




.i-cont{margin:0 0 0 0; float:left;}
.i-cont p{padding:0 8px 6px 0; margin:0; line-height:16px; text-align:justify;}
.i-cont label{display:block; text-align:right; padding:6px 8px 0 0; font-weight:bold;}
.i-cont label img{vertical-align:middle;}

.i-cont{width:218px; margin:0 12px 0 0; float:left;}
.i-cont p{padding:0 25px 6px 0; margin:0; line-height:16px;}
.i-cont label{display:block; text-align:right; padding:6px 8px 0 0; font-weight:bold;}
.i-cont label img{vertical-align:middle;}


h2 a{text-decoration:none;}
.stripe-g{display:block; height:9px; background:#558707; margin-bottom:1px;}
.green h2{font:14px "trebuchet MS"; color:#558707; padding:3px 0 6px 0;}
.green h2 a{color:#558707;}
.i-cont label a.g{color:#558707; text-decoration:none;}
.i-cont label a.g:hover{text-decoration:underline;}
.stripe-y{display:block; height:9px; background:#ffb80c; margin-bottom:1px;}
.yellow h2{ font:14px "trebuchet MS"; color:#ffb80c; padding:3px 0 6px 0;}
.yellow h2 a{color:#ffb80c;}
.i-cont label a.y{color:#ffb80c; text-decoration:none;}
.i-cont label a.y:hover{text-decoration:underline;}
.blue h2{font:14px "trebuchet MS"; color:#17a1ce; padding:3px 0 6px 0;}
.blue h2 a{color:#17a1ce;}
.stripe-b{display:block; height:9px; background:#17a1ce; margin-bottom:1px;}
.i-cont label a.b{color:#17a1ce; text-decoration:none;}
.i-cont label a.b:hover{text-decoration:underline;}



.inn-ul{padding:0 0 0 40px;}
.inn-ul li{ list-style:url(../images/bullet3.png); padding-bottom:10px;}



.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:231px; /*Width of Carousel Viewer itself*/
height:137px; /*Height should enough to fit largest content's height*/
}
.stepcarousel2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin around each panel*/
width:201px; margin:0 20px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:679px; /*Width of Carousel Viewer itself*/
height: 213px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin around each panel*/
width:201px; margin:0 20px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.tTesti table td{padding:10px;}