/*
*************************************************

file : screen.css
client : Fontys Pool & Caravan Park
author : Karl Brightman
date created: 11th April 2007
the song : WWF Wrestlemania 14
on this day : 1965 - Fifty-one tornadoes struck six states in the Midwestern United States during the Palm Sunday tornado outbreak.

*************************************************
*/

/*-------------------------------------------    
    Basic Selectors
-------------------------------------------*/
* { line-height: 1.4; margin: 0; padding: 0; }

body {
	background: #313d54 url(../images/core/bg2.jpg) repeat-x 0 0;
	color: #96a3bd;
	font: normal 62.5% Verdana, sans-serif;
	padding-bottom: 20px;
	text-align: center;
}

img { border: 0; }
#left p, #left2 p { text-align: justify;}

#container {
	background: url(../images/core/container_bg.jpg) repeat-x 0 0;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 668px;
}

.developer { background: #ff0000; color: #fff; padding: 4px; }

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header {
	background: url(../images/core/header_bg.jpg) no-repeat right top;
	height: 160px;
	position: relative;
}

#header #logo {
	background: url(../images/core/logo.jpg) no-repeat 0 0;
	display: block;
	height: 130px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 4px;
	width: 214px;
}

#header #contact_details {
	color: #c8d1e1;
	font-size: 1.2em;
	position: absolute;
	right: 0;
	text-align: right;
	top: 30px;
}

#header #contact_details p { margin-bottom: 1em; }
#header #contact_details a { color: #dae2f1; text-decoration: underline; }
#header #contact_details a:hover { color: #fff; }

/*-------------------------------------------    
    Navigation
-------------------------------------------*/
#navigation {
	background: url(../images/core/navigation_bg.gif) no-repeat 0 0;
	height: 41px;
	position: relative;
}

#navigation_list li { display: inline; list-style: none; position: relative; }
#navigation_list li a { display: block; overflow: hidden; position: absolute; text-indent: -9999px; }
#navigation_list li a:hover { background-position: 0 -22px !important; }

#navigation_list li#nav-fontys_pool a.top_link {
	background: url(../images/nav/fontys.jpg) no-repeat 0 0;
	height: 22px;
	left: 85px;
	top: 10px;
	width: 99px;
}

#navigation_list li#nav-caravan_park a {
	background: url(../images/nav/caravan.jpg) no-repeat 0 0;
	height: 22px;
	left: 275px;
	top: 10px;
	width: 110px;
}

#navigation_list li#nav-local_attractions a {
	background: url(../images/nav/local.jpg) no-repeat 0 0;
	height: 22px;
	left: 530px;
	top: 10px;
	width: 137px;
}

#navigation_list li ul {
	background: url(../images/core/navigation_drop_bg.jpg) no-repeat 50% 0%;
	display: none;
	height: 100px;
	left: 35px;
	padding-top: 9px;
	position: absolute;
	top: 32px;
	width: 200px;
	z-index: 10;
}
#navigation_list li:hover ul, #navigation_list li.sfhover ul { display: block; }

#navigation_list li ul li { background: #202b3f; display: inline; }
#navigation_list li ul li a {
	background: #202b3f;
	border-bottom: 1px solid #3a475e;
	color: #96a3bd;
	display: block;
	font-size: 1.2em;
	height: auto;
	overflow: auto;
	padding: 10px;
	position: relative;
	text-decoration: none;
	text-indent: 0;
	width: 200px;
}
#navigation_list li ul li a:hover { color: #e2e6f2; }

/*-------------------------------------------    
    Banner
-------------------------------------------*/
#banner {
	width: 668px;
	height: 164px;
	background: url('../images/core/banner-home.jpg') no-repeat 0 0;
}

div.download { 
	display:block; 
	width:320px; 
	height:60px; 
	margin-left:170px;
	font-size:11px; 
	line-height:14px;
	background:#313d54; 
	padding:5px; 
	border: 3px solid #fff;
	position: relative;
}

/*-------------------------------------------    
    Content
-------------------------------------------*/

#page { width: 668px; height: auto; background: url(../images/core/left_bg.gif) no-repeat 0 0; }

#left, #right, #left2 {
	font-size: 1.2em;
}

#left h2, #right h2, #left2 h2 {
	color: #f9fbfe;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 1em;
}

#left h3, #right h3, #left2 h3 {
	color: #f9fbfe;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: .5em;
}

#left p, #left2 p, #right p { margin-bottom: 20px; }

#left a, #right a, #left2 a { color: #dae2f1; text-decoration: underline; }
#left a:hover, #right a:hover, #left2 a:hover { color: #fff; }

#left ul, #left ol, #left dl, #right ul, #right ol, #right dl, #left2 ul, #left2 ol, #left2 dl { margin-bottom: 1em; }
#left ul, #left ol, #right ul, #right ol, #left2 ul, #left2 ol { margin-left: 2em; }

/*-------------------------------------------    
    Left
-------------------------------------------*/
#left {
	background: url(../images/core/left_bg.gif) no-repeat 0 0;
	float: left;
	padding: 20px 40px 20px 0;
	width: 424px;
}

#left2 {
	float: left;
	padding: 0 0 20px 0;
	width: 650px;
	clear: both;
}

/*-------------------------------------------    
    Right
-------------------------------------------*/
#right {
	float: right;
	padding-bottom: 20px;
	width: 204px;
	margin: -20px 0 0 0;
	position: relative;
	background: url(../images/core/right_bg.gif) no-repeat 0 20px;
}

#right h2 { font-size: 1.4em; }

/*-------------------------------------------    
    Closer look link
-------------------------------------------*/
.closer_look {
	display: block;
	height: 130px;
	width: 204px;
	z-index: 999;
}


/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer {
	clear: both;
	color: #6a7998;
	margin-bottom: 50px;
}

#footer a {
	color: #96a3bd;
	text-decoration: none;
}
#footer a:hover { color: #fff; }

#footer_left { float: left; }
#footer_left ul li { display: inline; list-style: none; margin-right: 25px; }

#footer_right { float: right; text-align: right; }

#footer_right #site_created_by {
	background: url(../images/core/created_by.gif) no-repeat 0 0;
	display: block;
	height: 28px;
	width: 201px;
}
#footer_right #site_created_by span { display: none; }


table.f { margin: 20px 0; font: bold 12px/15px "Verdana"; color: #96a3bd; vertical-align: top;  }
table.f td { border-bottom: 1px dotted #4C6189; padding: 2px 5px 8px 5px; vertical-align: top; }
table.f td.h { color: #CEDAF2; }
table.f td.last { border: none; }

table#f { margin: 0; }