/* 
CSS Version 10
Dated: November 08, 2009
Author: Mukesh Yadav (http://www.mukeshyadav.com)
*/

*{margin: 0; padding: 0; border: none; outline: none;}
body{background: #d41e14 url(../images/bg_body.jpg) left top repeat-x; font: normal 12px/normal Arial, Helvetica, sans-serif; color: #000000;}
a:link, a:visited{text-decoration: underline; color: #333;}
a:hover, a:active{text-decoration: none; color: #000;}

.clear{clear: both; font-size: 0; height: 0;}
.noneBdr{border: none !important;}
.fLeft{float: left;}
.widthAuto{width: auto !important;}
.txtBold{font-weight: bold;}


#wrapper{width: 942px; background: url(../images/bg_cnt_rep.jpg) left top repeat-y; margin: 0 auto;}

/*	H E A D E R	*/
#header{background: url(../images/bg_header.jpg) left bottom repeat-x; height: 113px;}
#header #logo{width: 274px; height: 96px; float: left; padding: 9px 0 0 21px;}
#header #topnav{width: 586px; float: right; font-size: 14px; text-transform: uppercase; font-weight: bold;}
#topnav ul{list-style-type: none; height: 92px;}
#topnav ul li{float: left; display: block;}
#topnav ul li a{color: #FFF; text-decoration: none; float: left; display: block; text-align: center; height: 79px; padding: 13px 0 0 0;}
#topnav ul li.home a{width: 89px; background: url(../images/bg_topnav.png) left top no-repeat; line-height: 30px;}
#topnav ul li.home a:hover{background-position: left -130px;}
#topnav ul li.home a.active{background-position: left -260px;}
#topnav ul li.about a{width: 95px; background: url(../images/bg_topnav.png) -89px top no-repeat; line-height: 30px;}
#topnav ul li.about a:hover{background-position: -89px -130px;}
#topnav ul li.about a.active{background-position: -89px -260px;}
#topnav ul li.services a{width: 95px; background: url(../images/bg_topnav.png) -184px top no-repeat;}
#topnav ul li.services a:hover{background-position: -184px -130px;}
#topnav ul li.services a.active{background-position: -184px -260px;}
#topnav ul li.products a{width: 95px; background: url(../images/bg_topnav.png) -279px top no-repeat;}
#topnav ul li.products a:hover{background-position: -279px -130px;}
#topnav ul li.products a.active{background-position: -279px -260px;}
#topnav ul li.showcase a{width: 95px; background: url(../images/bg_topnav.png) -374px top no-repeat;}
#topnav ul li.showcase a:hover{background-position: -374px -130px;}
#topnav ul li.showcase a.active{background-position: -374px -260px;}
#topnav ul li.contactus a{width: 117px; background: url(../images/bg_topnav.png) -469px top no-repeat; line-height: 30px;}
#topnav ul li.contactus a:hover{background-position: -469px -130px;}
#topnav ul li.contactus a.active{background-position: -469px -260px;}
#header #call{float: right; padding: 0 15px 0 0; font-size:16px; font-weight:bold;}

/*	F L A S H - B A N N E R	*/
#banner{width: 942px; height: 212px; border-bottom: 1px solid #d41e14;}

/*	C O N T A I N E R	*/
#container{padding: 5px 0 0 0; width: 942px; float: left;}
#container #prodBlock{background: url(../images/bdr_hrz.gif) left bottom repeat-x; display: block; width: 942px; float: left;}
#prodBlock .prodBlock{width: 197px; padding: 18px 18px 3px 19px; float: left; border-right: 1px solid #878787;}
#prodBlock .prodBlock ul{list-style-type: none;}
#prodBlock .prodBlock ul li.image{padding: 8px 0;}
#prodBlock .prodBlock ul li.content{background: url(../images/bdr_hrz_red.gif) left top repeat-x; padding: 5px 0; height: 110px; text-align: justify;}
#prodBlock .prodBlock ul li.readmore{background: url(../images/bdr_hrz_red.gif) left top repeat-x; padding: 5px 0; float: right; width: 100%;}
#prodBlock .prodBlock ul li.readmore a{background: url(../images/btn_readmore.gif) left -31px no-repeat; height: 25px; line-height: 25px; width: 86px; text-align: center; text-transform: uppercase; text-decoration: none; color: #FFF; font-size: 10px; display: block; float: right;}
#prodBlock .prodBlock ul li.readmore a:hover{background-position: left top;}
#container #cntarea{width: 892px; clear: both; padding: 20px 25px 0 25px;}
#container #cntarea #leftCol{width: 640px; float: left;}
#container #cntarea #rightCol{width: 234px; float: right;}

/*	L E F T C O L 	*/
#leftCol p{padding: 0 0 15px 0; float: left; display: block; width: 100%;}
#leftCol p a.readmore{background: url(../images/btn_readmore.gif) left -31px no-repeat; width: 86px; height: 25px; font-size: 10px; text-align: center; line-height: 25px; display: block; float: right; text-transform: uppercase; color: #FFF; text-decoration: none;}
#leftCol p a:hover.readmore{background-position: left top;}
#leftCol div.heading{padding: 0 0 20px 0; display: block;}
#leftCol div#servBlock{border-top: 1px solid #d41e14; padding: 25px 0 0 0; width: 640px; clear: both;}
div#servBlock ul{list-style-type: none;}
div#servBlock ul li{width: 200px; float: left; position: relative; margin: 0 10px 42px 0;}
div#servBlock ul li img{border: 1px solid #df3a0c; float: left; margin: 0 5px 0 0;}
div#servBlock ul li strong{font-size: 14px; font-weight: bold; color: #d41e14; position: absolute; bottom: 10px; width: 100px;}
div#servBlock ul li a{text-decoration: none; display: block; width: 200px; cursor: pointer; height: 78px;}
div#servBlock ul li a:hover{background: #df3a0c; display: block; width: 200px; height: 78px;}
div#servBlock ul li a:hover strong{color: #FFF;}

/*	F O O T E R 	*/
#footer{background: #000000; height: 47px; margin: 13px 1px 1px 1px;}
#footer ul{list-style-type: none; margin: 0 0 0 50px;}
#footer ul li{display: inline; font-size: 13px;}
#footer ul li a{color: #FFF; text-decoration: none; line-height: 47px; border-right: 1px solid #FFF; padding: 0 35px;}
#footer ul li a.last{padding-right: 0 !important; border: none !important;}
#footer ul li a:hover{color: #d41e14;}

/*	C O P Y R I G H T	*/
#copyright{width: 942px; margin: 0 auto; clear: both; padding: 15px 0; text-align: center;}
#copyright p{color: #ffffff; font-size: 13px; line-height: 18px;}
#copyright p a{color: #ffffff; text-decoration: underline;}
#copyright p a:hover{text-decoration: none;}

/*	I N N E R  C O N TA I N E R		*/
#innContainer{padding: 25px; display: block;}
#innContainer div.heading{height: 30px; border-bottom: 1px solid #d41e14; display: block;}

/*	C O N T A C T U S	*/
body#contactus div#innContainer div#leftCol{width: 420px; float: left; padding: 20px 0 0 0;}
div#address{width: 302px; float: right;}
div#address h3, div#enquiryForm h3{font-size: 12px; color: #ba1e08; text-transform: uppercase; text-decoration: underline; padding: 0 0 10px 0;}
div#address div.map{border: 1px solid #d41e14;}

div#enquiryForm{width: 350px; float: right; padding: 20px 0 0 0;}
div#enquiryForm ul{list-style-type: none;}
div#enquiryForm ul li{display: block; padding: 0 0 6px 0;}
div#enquiryForm ul li label{color: #000; text-align: right; width: 100px; float: left; padding: 0 10px 0 0; line-height: 23px;}
div#enquiryForm ul li em{color: #d41e14; font-size: 12px; font-weight: bold;}
div#enquiryForm ul li input{width: 191px; height: 23px; border: 1px solid #d41e14; padding: 0 2px;}
div#enquiryForm ul li input:focus, div#enquiryForm ul li textarea:focus{border: 1px solid #454545;}
div#enquiryForm ul li textarea{border: 1px solid #d41e14;}

input.txtBox{background: url(../images/btn_readmore.gif) left -31px no-repeat; border: none !important; font-size: 10px; color: #ffffff; text-transform: uppercase; height: 25px !important; width: 86px !important; text-align: center; cursor: pointer;}
input:hover.txtBox{background: url(../images/btn_readmore.gif) left top no-repeat;}

div.contentBlock{padding: 20px 0 0 0;}
div.contentBlock p{padding: 0 0 10px 0;}
div.contentBlock h3{font-size: 12px; text-decoration: underline;}
ul.redBullet{list-style-type: none; padding: 7px;}
ul.redBullet li{background: url(../images/blt_red.gif) left 6px no-repeat; padding: 2px 0 2px 12px;}