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

html,body
{
	margin:0px;
	background-image: url(../images/EMMARDE-Steels-bg-full.jpg);
	background-repeat:repeat-x;
	background-color:#101417;
}

.main
{
	width: 990px;
	height: 700px;
	margin-left:auto;
	margin-right:auto;
	
}


.nav {
	width: 576px;
	height: 142px;
	background: url(../images/emmarde-navi-full.jpg) no-repeat;
	position: relative;
	top: -20px;
	left: 0px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 142px;
	/*text-indent: -9000px;*/
	overflow:hidden;
	z-index: 10;
	width:144px;
	
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 144px;
		
	
		
		
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/emmarde-navi-full.jpg) no-repeat 0px -143px;
		border:none;
	}
	.nav .home a:active {
		background: url(../images/emmarde-navi-full.jpg) no-repeat 0px -286px;
		border:none;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/emmarde-navi-full.jpg) no-repeat 0px -429px;
		cursor: default;
		border:none;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 144px;
		height: 143px;
		background: url(../images/emmarde-navi-full.jpg) no-repeat 0px -143px;
		border:none;
			}
	.nav-home-click {
		background: url(../images/emmarde-navi-full.jpg) no-repeat 0px -286px;
		border:none;
	}



	.nav .about a:link, .nav .about a:visited {
		left: 144px;
		width: 144px;
	
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -144px -143px;
	}
	.nav .about a:active {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -144px -286px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -144px -429px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 144px;
		width: 144px;
		height: 143px;
		background: url(../images/emmarde-navi-full.jpg) no-repeat -144px -143px;
		
	}
	.nav-about-click {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -144px -286px;
	}



	.nav .vendor a:link, .nav .vendor a:visited {
		left: 288px;
		width: 144px;
	}
	.nav .vendor a:hover, .nav .vendor a:focus {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -288px -143px;
	}
	.nav .vendor a:active {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -288px -286px;
	}
	.current-vendor .vendor a:link, .current-vendor .vendor a:visited {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -288px -429px;
		cursor: default;
	}
	.nav-vendor, .nav-vendor-click {
		position: absolute;
		top: 0;
		left: 288px;
		width: 144px;
		height: 143px;
		background: url(../images/emmarde-navi-full.jpg) no-repeat -288px -143px;

		
	}
	.nav-vendor-click {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -288px -286px;
	}


	
	.nav .contact a:link, .nav .contact a:visited {
		left: 432px;
		width: 144px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -432px -143px;
	}
	.nav .contact a:active {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -432px -286px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -432px -429px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 432px;
		width: 144px;
		height: 143px;
		background: url(../images/emmarde-navi-full.jpg) no-repeat -432px -143px;
	}
	.nav-contact-click {
		background: url(../images/emmarde-navi-full.jpg) no-repeat -432px -286px;
	}


.bg
{
	width: 978px;
	height:628px;
	background-image: url(../images/body-bg.gif);
	margin-top: 26px;
	margin-left:auto;
	margin-right:auto;
}

.tddiv
{
	float:left;
}

.leftpane
{
	width: 374px;
	height: 628px;
	float:left;

}

.rightpane
{
	width: 580px;
	height: 628px;
	float:left;

}
.sp
{
	width:15px;
	height: 628px;
	float:left;
}

.footer
{
	width:978px;
	height:46px;
	margin-left:auto;
	margin-right:auto;
}

.copyr
{
	width: 335px;
	height: 46px;
	float:left;
	left: 20px;
	top:20px;
	position:relative;
	

}

.fconten
{
	font-family:"Century Gothic";
	font-size: 10px;
	color:#ffffff;
	float:left;
}

.fconten1
{
	font-family:"Century Gothic";
	font-size: 9px;
	color:#999;
	float:left;
	top:8px;
	position:relative;
}

.bnavi
{
	width: 320px;
	height: 46px;
	float:left;
	text-align:center;
	margin-top:-6px;
}

.rfoot
{
	width: 210px;
	 height: 46px;
	 float:left;
	top:20px;
	 left:110px;
	 position:relative;
}

.fsp
{
	width:5px;
	height:46px;
	float:left;
}

.top
{
	width: 374px;
	height: 118px;
	margin-top: 15px;
	
}

