/* CSS by Hem Singh (Rajs) */
/* Date: 24 Oct. 09 */

body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	line-height: normal;
	text-align: center;
	background: #444444 url(back.gif) left top repeat-x;
	color: #444444;
}

a{	text-decoration: none; color: #444444;	}
a:hover{	color: #2e72b6;	}

img, form{	border: none; padding: 0; margin: 0;	}

/****** Default Section Closed ******/

#hsContainer, #hsContainer2{
	width: 892px;
	padding: 0;
	margin: 0 auto;
}
#hsContainer{	background: #FFFFFF;	text-align: left;	}

/********	 Intro Page	 ********/
#intro{
	margin-top: 180px;
}

.enter{
	padding: 8px;
	text-align: center;
}

.enter a{
		background: url(enter.gif) left top no-repeat;
		padding: 8px 0px;
		height: auto;
		width: 88px;
		text-align: center;
		color: #CCC;
		display: block;
		margin: 0px auto;
}
.enter a:hover{	color: #FFF;	}

#btmTxt, #btmTxt2{
	padding-top: 150px;
	line-height: 140%;
	color: #cccaca;
}
#btmTxt a{	color: #FFF;	text-decoration: underline;	}

#btmTxt a:hover{	text-decoration: none;	}

#btmTxt2{	color: #dcdada; }

/**** 	Header	 ****/
#header, #head-anim{
	width: 892px;
}

#logo{
	height: 50px;
	background: #260000 url(LogoR.gif) 800px 50% no-repeat;
	padding: 10px 20px;
	width: 852px;
}

#head-ani{
	height: 224px;
	background: #222;
}

/**** Menu bar ****/
#menu{
	padding: 0px 20px; 
	width: 852px;
	height: 35px;
	background: url(menuBG.gif) left top repeat-x;
}

#menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu ul, #menu ul li{
	height: 35px;
}

#menu ul li{
	background: url(btn_sepa.gif) left top no-repeat;
	float: left;
	padding-left: 2px;
}
#menu ul li a{
	padding: 10px 12px;
	color: #FFFFFF;
	display: block;
/*	border: 1px solid;	*/
}

#menu ul li a:hover, .btnOn{
	background: url(btnUp.gif) left top repeat-x;
}

/****** Body Part ******/
#body-outr{
	background: #FFFFFF url(bodyTopShade.gif) left 2px repeat-x;
	width: 832px;
	padding: 20px 30px;
	padding-bottom: 10px;
}
#body-outr, #body-lt, #body-rt{
	float: left;
}
#body-lt{
	width: 530px;
	padding-right: 20px;
}

#body-rt{
	width: 282px;
/*	border: 1px solid; */
}

.hom{
	padding: 20px 0px;
	padding-bottom: 0px;
}

.hom h3{	font-size: 16px; margin: 0;	}

.hom p, #about p{
	text-align: justify;
	line-height: 160%;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 12px;	/* needed for ie */
}
.hom p{	padding-left: 20px; font-size: 12px;	}

.more{	text-align: right;	}
.more a{	padding: 2px 4px;	}
.more a:hover{	text-decoration: underline;	}

.title{
	background: url(title_bg.gif) left top repeat-x;
	font-size: 15px;
	font-weight: bold;
	padding: 6px;
	color: #FFF;
}

.featureProds{
	padding-top: 15px;
}

.feaPro-space{
	padding: 0px 9px;
}

.feaPro-names{
	padding: 8px 0px;
	float: left;
}

.feaPro-names ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.feaPro-names ul li{
	float: left;
	text-align: center;
}
 
.feaPro-names ul li a{
 	display: block;
	width: 130px;
	padding: 3px 0px;
}

.homModel{
	text-align: right;
}

/**** Footer Part ****/
#foot{
	width: 832px;
	padding: 10px 30px;
	float: left;
	background: #6f6f6f url(footBg.gif) left top repeat-x;
	color: #e9e9e9;
}

#foot_lt, #foot_rt{
	width: 50%;
	float: left;
}

#foot_rt{
	text-align: right;
}

#foot a{	color: #FFFFFF;	}
#foot a:hover{	text-decoration: underline;	}
	
/**** Products ****/
.title2{
	border-bottom: 1px dashed #CCC;	
	margin-bottom: 4px;
}

.title2 h3{
	margin: 0px;
	padding-bottom: 4px;
	font-size: 14px;
}

#proCat_outer, #pro_outer{
	width: 712px;	/* total 832px; */
	padding: 0px 60px;
}

.proCat_pics, .pro_pics{
	width: 692px;
	padding: 24px 10px;
	padding-bottom: 0px;
	clear: both;	/* for firefox, opera etc. */
}

.proCat_pics a:hover img, .pro_pics a:hover img{
	filter: alpha(opacity=80);	/* IE  */
	-moz-opacity: 0.80; /* old Mozilla  */
	opacity: 0.80;
}

.pro_spacer{
	padding: 0px 49px;
}

.proCat_spacer{
	padding: 0px 37px;
}

.proCatNames ul, .proNames ul{
	padding: 0px;
	margin: 0px auto;
	list-style: none;
	text-align: center;
/*	width: 712px;	
	border-bottom: 1px solid;	*/
}
.proCatNames ul li, .proCatNames ul li.padrt0,
.proNames ul li, .proNames ul li.padrt0{
	float: left;
	width: 118px;
	text-align: center;
	margin-right: 80px;
}

.proCatNames ul li, .proCatNames ul li.padrt0{
	width: 200px;
	margin-right: 54px;
}

.proCatNames ul li a, .proNames ul li a{
	padding: 2px 0px;
}

.proNames ul li.padrt0, .proCatNames ul li.padrt0{
	margin-right: 0px;
}

/**** Open Browser Window ****/
.bodyPad{
	padding: 14px;
	background: #FFF;
}
.bodyPad img{	border: 1px solid #CCC;	}

.logo{
	background: #260000 url(LogoL.gif) 5px 5px no-repeat;
	height: 60px;
}
.proTitle{
	padding: 5px;
}

.proTitle{
	font-size: 12px;
	font-weight: bold;
	width: 408px;
	text-align: left;
}
.close{
	position: absolute;
	right: 14px;
	bottom: 10px;
	padding: 3px 0px;
}

.close a{
	border: 1px solid #b2b2b2;
	padding: 2px 4px;
	background: #CCC;
	line-height: 120%;
}

.close a:hover{
	color: #333;
	background: #c6c5c5;
}

/**** 	Profile	 ****/
#about{	/* Some part is with .hom */
	padding-top: 0px;	}

.prof_pic{
	text-align:right;
	padding: 6px; 
	padding-right: 0px; 
	float: right;
}

/**** Contact Us ****/
.contact{
	margin-top: 80px;
	text-align: center;
	line-height: 160%;
}

.contact h3{
	height: 22px;
	font-size: 18px;
	color: #09F;
	filter: Mask(Color=#FF0000) Shadow(Color=#0000FF,Direction=225) Chroma(Color=#FF0000);
/*	width: 220px;	*/
}

/**** Enquiry Form ****/
.enquiry{
	padding: 0px 20px;
}

.enquiry ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.enquiry ul li{
	padding: 2px 0px;
	vertical-align: top;
}
.reqTxt{
	padding-bottom: 4px;
	color: #960;
}

.enquiry ul li span{
	float: left;
	width: 170px;
	padding-top: 4px;
}

/* .enquiry input[type=text] IE 7+= */
.enquiry input, textarea{
	width: 200px;
}

.enquiry select{
	width: 204px;
}

.enquiry input.enqBtn{
	width: auto;
}