/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html {
	font-size: 100.01%;
	
}

body {
background: #000;
font: normal 75% Arial, Helvetica, sans-serif;
color: #111;
margin: 0;
}

textarea {
font: normal 100% Arial, Helvetica, sans-serif;
}

.clear { clear: both; }

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

#header {
height: 185px;
}

	#header #topnav {
	color: #FFF;
	position: relative;
	margin: 0; padding: 20px 0 0 20px;
	height: 40px;
	margin-bottom: -60px;
	font: normal bold 110% Verdana, Arial, Helvetica, sans-serif;
	color: #71BBD8;
	}
	
		#topnav ul {
		list-style: none;
		margin: 0; padding: 0;
		float: left;
		}
		
			#topnav a {
			color: #71BBD8;
			text-decoration: none;
			}
			
				#topnav a:hover {
				text-decoration: underline;
				}
		
			#topnav ul li {
			display: inline;
			margin: 0; padding: 0 16px;
			}
			
			#topnav ul li.first {
			border: none;
			}
			
		#topnav ul.right {
		float: right;
		padding-right: 4px;
		}
		
			#topnav ul.right li {
			padding: 0 10px;
			}

	#header #nav {
	clear: both;
	height: 30px;
	background: url(lib/img/html/topnav.gif) repeat-x;
	color: #FFF;
	padding: 8px;
	}
	
		#header #nav a {
		color: #FFF;
		text-decoration: none;
		}
		
			#header #nav a:hover {
			text-decoration: underline;
			}
	
		#header #nav ul {
		list-style: none;
		margin: 0; padding: 0;
		}
			
			#header #nav ul li {
			display: inline;
			margin: 0; padding: 0 5px;
			border-left: 1px solid #EFEFEF;
			}
			
			#header #nav ul li.first {
			border: none;
			}

#container {
width: 1015px;
margin: 0 auto;
}

	#container #main {
	background: #FFF;
	padding: 20px;
	margin: 0;
	}
	
	#container #mainin {
	padding: 10px;
	}
	
h1, h2 {
margin: 0;
}

#logoclick {
width: 106px;
height: 60px;
position: relative;
margin: 0 0 -60px 474px;
}
	
#footer {
background: #999 url(lib/img/html/footer.jpg) no-repeat;
height: 91px;
}

	#footer #copyright {
	padding: 20px;
	text-align: center;
	color: #FFF;
	}
	
	#footer a {
	color: #FFF;
	text-decoration: none;
	}
	
	#footer a:hover {
	text-decoration: underline;
	}

/* -----------------------------------*/
/* ------->>> CONTACT FORM <<<--------*/
/* -----------------------------------*/

#contact input, #contact label, #contact textarea {
width: 350px;
float: left;
margin-bottom: 10px;
}

#contact label {
text-align: right;
width: 100px;
padding-right: 20px;
} 

#contact br {
clear: left;
}

#contact input.short {
width: 112px;
font: normal 110% Arial, Helvetica, sans-serif;
}

#contact label.radio {
text-align: left;
}

#contact .opposite {
width: 20px;
margin-left: 120px;
}

#contact label.oppositelong {
width: 325px;
}

#contact .over {
clear: both;
width: 325px;
margin: 0 0 0 120px;
text-align: left;
}

#contact .button {
width: auto;
margin: 10px 0 0 120px;
}

/* -----------------------------------*/
/* ------------>>> MSDS<<<------------*/
/* -----------------------------------*/

.msdsno, .pid {
float: left;
width: 160px;
}

.msdsno ul, .pid ul {
margin: 0; padding: 0;
list-style: none;
text-align: center;
}

.msdsno h3, .pid h3 {
text-align: center;
}