.logo
{
	width:135px;
	height:112px;
	background-image: url(../images/emmarde-logo.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	
}


.leftimg
{
	 width: 374px;
	 height: 490px;

}
.lsp
{
	width:25px;
	height: 490px;
	float:left;
}

.flash
{
	width: 345px;
	height: 490px;
	float:left;
}


.hover
{
	font-family:"Century Gothic";
	font-size:11px;
	color:#C5292A;
}

.noeffect
{
	font-family:"Century Gothic";
	font-size:11px;
	color:#ffffff;
}


/* Navigation*/

.rtop
{
	width: 585px;
	height: 142px;
		margin-top:-1px;

}

.tnavi
{
	width: 144px;
	height:142px;
	float:left;
	margin-top:-5px;
}

#home
{
	background-image: url(../images/home-btn.gif);

}


#vendor
{
	background-image: url(../images/vendors-btn.gif);

}
#contact
{
	background-image: url(../images/contact-btn.gif);

}

#service
{
	background-image: url(../images/service-btn.gif);

}


#service1
{
	width: 165px; height: 50px; float:left;
	background-image: url(../images/services1.jpg);
}

#service1:hover
{
	width: 165px; height: 50px; float:left;
	background-image: url(../images/service1_over.jpg);
}

#service1:active
{
	width: 165px; height: 50px; float:left;
	background-image: url(../images/service1_overactive.jpg);
}



#service2
{
	width: 245px; height: 50px;float:left;
	background-image: url(../images/service2_back.jpg);
}

#service2:hover
{
	width: 245px; height: 50px;float:left;
	background-image: url(../images/service2_over.jpg);
}

#service2:active
{
	width: 245px; height: 50px;float:left;
	background-image: url(../images/service2_overactive.jpg);
}


.innernavi
{
	width: 580px;
	 height:70px;
}



.nav1 {
	width: 580px;
	height: 50px;
	background: url(../images/service-navi-full.gif) no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}
.nav1 li {
	display: inline;
}
.nav1 li a:link, .nav1 li a:visited {
	position: absolute;
	top: 0;
	height: 50px;
	/*text-indent: -9000px;*/
	overflow:hidden;
	z-index: 10;
	width:167px;
	
}
	.nav1 .proposal a:link, .nav1 .proposal a:visited {
		left: 0px;
		width: 167px;
		
	
		
		
	}
	.nav1 .proposal a:hover, .nav1 .proposal a:focus {
		background: url(../images/service-navi-full.gif) no-repeat 0px -50px;
	}
	.nav1 .proposal a:active {
		background: url(../images/service-navi-full.gif) no-repeat 0px -100px;
	}
	.current-proposal .proposal a:link, .current-proposal .proposal a:visited {
		background: url(../images/service-navi-full.gif) no-repeat 0px -150px;
		cursor: default;
	}
	.nav1-proposal, .nav1-proposal-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 167px;
		height: 50px;
		background: url(../images/service-navi-full.gif) no-repeat 0px -50px;
			}
	.nav1-proposal-click {
		background: url(../images/service-navi-full.gif) no-repeat 0px -100px;
	}



	.nav1 .design a:link, .nav1 .design a:visited {
		left: 167px;
		width: 243px;
	}
	.nav1 .design a:hover, .nav1 .design a:focus {
		background: url(../images/service-navi-full.gif) no-repeat -167px -50px;
	}
	.nav1 .design a:active {
		background: url(../images/service-navi-full.gif) no-repeat -167px -100px;
	}
	.current-design .design a:link, .current-design .design a:visited {
		background: url(../images/service-navi-full.gif) no-repeat -167px -150px;
		cursor: default;
	}
	.nav1-design, .nav1-design-click {
		position: absolute;
		top: 0;
		left: 167px;
		width: 243px;
		height: 50px;
		background: url(../images/service-navi-full.gif) no-repeat -167px -50px;
		
		
	}
	.nav1-design-click {
		background: url(../images/service-navi-full.gif) no-repeat -167px -100px;
	}



	.nav1 .turnkey a:link, .nav1 .turnkey a:visited {
		left: 410px;
		width: 165px;
	
	}
	.nav1 .turnkey a:hover, .nav1 .turnkey a:focus {
		background: url(../images/service-navi-full.gif) no-repeat -410px -50px;
	}
	.nav1 .turnkey a:active {
		background: url(../images/service-navi-full.gif) no-repeat -410px -100px;
	}
	.current-turnkey .turnkey a:link, .current-turnkey .turnkey a:visited {
		background: url(../images/service-navi-full.gif) no-repeat -410px -150px;
		cursor: default;
	}
	.nav1-turnkey, .nav-turnkey-click {
		position: absolute;
		top: 0;
		left: 410px;
		width: 165px;
		height: 50px;
		background: url(../images/service-navi-full.gif) no-repeat -410px -50px;

		
	}
	.nav1-turnkey-click {
		background: url(../images/service-navi-full.gif) no-repeat -410px -100px;
	}



