/*
	CARAVAN-UK.COM / MAIN STYLESHEET
	
	This is the 'master' stylesheet for the website.
	The css will be strictly validated. Any required hacks 
	and/or work-arounds (IE) will be placed in a seperate 
	stylesheet.
	
	Created:		18/08/08
	Created By:		James Marriott @ Joal Studio
					webmaster@joal-studio.com
					01376 505 279
	Last Modified:	18/08/08
*/

/* ----- RESETS ----- */
body { background:#fff; width:960px; margin:0 auto; padding:0; }

h1, h2, h3, h4, h5, p { margin:0; padding:0; font-family:Georgia, Arial, Helvetica, sans-serif; }

a { font:bold 16px Georgia, Arial, Helvetica, sans-serif; }


/* ----- PRIMARY DIVISIONS ----- */
#header { width:100%; margin-bottom:5px; padding:0; float:left; }

		/* Header specific styles */
		#header_wrapper {
			width:960px; 
			height:42px; 
			margin:0 auto;
			padding:5px 0;
			}

		#header_logo { 
			width:404px; 
			height:42px; 
			background:#fff url('../images/logo.gif') no-repeat; 
			float:left;
			}

		#header_text { 
			width:400px;  
			float:left;
			}
			#header_text h1 { color:#fc801f; font:28px bold; margin:12px 0 0 10px; }


#banner {
	width:100%;
	background:#fff; /* 95c0d0 */
	margin:0 auto;
	margin-bottom:1em;
	padding:0;
	float:left;
	}
	
		/* Banner specific styles */
		#banner_wrapper {
			width:956px;
			height:200px;
			background:#fff url('../../../images/static-caravan-park.jpg') no-repeat center; /* 95c0d0 */
			border:2px solid #2e3f4f;
			margin:0 auto;
			}


/* Navigation menu for top of page */
#navbar { /* This division acts as a container for the navbar ul eliments */
	width:100%;
	background:#fff; /* 95c0d0 */
	margin:0 0 10px 0;
	padding:0;
	float:left;
	}

		/* Navigation specific styles */
		#navbar_container {
			width:956px;
			height:38px;
			background:#95c0d0;
			border:2px solid #2e3f4f;
			border-top:0;
			margin:0 auto;
			padding:0;
			}
		#navbar_container ul { /* Define the style of the individual ul elements */
			width:12%;
			border-right:1px solid #2e3f4f; 
			background:url(../images/navbar-button-0b.png);
			margin:0;
			padding:0;
			float:left;
			list-style:none; text-align:center;
			}
		#navbar_container a, #navbar_container h2 { /* Define the style of the links within the navbar division */
			display:block;
			margin:0;
			padding:10px 0;
			}
		#navbar_container a {
			background:transparent;
			text-decoration:none;
			color:#2e3f4f;
			}
		#navbar_container a.active {
			background:#2e3f4f url(../images/nav_hover_bg.png) !important;
			margin:0;	padding:10px 0;
			text-transform:none;
			color:#fc801f !important;
			}
		#navbar_container a:hover { /* Define the style of the links when hovered over within the navbar division */
			background:#fc801f url(../images/nav_hover_bg.png) repeat-x;
			margin:0; padding:10px 0;
			text-transform:none;
			color:#ccc;
			}


#wrapper {
	width: 960px;
	background: #fff;
	margin:1em auto 0 auto; padding: 0;
}

		#bread {
			width: 100%;
			background: #00a;
			margin: 0; padding: 0;
			float: left;
		}
				/* Text styles */
				#bread p { padding: 5px 0; font: normal 14px Georgia; color: #fff; }

		#left {
			width:690px; /* TOTAL: 690 + 10 (marging-right) + 100 (margin-left) = 800 */
			background:transparent;
			margin:0 10px 0 100px; padding: 0;
			float:left;
		}
		
		#right {
			width:160px;
			background:inherit;
			margin:0; padding:0;
			float:left;
		}


#footer {
	/* width:938px;
	background:#fff url(''); ../../../images/grass.jpg
	border:1px solid #2e3f4f;
	margin:1em 0; padding:5px 10px; */
	width:960px;
	height:280px;
	background:#fff url('../../../images/joal_advert_m.gif') no-repeat;
	margin:1em 0; 
	float:left;
	}

		#footer .joal_logo { width:164px; height:95px; margin:-95px 10px 0 5px; float:right;  }
		
		#footer .footer_text .joal_logo a { text-decoration:none; }

		#footer .footer_text { width:930px; margin:1em auto auto 10px; }
		
		#footer p { padding:5px; }
		
		#footer ul { width:750px; margin:5px 2em; padding:5px; font:normal 16px Georgia; }
	
		#footer a { margin:0; color:#2e3f4f; }
	
		#footer a:hover { margin:0; color:#2e3f4f; text-decoration:none; }
	

/* ----- SECONDARY DIVISIONS / CLASSES ----- */
.page_description {
	width:690px; /* Total width = 690+5+5 = 700 */
	margin:1em 0;
	}

		.page_description p { line-height:1.5em; }
	

.img_border_left {
	width:300px;
	border:1px solid #222;
	margin:0 10px 0 -100px;
	padding:5px;
	float:left;
	}


.img_border_right {
	width:300px;
	border:1px solid #222;
	margin:0 10px 0 0;
	padding:5px;
	float:right;
	}


.page_header {
	margin:5px;
	font:32px bold;
	}
		.page_header span { font:14px normal; vertical-align:text-top; }


.para_heading {
	width:786px;
	background:#006f00 url('../../../images/para_heading.png') repeat-y;
	margin:1em 0 0 0; padding:2px;
	font:18px bold;
	color:#fff;
	}


.page_header {
	margin:5px;
	}
		.page_header h1 span { font:16px normal; vertical-align:super; }

/* ----- TEXT STYLES ----- */



/* ----- CONTACT ----- */
.contact { width:100%; background:#fff; border-top:1px solid #2e3f4f; margin:1em 0 0 -100px; padding:0; float:left; }

	.contact_intro { width:100%; margin:1em 0; float:none; }
	
	.contact_form { margin:0; padding:0; }
	
	.contact_form .form_input { width:100%; margin-bottom:1em; float:left; }
	
	.contact_form .form_submit { width:40%; margin:1em 50%; float:left; }
	
	.contact_form form fieldset { border:0; padding:1% 0; }
	
	.contact_form input, textarea { background:#fff; border:1px solid #2e3f4f; padding:2px; color:#222; } /**/
	
	.contact_form label { display:block; width:7em; float:left; text-align:left; margin-right:0.5em; }
	
	.contact_form p { width:100%; float:left; text-align:center; }
	
	.contact_form p label { width:15em; float:left; }
	
	.contact_form p input { width:2em; float:left; }
	
	.contact_form .submit { border:1px solid #2e3f4f; color:#2e3f4f;	}
	


/* ----- MODULES ----- */
.module { width:160px; height:600px; margin:0; float:left; }
	

/* ----- SITEMAP ----- */
#sitemap { width:100%; float:left; }

	#sitemap ul { width:80%; margin:2em auto; list-style:circle; }
	
	#sitemap ul li a { text-decoration:none; }