/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#fff url(../images/tile.gif) 0 0 repeat-x;

}

p, ul, li, h1, div, img {margin:0; padding:0;}

#wrap {
	width:761px; height:auto;
	margin:0 auto;
	background-color:#FFFFFF;
	
}

a {text-decoration:none; color:#CDAA1C;}
a:hover {color:#2C53AE; text-decoration:underline;}

#top {
	width:746px; height:auto;
	border-top:5px solid #FFCC00;
	margin:0 auto;
	
}

#header {
	width:746px; height:98px;
	background:url('../images/header.jpg') no-repeat;
	margin-top:3px;

}

#navigation {
	height:34px; width:746px;
	margin:0 auto;
	background-color:#FFCC00;
	border-bottom:1px solid #2C53AE;
	position:relative;
}


#ad {
	width:746px; height:190px;
	margin:9px auto 0 auto;

}

#photo1 {
	width:230px; height:190px;
	background:url('../images/photo1.jpg') no-repeat;
	float:left;

}

#photo2 {
	width:229px; height:150px;
	background:url('../images/photo2.jpg') no-repeat;
	float:left; margin-left:1px;

}

#photo3 {
	width:285px; height:150px;
	background:url('../images/photo3.jpg') no-repeat;
	float:left; margin-left:1px;

}

#subtext {
	width:355px; height:39px;
	background:url('../images/subtext.gif') no-repeat;
	float:left; margin-left:1px; margin-top:1px;

}

#view {
	width:159px; height:39px;
	float:left; margin-left:1px;  margin-top:1px;
	
}


#nav {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
 }

#nav a {
	float: left;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	text-indent:-999px;
}

#nav a:hover {
	background-position: 0 -34px;
	}

#mquality a  {
	width: 99px;
	background: url('../images/quality.gif') no-repeat;
	}
	
	
#mpolish a  {
	width: 88px;
	background: url('../images/electropol.gif') no-repeat;
	}


#mhome a  {
	width: 45px;
	background: url('../images/home.gif') no-repeat;
	}


#mprof a  {
	width: 44px;
	background: url('../images/profile.gif') no-repeat;
	}

#mano a  {
	width: 58px;
	background: url('../images/ano.gif') no-repeat;
	}


#mmetal a  {
	width: 84px;
	background: url('../images/metal.gif') no-repeat;
	}
	
#melect a  {
	width: 68px;
	background: url('../images/elect.gif') no-repeat;
	}
	
	
#melectro a  {
	width: 96px;
	background: url('../images/electro.gif') no-repeat;
	}
	
	
#mlinks a  {
	width: 109px;
	background: url('../images/link.gif') no-repeat;
	}
	
#mcontact a  {
	width: 55px;
	background: url('../images/contact.gif') no-repeat;
	}
		
	
#content {
	width:746px; height:auto;
	margin:21px auto 0 auto;
	padding-bottom:20px;
}
	
	
#text {
	width:380px; height:auto; float:left;
	text-align:left; 

}
	
#text p {
	margin-top:20px;
	font:11px Tahoma;
	color:#666666;
	
}	


#right {
	width:345px; height:auto; float:right;
	clear:none; 
}

#box {
	width:338px; height:87px;
	margin-left:7px;
	border-bottom:1px solid #E4E4E4;
	margin-top:12px;

}

.icon {width:75px; height:75px; float:left;}
.iconheader {width:88px; height:18px;  float:left;}
.icontext p {font:11px Arial, Helvetica, sans-serif;color:#666666;}
.icontext {width:250px; height:52px; margin-left:5px; float:left;}


#footer {
	width:746px; height:84px;
	margin:0 auto 0 auto;
	border-top:1px solid #E4E4E4;
	text-align:center;
}


#footer p {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#B5B5B5; margin-top:10px;
}

#footer a {color:#B5B5B5;}


















