/*

Designed and Coded By: Arkive Technologies
Date: 00/00/2013

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{margin:0 auto;}

#top{ width:100%; height:28px; margin:0 auto; float:left; background:url(../images/topbg.png);}
.toparea{ width:1000px; height:28px; margin:0 auto;}
.topcontent{ width:304px; height:28px; float:right; margin:0 0 0 0;}
.topcontent h1{ float:left; margin:5px 0 0 0; font:bold italic 12px Arial, Helvetica, sans-serif; color:#cbc9c9;}
.topcontent h2{ float:left; margin:5px 0 0 30px; font:bold italic 12px Arial, Helvetica, sans-serif; color:#cbc9c9;}  
.topcontent a{ float:right; margin:5px 3px 0 0;}


#navigation{ width:100%; height:87px; margin:0 auto; float:left; background:url(../images/navbg.png) repeat-x;}
.navigationarea{ width:1000px; height:87px; margin:0 auto; background:url(../images/buttonbg.png) no-repeat;}
.buttonarea{ width:747px; height:84px; float:right; margin:3px 0 0 0;}
.buttonarea ul{ float:left; margin:0 0 0 0;}
.buttonarea ul li{ float:left; margin:0 0 0 0;}
.buttonarea ul li a{ height:46px; float:left; margin:0 5px 0 0; padding:38px 15px 0 15px; font:bold 14px Arial, Helvetica, sans-serif; color:#666669; text-decoration:none;}
.buttonarea ul li a:hover{ color:#FFF; background:url(../images/buttonovr.png) repeat-x;}
.buttonarea ul li a.active{ color:#FFF; background:url(../images/buttonovr.png) repeat-x;}

.logo{ width:167px; height:158px; float:left; margin:0 0 0 5px; position:relative; top:-28px; background:#FFF; -webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;}
.logo a{ float:left; margin:7px 0 0 10px;}

#banner{ width:100%; height:328px; margin:0 auto; float:left;  background:#f8b21d;}
.bannerarea{ width:1000px; height:328px; margin:0 auto; }

#main{ width:100%; height:auto; margin:0 auto; float:left;  border-top:14px solid #e5e4e4;}
.mainarea{ width:1000px; height:auto; margin:0 auto; }
.maintop{ width:1000px; height:158px; float:left; margin:0 0 10px 0;}
.maintop h1{ float:left; margin:20px 0 0 0; font:normal 24px Arial, Helvetica, sans-serif; color:#2e3192;}
.maintop p{ float:left; margin:13px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:justify; line-height:18px;}
.maintop a{ float:right; margin:0 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#333; background:url(../images/morebg.png) left no-repeat; padding:0 0 0 0; text-decoration:none; padding-left:18px;}
.maintop a:hover{ color:#666;}

#middleband{ width:100%; height:147px; margin:0 auto; float:left;  border-top:1px solid #d39d33; background:url(../images/middlebandbg.png);}
.middlebandarea{ width:1000px; height:147px; margin:0 auto; }
.middlebandarea ul{ float:left; margin:8px 0 0 0;} 
.middlebandarea ul li{ width:247px; float:left; margin:0 25px 0 0; background:url(../images/bnd1.png) left top no-repeat; padding:0 0 0 67px;}
.middlebandarea ul li h1{ float:left; margin:7px 0 0 0; font:bold 16px Arial, Helvetica, sans-serif; color:#2e3192;}
.middlebandarea ul li p{ float:left; margin:5px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; line-height:18px; text-align:justify;}
.middlebandarea ul li a { float:right; margin:10px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#333; background:url(../images/moreband.png) left no-repeat; padding:0 0 0 0; text-decoration:none; padding-left:18px;}
.middlebandarea ul li a:hover{ color:#666;}

.why{ background:url(../images/bnd2.png) left top no-repeat !important;}
.ser{ background:url(../images/bnd3.png) left top no-repeat !important; margin:0 0 0 0 !important;}

#content{ width:100%; height:auto; margin:0 auto; float:left; }
.contentarea{ width:1000px; height:auto; margin:0 auto; }
.contentarea h1{ float:left; margin:10px 0 0 0; font:normal 18px Arial, Helvetica, sans-serif; color:#2e3192;}
.productscroll{ width:1000px; height:162px; float:left; margin:15px 0 15px 0;}

#footer{ width:100%; height:190px; margin:0 auto; float:left; background:#b73214; }
.footertarea{ width:1000px; height:auto; margin:0 auto; }
.footeraddress{ width:203px; float:left; margin:25px 0 0 20px;}
.footeraddress p{ float:left; margin:0 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:18px;}

.footlinks{ width:126px; float:left; margin:25px 0 0 170px;}
.footlinks h1{ float:left; margin:0 0 0 0; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF;}
.footlinks ul{ float:left; margin:0px 0 0 0;}
.footlinks ul li{ width:126px; float:left; margin:8px 0 0 0;}
.footlinks ul li a{ float:left; margin:0 0 0 0; background:url(../images/arrowfooter.png) left no-repeat; padding:0 0 0 10px; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
.footlinks ul li a:hover{ color:#CCC;}

.followus{ width:164px; float:left; margin:25px 0 0 90px;} 
.followus h1{ float:left; margin:0 0 0 0; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF;}
.followus ul{ float:left; margin:0 0 0 0;}
.followus ul li{ float:left; margin:17px 5px 0 0;}
.followus ul li a{ float:left; margin:0 0 0 0;}

.copyright{ width:191px; float:right; margin:30px 0 0 0;}
.copyright p{ float:left; margin:0 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:18px;}
.copyright p a{ font:normal 12px Arial, Helvetica, sans-serif; color:#3fa4ee; text-decoration:none;}

.maintopinner{ width:1000px; height:auto; float:left; margin:0 0 20px 0;}
.maintopinner h1{ width:1000px; float:left; margin:10px 0 0 0; font:normal 24px Arial, Helvetica, sans-serif; color:#2e3192;}
.maintopinner p{ float:left; margin:13px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:justify; line-height:18px;}
.maintopinner h2{ width:1000px; float:left; margin:10px 0 0 0; font:normal 18px Arial, Helvetica, sans-serif; color:#2e3192;}

#bannerinner{ width:100%; height:186px; margin:0 auto; float:left;  background:#f8b21d;}
.bannerareainner{ width:1000px; height:186px; margin:0 auto; }

.contact{ width:400px; height:auto; float:left; border-right:1px dashed #999;}
.contact h3{ width:400px; font:bold 14px Tahoma, Geneva, sans-serif;  color:#faa71a; margin:10px 0 0 0;}
.contact p{ font:normal 14px Tahoma, Geneva, sans-serif; color:#353637; line-height:22px; letter-spacing:.6px; }
.contact p a{ text-decoration:none; font:normal 14px Tahoma, Geneva, sans-serif; color:#353637; padding:0 0 0 0; background:none; margin:0 0 0 0; float:none;}
.contact p a:hover{ color:#353637;}
.contact p span{ color:#52788b; font-weight:bold;}