@charset "UTF-8";
/**
 * Template De Graaff Marine
 *
 * @file main.css
 * @package Template De Graaff Marine
 * @author Victor Villaverde Laan <victor@fineweb.nl>
 * @copyright (C)2008 - De Graaff Marine
 */

/* --- elements --- */
html, body, div, img, ul, li, p, h1, h2, h3 { margin:0; padding:0; border:0; }
body, td, a, input, select, textarea { font-family:Georgia, Times New Roman, Times, serif; }
body { background-color:#fff; font-size:0.8em; color:#001C45; }
a { color:#005BE0; }
h2 { line-height:100%; margin-bottom:1em; }
p { margin:0.5em 0 1em; }

/* --- structure --- */
#mainWrapper { position:absolute; left:50%; margin-left:-400px; width:800px; border:#001C45 1px solid; }
	#header { height:157px; }
		#siteTitle { display:none; }
		#logo { width:800px; height:157px; }
	#mainNav { position:absolute; top:136px; left:258px; }
	#contentWrapper { min-height:300px; background:no-repeat 20px 30px; }
		#leftBar {}
			#subNav { position:absolute; left:136px; top:187px; width:170px; height:228px; }
				#subNav ul { position:absolute; bottom:0; }
					#subNav li { line-height:160%; }
		#content { margin-left:313px; padding:30px 20px 30px; font-size:95%; line-height:140%; }
			#content ul { margin:0.5em 0 1em 20px; }
	#footer { width:800px; height:96px; }
		#footer p { padding:75px 0 0 15px; font-size:10px; color:#fff; } 
		#footer a { color:#fff; } 
		#copyright { display:none; }

/* --- nav --- */
#mainNav ul, #subNav ul { margin:0; padding:0; list-style-type:none; }
	#mainNav a, #subNav a { color:#001C45; text-decoration:none; font-size:115%; }
		#mainNav a:hover, #subNav a:hover { text-decoration:underline; }
		.selected a, .selParent a { color:#005BE0 !important; }
	#mainNav li { float:left; margin-right:10px; }
		#mainNav .firstLetter { font-size:125%; }

/* --- footers --- */
#page1 #footer {/* home */ background-image:url(../images/footers/home_footer.gif); } 
#page2 #footer {/* about */ background-image:url(../images/footers/about_footer.gif); } 
#page3 #footer {/* boatskits */ background-image:url(../images/footers/boatskits_footer.gif); } 
#page4 #footer {/* picture gallery */ background-image:url(../images/footers/picturegallery_footer.gif); } 
#page5 #footer {/* contact */ background-image:url(../images/footers/contact_footer.gif); } 
#page6 #footer {/* news */ background-image:url(../images/footers/news_footer.gif); } 
#page7 #footer {/* links */ background-image:url(../images/footers/links_footer.gif); } 

/* --- home --- */
#langNav { list-style-type:none; margin:3px 0 0 25px; }
	#langNav li { float:left; margin-right:6px; }
		#langNav a { display:block; width:51px; height:40px; background-repeat:no-repeat; }
		#navEn a { background-image:url(../images/en.gif); }
		#navDe a { background-image:url(../images/de.gif); }
		#navFr a { background-image:url(../images/fr.gif); }
		#navNl a { background-image:url(../images/nl.gif); }
			#langNav a span { display:none; }
#introPic { margin:20px 0 20px 25px; }

/* --- gallery --- */
.gallery { margin-left:0 !important; }
.gallery li { text-align:center; margin:0; padding:0 10px 10px 0; width:75px; height:75px; 
					list-style-type:none; float:left;  }
	.gallery li a img { padding:2px; border:#001C45 1px solid; }
		.gallery li a:hover img { padding:0; border:#005BE0 3px solid; }

/* --- extra --- */
.clear { clear:both; }
.text { border:0; width:220px; padding:2px 5px; font-size:100%; color:#001C45; background:#cfd4dc; }
.button { cursor:pointer; border:#001C45 1px solid; background:#fff; color:#001C45; }
.error { border:#f00 1px solid; color:#f00; padding:5px 15px; font-weight:bold; }