/*
	ASSURED ACCOMMODATION / STYLESHEET.CSS
	
	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:		08/09/08
	Created By:		James Marriott @ Joal Leisure
	Last Modified:	14/10/08
*/

/* ----- RESETS ----- */
* { font-family:Georgia, Arial, Helvetica, sans-serif; }

body { margin:5px; padding:0;}

h1, h2, h3, h4, h5, p { margin:0; padding:0; }

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


/* ----- PRIMARY DIVISIONS ----- */
#header {
	width:960px;
	height:155px;
	background:transparent;
	margin:0 auto; padding:0 0 1em 0;
}

		/* Header specific styles */
		#header_logo { 
			width:267px; 
			height:150px; 
			background:#fff url('../../../images/assured_accommodation_logo.gif') no-repeat; 
			margin:5px 0 0 50px;
			float:left;
			}

		#header_img { 
			width:393px; 
			height:150px; 
			background:#fff url('../../../images/header_img.png') no-repeat; 
			margin:5px 50px 0 0;
			float:right;
			}

		#header_contact { 
			width:200px; 
			height:150px; 
			background:url('../../../images/header_contact.gif') no-repeat; 
			margin:5px 5px 0 0;
			float:right;
			}


/* Navigation menu for top of page */
#navbar { /* This division acts as a container for the navbar ul eliments */
	width:960px;
	height:45px;
	background:#fff url('../../../images/navbar_bg.gif') no-repeat; /*  */
	margin:0 auto 1em auto;
	}

		/* Navigation specific styles */
		#navbar_container {
			width:960px;
			margin:0 auto;
			padding:0;
			}

		#navbar_container ul { /* Define the style of the individual ul elements */
			width:12%;
			margin:0; padding:0;
			float:left;
			list-style:none;
			text-align:center;
			}

		#navbar_container a { /* Define the style of the links within the navbar division */
			display:block;
			margin:0;
			padding:6px 0;
			background:transparent;
			text-decoration:none;
			color:#030;
			}

		#navbar_container a.active {
			background:transparent;
			margin:0; padding:6px 0;
			text-transform:none;
			color:#fff;
			}

		#navbar_container a:hover { /* Define the style of the links when hovered over within the navbar division */
			background:transparent;
			margin:0; padding:6px 0;
			text-transform:none;
			color:#000;
			}

		#navbar a:first-letter { text-decoration:underline; }
		
		/* 	The first-letter psuedo class can cause some bugs in IE 6 so we use the following
			class to fix it. The class doesn't exist / is not used anywhere in the site but the
			fact that a class is attributed to the a link is enough to correct the IE bug! */
		.ie_fix a { text-decoration: none; } 


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


#banner {
	width:100%;
	height:300px;
	background:#fff url('') no-repeat center;
	margin:1em 0;
	padding:0;
	float:left;
	}
	
	#banner #prod_banner { width:100%; height:100%; background:#fff; float:left; }
	
		#banner #prod_banner #banner_image { width:960px; height:300px; }

		#banner #prod_banner .banner_right { width:430px; margin-top:-300px; margin-left:510px; padding:5px 10px; float:none; }

			#banner #prod_banner .banner_right h2 { margin:1em 0; font-size:18px; font-weight:normal; line-height:1.5em; }

#left {
	width:790px;
	background:transparent;
	margin-right:10px; padding:0;
	float:left;
	}


#right {
	width:160px;
	background:inherit;
	margin:0; padding:0;
	float:left;
	}


#footer {
	width:100%;
	background:#fff url(''); /* ../../../images/grass.jpg */
	margin:1em 0 2em 0; padding:0;
	float:left;
	}

				

