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

body { width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#000; background:#CCC url(../images/topbg.png) top repeat-x ; }
img { border:none}
a { text-decoration:none; color:#27769a;}
p { margin:5px auto; padding-left:5px;line-height:20px; }
h2 { color:#42718A; padding-left:5px; font-size:22px;}

/* header  */
.logo {margin-left:5px; width:45%; margin-left:15px; float:left}
.nav { width:95%; height:85px; margin:0px auto; margin-top:5px; }
.menu { width:52%; height:30px; float:right;}
.menu ul { list-style-type:none; margin:0px; margin-left:10px; padding:0px; height:30px;}
.mHome a { width:72px; height:30px; display:block; background: url(../images/menu/home.png)  top  no-repeat;}
.mHome a:hover, .hActive { width:72px; height:30px; display:block; background: url(../images/menu/homeBlue.png)  top  no-repeat; }
.mAbout a { width:98px; height:30px; display:block; background: url(../images/menu/about.png)  top  no-repeat;}
.mAbout a:hover, .aActive { width:98px; height:30px; display:block; background: url(../images/menu/aboutBlue.png)  top  no-repeat; }
.mServices a { width:90px; height:30px; display:block; background: url(../images/menu/services.png)  top  no-repeat;}
.mServices a:hover, .sActive {width:90px; height:30px; display:block; background: url(../images/menu/servicesBlue.png) top no-repeat; }
.mWorks a { width:100px; height:30px; display:block; background: url(../images/menu/work.png)  top  no-repeat;}
.mWorks a:hover, .wActive { width:100px; height:30px; display:block; background: url(../images/menu/workBlue.png)  top  no-repeat; }
.mContact a { width:98px; height:30px; display:block; background: url(../images/menu/contact.png)  top  no-repeat;}
.mContact a:hover, .cActive { width:98px; height:30px; display:block; background: url(../images/menu/contactBlue.png) top no-repeat; }
/*.mHome { background:url(images/menu/homeBlue.png) no-repeat;}*/

/* slideshow  */
.slide { width:100%; height:390px; background:url(../images/slidebg.png) repeat-x; }
.islide { width:100%; height:270px; background:url(../images/innerbannerbg.png) repeat-x; }
.sliderArea { width: 900px; height:260px; margin:0px auto;}
#slideLeftNav { width:28px; height:192px; float:left;  display:block ; position:absolute; left:215px;top:90px;}
#slideRightNav { width:28px; height:192px; float:right;left:1015px;  display:block;	position:absolute;top:90px; }
#slideLeftNav a { width:28px; height:192px ;float:left; background:url(../images/slideleft.png) no-repeat 0 0; display:block ;}
#slideRightNav a { width:28px; height:192px; float:right;left:696px; background:url(../images/slideright.png) no-repeat 0 0; display:block;	 }
/*.slider { width:727px; height:258px; margin:0px auto; padding-top:2px;}*/
.slideBttm { width:900px; height:130px; margin:0px auto; }

/* content area  */
.content { width:100%; height:487px; margin:0px auto; background:url(../images/contentbg.png) repeat-x; padding-top:15px; }
.icontent { width:100%;  margin:-30px auto 0px auto;   }
.divider {width:900px; height:100px; margin:0px auto; background:url(../images/HorizontalDividor1.png) bottom center no-repeat;}
.descTitle {height:35px; float:left;}
.iDescText {width:580px; float:left}
.contentLI { line-height:20px; margin-left:5px; padding-left:25px; padding-top:5px; background:url(../images/tick.png) left top no-repeat;}
.iRightContent { width:300px; float:right; background:url(../images/innerleftbg.png) left no-repeat}
.iRightContent p {width:274px; float:right; margin-top:0px;}
.itoD { width:835px; height:130px; background:url(../images/itod.png) no-repeat; margin:0px auto; padding:22px 68px 30px 68px; color:#3C3C3C; font-family:"Grandesign Neue Serif"; font-size:24px; line-height:30px; font-weight:500;}
.columns { width:971px; height:233px; background: url(../images/bttmbg.png) no-repeat; padding-top:20px; margin:0px auto}
.cols { width:850px; height:200px; margin:0px auto; line-height:20px; }
.colLeft { width:245px; height:200px; margin:0px auto; padding-left:5px;  float:left;}
.colMiddle { width:300px; height:200px; margin:0px auto; padding-left:5px; margin-left:275px;}
.colRight { width:245px; height:200px; margin:0px auto; padding-left:5px;  float:right;}
.footer { width:900px; height:30px; margin:0px auto;   background:url(../images/footerline.png) top no-repeat;}
.worksApp {width:900px; float:left; margin-top:25px;}
.worksAppTitle { float:left;padding-left:55px;}
.worksDivider {width:900px; clear:both; margin:0px auto; height:15px;}
.servicesDivider {width:580px; clear:both; margin:0px auto; height:15px;}
.footerMiddle { width:300px; float:left; padding-left:90px;}
.contact-input{
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #FFFFFF;
float:left;
font-family:'Trebuchet MS',Verdana,Arial;
margin:2px;
padding:2px;
width:300px;
}

#info label {
clear:left;
display:block;
float:left;
font-weight:bold;
padding-right:4px;
text-align:right;
width:150px;
}

#info form { margin:0px; padding:0px;}

.topContact {width:470px; padding-top:10px; padding-left:10px; height:45px;}
.tollFree {width:280px; height:24px; float:right; display:inline;}
.topEmail {margin-left:210px; width:165px; height:24px; float:right; display:inline;}