/*

Designed and Coded By: MuseON
Date: 00/10/2012

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
#top{ width:100%; height:422px; margin:0 auto; float:left; background:url(../img/topbg.png) no-repeat;}
.toparea{ width:1000px; height:422px; margin:0 auto;}
.logonavi{ width:1000px; float:left; margin:0 0 0 0;}
.logonavi h1{ float:right; height:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#3b3a39; background:url(../img/phone.png) left no-repeat; padding:2px 0 0 25px; margin:2px 20px 0 0;}
.logonavi h2 a{ float:right; height:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#3b3a39; background:url(../images/mail.png) left no-repeat; padding:2px 0 0 25px; margin:2px 20px 0 0; text-decoration:none;}
.navistrip{ width:1000px; height:80px; float:left; margin:6px 0 0 0; background:url(../img/navistrip.png) repeat-x; -webkit-border-radius: 5px;
border-radius: 5px; position:relative; }
.logostrip{ width:222px; height:116px; float:left; margin:0 0 0 33px; background:url(../img/logostrip.png) repeat-x;  -webkit-border-radius: 5px;
border-radius: 5px; position:absolute; top:-30px; left:0px; z-index:9999999999999999999 !important;} 
.logo{ float:left; margin:50px 0 0 10px;}
.navigation{ width:551px; height:38px; float:left !important; margin:23px 0 0 285px;}
.navigation ul{ float:left; margin:0 0 0 0;}
.navigation ul li{ float:left; margin:0 0 0 10px;}
.navigation ul li a{ height:18px; float:left; margin:0 0 0 0; font:bold 12px  Verdana, Geneva, sans-serif; color:#3d3c3a; text-decoration:none; padding:10px 10px 10px 10px;}
.navigation ul li a:hover{ background:url(../img/button-over.png) repeat-x; -webkit-border-radius: 5px;
border-radius: 5px; color:#FFF;}
.navigation ul li a.active{ background:url(../img/button-over.png) repeat-x; -webkit-border-radius: 5px;
border-radius: 5px; color:#FFF;}
.social{ float:right; margin:32px 27px 0 0;}
.social ul{ float:left; margin:0 0 0 0;}
.social ul li{ float:left; margin:0 0 0 7px;}

.banner{ width:1000px; height:283px; float:left; margin:0 0 0 0; z-index:-999999999999999 !important;}

#main{ width:100%; height:auto; margin:0 auto; float:left;}
.mainarea{ width:1000px; height:auto; margin:0 auto;}
.contentarea{ width:1000px; height:auto; float:left; margin:0 0 0 0;}
.contentleft{ width:565px; height:311px; float:left; margin:0 0 0 10px; background:url(../images/contentleftbg.png) no-repeat right bottom;}
.contentleft h1{ float:left; margin:0px 0 0 0; font:bold 22px Verdana, Geneva, sans-serif; color:#231d1f;}
.contentleft p{ width:555px; float:left; margin:20px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; line-height:22px; color:#424141; text-align:justify;}
.more{ width:85px; height:26px; float:right; margin:11px 13px 0 0; -webkit-border-radius: 5px;
border-radius: 5px; color:#FFF; background:#0872a8;}
.more a{ float:left; margin:5px 0 0 8px; padding:0 10px 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background:url(../img/arrowe.png) right no-repeat; text-decoration:none;}
.contentrigt{ width:425px; height:311px; float:left; margin:0 0 0 0; background:url(../img/rightboxbg.png) repeat-x; -webkit-border-radius: 5px;
border-radius: 5px;}
.contentrigt h1{ float:left; height:30px; width:410px; margin:0 0 0 0; background:#000; font:normal 18px Arial, Helvetica, sans-serif; color:#FFF; padding:4px 0 0 15px; -webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; }
.contentrigt h1 span{ color:#fcb034;}
.rightboxscript{ width:415px; height:264px; float:left; margin:10px 0 0 0px; overflow:hidden;}

.middlascriptarea{ width:1000px; height:418px; float:left; margin:40px 0 25px 0;}
.middlascriptarea h2{ width:1000px; float:left; margin:0 0 0 0; font:normal 18px Verdana, Geneva, sans-serif; color:#231d1f; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:15px 0px 15px 0;}
.middlescript{ width:1000px; height:345px; float:left; margin:14px 0 0 0;}

#brands{ width:100%; height:116px; margin:0 auto; float:left; background:url(../img/brndsbg.png) top repeat-x;}
.brandsarea{ width:1000px; height:116px; margin:0 auto;}
.brandsarea h1{ float:left; margin:18px 0 0 25px; font:bold 17px Arial, Helvetica, sans-serif; color:#171717;}
.brandsscroll{ width:975px; height:48px; float:left; margin:15px 0 0 25px;}

#footer{ width:100%; height:125px; margin:0 auto; float:left; background:#222222;}
.footerarea{ width:1000px; height:125px; margin:0 auto; position:relative;}
.footercont{ width:1000px; height:135px; float:left; margin:0 0 0 0; background:url(../img/footerbg.png) left no-repeat; position:absolute; top:-10px;}
.footercont ul{ float:right; margin:25px 0 0 0;}
.footercont ul li{float:left; margin:0 0 0 0;}
.footercont ul li a{ float:left; margin:0 0 0 5px; font:normal 11px Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; border-right:solid 1px #FFF; padding:0 5px 0 0;}
.footercont ul li a:hover{ color:#CCC;}
.footercont p{ width:1000px; float:left; margin:50px 0 0 0; font:normal 11px Arial, Helvetica, sans-serif; color:#FFF;}
.footercont a{ font-weight:bold; text-decoration:none; color:#FFF;}
.footercont a:hover{ color:#e8462d;}


#topinner{ width:100%; height:283px; margin:0 auto; float:left; background:url(../img/topbg.png) no-repeat;}
.topareainner{ width:1000px; height:283px; margin:0 auto;}
.bannerinner{ width:1000px; height:166px; float:left; margin:0 0 0 0; z-index:-999999999999999 !important;}
.contentinner{ width:1000px; height:auto; float:left; margin:0 0 0 0px; }
.contentinner h1{ float:left; margin:10px 0 0 0; font:bold 22px Verdana, Geneva, sans-serif; color:#231d1f;}
.contentinner p{ width:990px; float:left; margin:10px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#424141; text-align:justify; line-height:22px;}
.contentinner h2{ float:left; margin:5px 0 0 0; font:bold 14px Arial, Helvetica, sans-serif; color:#930;}

.servicesinner{ width:1000px; float:left; margin:10px 0 0 0;}
.servicesinner ul{ float:left; margin:0 0 0 0;}
.servicesinner ul li{ width:313px; height:86px; float:left; margin:0 10px 10px 0; background:url(../images/servicesbg.png) repeat-x; font:bold 13px Arial, Helvetica, sans-serif; color:#000; padding:0px 0 0 0; -webkit-border-radius: 10px;
border-radius: 10px; }
.servicesinner ul li h1{ font:bold 13px Arial, Helvetica, sans-serif; color:#000; margin:35px 0 0 10px;}

.imagest{ float:left; margin:0 0 0 0;}

.productinner{ width:1000px; float:left; margin:10px 0 0 0;}
.productinner ul{ float:left; margin:0 0 0 0;}
.productinner ul li{ width:162px; height:269px; float:left; margin:0 10px 10px 0; background:url(../images/productsinnbg.png) repeat-y; font:bold 13px Arial, Helvetica, sans-serif; color:#000; padding:0px 0 0 0; -webkit-border-radius: 10px;
border-radius: 10px; }
.productinner ul li h1{ width:146px; height:30px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; margin:15px 0 0 0px; background:url(../img/button-over.png) repeat-x; padding:5px 10px 5px 5px;}
.imagest2{ float:left; margin:10px 0 0 15px;}

.contactinner{ width:1000px; float:left; margin:0 0 0 0;}
.contactinner h3{ width:900px; float:left; margin:10px 0 0 0; font:normal 18px Arial, Helvetica, sans-serif; color:#231d1f;}
.contactinner p{ width:990px; float:left; margin:5px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#424141; text-align:justify; line-height:18px;}