/* ----- SECONDARY DIVISIONS / CLASSES ----- */
.page_content {
	width:775px;
	margin-top:1em;
	float:left;
	text-align:justify;
	}

	.page_content h1 { margin-bottom:1em; font:normal 1em Georgia; line-height:1.5em; }
	.page_content h3 { margin-bottom:1em; color:#295029; font:bold 1em Georgia; line-height:1.5em; }
	.page_content h4 { margin-bottom:1em; color:#295029; font-weight:normal; line-height:1.5em; }
	.page_content p { margin-bottom:1em; line-height:1.5em; }
	.page_content ul li { margin-bottom:1em; font-size:12px; }

	.page_content .page_header, .page_content .process_steps_container { width:765px; margin:5px 0 15px 0; float:left; text-align:center; }
		
		.page_content .page_header h1 { margin:0; color:#0091d1; font-size:28px; }
		.page_content .page_header h2 { margin:0; color:#295029; font-size:18px; }
		.page_content .process_steps_container { font-size:0.8em; }

	.page_content .content_left { width:375px; margin-right:25px; float:left; }
	
		.page_content .content_left p a img { width:200px; border:0; margin:0 0 0 150px; }

	.page_content .content_right { width:375px; float:left; }
	
		.page_content .content_right p img { border:0; margin:0 5px 0 0; }
	

.para_heading {
	width:786px;
	background:#0091d1 url('../../../images/para_heading.png') repeat-y;
	margin:1em 0 0 0; padding:2px;
	color:#fff;
	}
/* ----- TEXT STYLES ----- */



/* ----- CONTACT FORM ----- */
.contact { width:100%; background:#fff; margin:0; padding:0; float:left; }

	.contact_intro { width:100%; margin:1em 0; float:none; }

	.contact_form { width:100%; margin:0; padding:0; }

	.contact_form .form_input { width:100%; margin-bottom:1em; float:left; }

	.contact_form .text_input { width:356px; height:41px; background:#fff url('../images/input_text.gif') no-repeat; float:left; }
	.contact_form .text_input input { width:306px; border:0; margin:10px 0 0 10px; float:left; }

	.contact_form .form_submit { width:40%; margin:1em 50%; float:left; }

	.contact_form form fieldset { border:0; padding:1% 0; }

	.contact_form .textarea { width:500px; height:250px; background:#fff url('../images/input_textarea.gif') no-repeat; float:left; }
		.contact_form .textarea textarea { width:485px; background:#fff; border:0; margin:20px 0 0 5px; float:left; color:#222; } /**/


	.contact_form label { display:block; width:7em; margin:5px 0 0 0; float:left; font:bold 18px Georgia, Arial, Helvetica, sans-serif; text-align:left; }
	
	.contact_form p { width:100%; float:left; }
	
	.contact_form p label { width:15em; float:left; }
	
	.contact_form .submit { width:148px; height:33px; background:#fff url('../images/send_button.gif') no-repeat; border:0; color:#2e3f4f; }
	
	/* .contact_form .submit:hover { background:url('../images/send_button_d.png') no-repeat 0 -10px; } */




/* ----- MODULES ----- */
.module { width:160px; margin-bottom:10px; float:left; }

	.module p { margin-left:5px; line-height:1.5em; }
	
	.module p a, .module p a:visited { color:#2e3f4f; text-decoration:none; }

	.module_contact { width:160px; height:165px; background:#fefefe url('../../../images/side_contact_info.gif') no-repeat; float:left; }
	
	.module_info { width:160px; height:165px; background:#fefefe url('../../../images/side_module.gif') no-repeat; float:left; }
			.module_info ul { margin:0; padding:0; line-height:1.1em; }
				.module_info ul li { margin-bottom:5px; list-style:none; }
					.module_info ul li a, .module_info ul li a:visited, .module_info ul li a:active { color:#295029; font-size:12px; }

	.module_content h1 a { margin-left:5px; color:#00f; font:bold 22px; text-decoration:underline }
	
	.module_content p { color:#000; }
	
	.module_content span a { margin-left:2em; color:#006f00; text-decoration:none; font-size:10px; }