#home:hover
{
	background-image: url(../images/home-hover_a.gif);
	cursor:pointer;
}

.active
{
	background-image: url(../images/service2_overactive.jpg);
}

#home.active
{
	background-image: url(../images/home-hover.gif);
	cursor:pointer;
}

#service:hover
{
	background-image: url(../images/service-hover_a.gif);
	cursor:pointer;
}


#service.active
{
	background-image: url(../images/service-hover.gif);
	cursor:pointer;
}

#vendor:hover
{
	background-image: url(../images/vendors-hover_a.gif);
	cursor:pointer;
}

#vendor.active
{
	background-image: url(../images/vendors-hover.gif);
	cursor:pointer;
}

#contact:hover
{
	background-image: url(../images/contact-hover_a.gif);
	cursor:pointer;
}

#contact.active
{
	background-image: url(../images/contact-hover.gif);
	cursor:pointer;
}

/*Navigation ends*/

.rhsp
{
	width:585px;
	height: 50px;
	 line-height:50px;
}

.contentarea
{
	width: 574px;
	height: 450px;
	text-align:justify;
}

.title
{
	font-family:"Century Gothic";
	font-size: 26px;
	color:#C5292A;
}

.csp
{
	width: 574px;
	height:18px;
	line-height:18px;
}

.csp1
{
	width: 574px;
	height:10px;
	line-height:10px;
}

.content
{
	font-family:"Century Gothic";
	font-size:14px;
	text-align:justify;
	line-height:21px;
/*	color:#41403B;*/
	width: 550px;
	color:#000000;
}

/* service left */
.serleft
{
	width: 345px;
	height: 490px;
	float:left;
	background-image: url(../images/EMMARDE-Steels-services-img.jpg);
}

.ser1
{
	
	height: 30px;
	font-family: "Century Gothic";
	font-size:14px;
	color:#C5292A;
	float: left;
}

.sersp
{
	width:10px;
	height: 30px;
	float: left;
}
.ser2
{

	height: 30px;
	font-family: "Century Gothic";
	font-size:14px;
	color:#C5292A;
	float: left;
}

.ser3
{

	height: 30px;
	font-family: "Century Gothic";
	font-size:14px;
	color:#C5292A;
	float: left;
}
/* service ends */


/*vendor */
.venleft
{
	width: 345px;
	height: 490px;
	float:left;
	background-image: url(../images/EMMARDE-Steels-vendors-img.jpg);
}
/* vendor end */



/* contact */
.conleft
{
	width: 345px;
	height: 490px;
	float:left;
	background-image: url(../images/EMMARDE-Steels-contact-img.jpg);
}

.frlabel
{
	width: 80px; height:20px;float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
/*	color:#666;*/
color:#000000;
	text-align:justify;
	
	line-height:20px;
}

.reset
{
	font-family:"Century Gothic";
	font-size:13px;
	color:#444444;
	float:left;
	width: 47px;
	height:37px;
	text-align:center;
	padding-top:7px;
	background-repeat:no-repeat;
}

.submit
{
	font-family:"Century Gothic";
	font-size:13px;
	color:#444444;
	float:left;
	width: 57px;
	height:37px;
	text-align:center;
	padding-top:7px;
	background-repeat:no-repeat;
}
/* contact end */

/* Vendor start */
.vencontentarea
{
	width: 975px;
	height: 500px; 
}

.vensp
{
	width: 975px;
	 height:20px;
	 line-height:20px;
}

/* Vendor Ends */