/*

VPRI Internetdiensten

Ontwikkeld door: 	Sead Memic
Project:			Ships Waste
Website:			www.shipswaste.nl

*/

/*Padding and margin reset*/
	html, body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset { margin:0; padding:0; list-style:none; font-style:normal; border:none;}
	img 	{ border:none;}
	a 		{ text-decoration:none;}
	a:hover { text-decoration: underline;}
	
/*General*/
	html, body 				{ background: #08465E url(images/bg.png) repeat-x; color: #000; height:100%;}
	body 					{ font-size: 11px; font-family: MS Sans Serif, Verdana, Tahoma, Arial, sans-serif;}
	h1, h2, h3, h4, h5, h6 	{ color: #114255;}
	h1						{ font-size: 150%; letter-spacing: 1px;}
	p						{ margin-top: 12px;}
	
/*Layout*/
	#site					{ width: 800px; margin: 0 auto; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; z-index:2; position: relative; min-height: 100%; height: auto !important; height: 100%;}
	
	#top					{ width: 800px; height: 25px; background: #114255; padding-top: 10px;}
	#top-left				{ float: left; color: #fff; margin-left: 8px; margin-top: 2px;}
	#top-right				{ font-size: 150%; color: #fff; font-weight: bold; margin-left: 480px;}
	#header					{ width: 800px; height: 212px; background-image: url(images/header.jpg); z-index: 5;}
	
	#content				{ margin: 15px 0px 20px 0px; padding-bottom: 20px;}
	#content-left			{ float: left; margin-left: 12px; width: 149px;}
	#content-right			{ margin-left: 175px; background: #fff url(images/content-bg.gif) top left no-repeat; padding: 0px 10px 10px 30px; font-size: 100%; min-height: 350px;}
	
	#menu					{ width: 800px; height: 25px; background: #114255; text-transform:uppercase; font-weight:bold;}
	
	#footer					{ width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; height: 18px; text-align: center; background: #114255; color: #fff; clear: both; font-size: 80%; padding-top: 4px;}
	
/*Navigation */
	#menu ul				{ list-style:none; font-family: Verdana, Geneva, Arial, sans-serif; font-size:10px; text-transform:uppercase; letter-spacing: 1px; font-weight: bold;}
	#menu li				{ float:left;}
	#menu li a				{ display: block; color: #fff; height: 19px; margin: 6px 20px 0px 15px; width: auto !important; width: 55px; text-align: center;}
	#menu li a:hover		{ color: #5E89C5;}
	#top-left ul			{ list-style:none; font-family: Verdana, Geneva, Arial, sans-serif; font-size:9px; text-transform:uppercase; letter-spacing: 1px; font-weight: bold;}
	#top-left li			{ float:left;}
	#top-left li a			{ display: block; color: #fff; width: 75px; height: 30px; text-align: center;}
	#top-left li a:hover	{ color: #5E89C5;}

/*Various */
	#content-left-foto img	{ border: 1px solid #114255;}
        #content-right img	 { border: 1px solid #114255;}
	#content-left-contact	{ border: 1px solid #114255; padding: 5px; margin-top: 24px; font-size: 50%;}
	#pattern				{ background: url(images/pattern.gif) repeat-x; width: 100%; height: 262px; position:absolute; top: 10px; left: 0; z-index:1;}
	
	#top-right a img			{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
	#top-right a:hover img	{ filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}