/* CSS Document */

/* -------------- 

Developed by: Peter Mansell
Date: 07/11/08
For: Suffolk Coastal Holidays

-------------- */

/* -------------- 

Document Content

-------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #D2D2BA;
	text-align: center;
	font:62.5%/1.5 Georgia, "Times New Roman", Times, serif;
	}
	
#header	{
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	margin-top: auto;
	background:transparent url(../images/logo_bg.jpg) repeat-x bottom left;
	}
		
	#header_container	{
		height:100%;
		width:100%;
		background:transparent url(../images/logo.jpg) no-repeat bottom left;
	}

#container	{
	width:100%;
	background:#F5F0DE url(../images/content_bg.gif) repeat-x top left;
	padding-bottom:40px;
}

#footer	{
	width:100%;
	background:transparent url(../images/footer_bg.gif) repeat-x top left;
}

#left_padding	{
	padding-left:10px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto; 	
	width:960px;
}	
	
.container {
	width: 960px; 
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto; 	
	text-align:left; 
	}

#top_menu	{
	margin:0;
	padding:0;
	background:transparent url(../images/bottom.gif) repeat-x bottom left;
}

#sub_menu	{
	margin:0;
	padding:0;
	background:none;
}

.main_content	{
	float:left;
	width:640px;
	margin:0;
	padding:0;
}	
	.main_content div	{
	padding:5.6em 0 0 4.5em;
	}
	
		.main_content div p	{
		font-size:1.6em;
		}

.right_content	{
	width:320px;
	margin:0;
	padding:0;
	float:left;
}
	.right_content div	{
	width:292px;
	background:transparent url(../images/right_box_middle.gif) repeat-y top left;
	}
	
		.right_content div div	{
		background:transparent url(../images/right_box_top.gif) no-repeat top left;
		}
		
			.right_content div div div	{
			background:transparent url(../images/right_box_bottom.gif) no-repeat bottom left;
			}

.right_content p	{
margin:0;
padding:0.5em 0;
width:242px;
display:block;
font-size:2em;

}			

.right_content div.inner	{
padding:25px;
width:242px;

}	

/* -------------- 

Headers

-------------- */

h1	{
	background:transparent url(../images/title.gif) no-repeat top left;
	margin-top:0;
	height:81px;
	width:531px;
	overflow:hidden;
	text-indent:-999999px;
}

h2	{
	font-size:2.6em;
	color:#233D4A;
}

h3	{
	font-size:2em;
	color:#233D4A;
	margin:0;
}

	h3 span	{
		font-size:12px;
	}

/* -------------- 

Top Menu

-------------- */

#top_menu ul, #sub_menu ul	{
	list-style:none;
	padding:0;
	margin:0;
	float: left;
	width: 100%;
}

	#top_menu ul li, #sub_menu ul li		{
		display: block;
		padding:0 4px 0 0;
		margin:0;
		float:left;
	}
	
		#top_menu ul li a	{
			color:#D1D0B8;
			text-decoration: none;
			background:transparent url(../images/normal_link_left.gif) no-repeat top left;
			padding:0;
			margin:0;
			font-weight:bold;
			font-size:1.4em;
			display:block;
			float:left;
			outline:none;
			outline:none;
		}
		
				
				
				#top_menu ul li a span	{
					background:transparent url(../images/normal_link_right.gif) no-repeat top right;
					margin:0;
					display:block;
					float:left;
					cursor:pointer;
				}
				
						#top_menu ul li a span span	{
							background:transparent url(../images/normal_link_bottom.gif) repeat-x bottom left;
							margin:0;
							padding:8px 14px;
						}
				
		#top_menu ul li a.current	{
			color:#5C331E;
			text-decoration: none;
			background:transparent url(../images/current_link_left.gif) no-repeat top left;
			padding:0;
			margin:0;
			font-weight:bold;
			font-size:1.4em;
			display:block;
			float:left;
		}
		
				
				
				#top_menu ul li a.current span	{
					background:transparent url(../images/current_link_right.gif) no-repeat top right;
					margin:0;
					display:block;
					float:left;
					cursor:pointer;
				}
				
						#top_menu ul li a.current span span	{
							background:transparent url(../images/current_link_bottom.gif) repeat-x bottom left;
							margin:0;
							padding:8px 14px;
						}
						
			#top_menu ul li a:hover	{
			color:#5C331E;
			text-decoration: none;
			background:transparent url(../images/current_link_left.gif) no-repeat top left;
			padding:0;
			margin:0;
			font-weight:bold;
			font-size:1.4em;
			display:block;
			float:left;
		}
		
				
				
				#top_menu ul li a:hover span	{
					background:transparent url(../images/current_link_right.gif) no-repeat top right;
					margin:0;
					display:block;
					float:left;
					cursor:pointer;
				}
				
						#top_menu ul li a:hover span span	{
							background:transparent url(../images/current_link_bottom.gif) repeat-x bottom left;
							margin:0;
							padding:8px 14px;
						}
		
		#sub_menu ul	{
			list-style:none;
			padding:0 0 20px 0;
			margin:0;
			float: left;
			width: 100%;
		}

			#sub_menu ul li		{
				display: block;
				padding:0 30px 0 0;
				margin:10px 0 0 0;
				float:left;
				text-align:center;
			}
		
				#sub_menu ul li a	{
					color:#000000;
					text-decoration: none;
					background:none;
					padding:0;
					margin:0;
					font-weight:bold;
					font-size:1.4em;
					display:block;
					float:left;
					text-align:center;
				}
		
					#sub_menu ul li a.current, #sub_menu ul li a:hover	{
						color:#5C331E;
					}
		
		
		
		
		/*	 atempt at sub menu
		#sub_menu ul li a	{
			
			text-decoration: none;
			background:transparent url(../images/normal_link_right_flip.gif) no-repeat bottom right;
			padding:0;
			margin:0;
			font-weight:bold;
			font-size:1.4em;
			display:block;
			float:left;
			outline:none;
		}
		
			#sub_menu ul li a span	{
					background:transparent url(../images/normal_link_left_flip.gif) no-repeat bottom left;
					margin:0;
					display:block;
					float:left;
					cursor:pointer;
				}	
				
					#sub_menu ul li a span span	{
							background:transparent url(../images/normal_link_bottom_flip.gif) repeat-x top left;
							margin:0;
							padding:8px 14px;
						}		
		
			
		#sub_menu ul li a.current, #sub_menu ul li a:hover	{
			color:#5C331E;
			text-decoration: none;
			background:transparent url(../images/current_link_right_flip.gif) no-repeat bottom right;
			padding:0;
			margin:0;
			font-weight:bold;
			font-size:1.4em;
			display:block;
			float:left;
		}
		
			#sub_menu ul li a.current span, #sub_menu ul li a:hover span	{
					background:transparent url(../images/current_link_left_flip.gif) no-repeat bottom left;
					margin:0;
					display:block;
					float:left;
					cursor:pointer;
				}	
				
					#sub_menu ul li a.current span span, #sub_menu ul li a:hover span span	{
							background:transparent url(../images/current_link_bottom_flip.gif) repeat-x top left;
							margin:0;
							padding:8px 14px;
						}		
						
						
	#sub_menu ul	{
	margin:0 0 0 76px;
	}
	
	/*
/* -------------- 

content_outer

-------------- */
#content_outer	{
width:960px;
float:left;
}
	#content_outer_middle	{		
	background:transparent url(../images/right_box_middle.gif) repeat-y top right;
	}
		#content_outer_top	{
			background:transparent url(../images/right_box_top.gif) no-repeat top right;
		}
			#content_outer_bottom	{
				background:transparent url(../images/right_box_bottom.gif) no-repeat bottom right;
			}

/* -------------- 

Left/right

-------------- */
#left	{
	width:640px;
	padding:0;
	margin:0;
	background-image:none;
	float:left;
}

#no_sub #left div	{
	padding:51px 0 0 0;
}



	#admin #left	{
	padding:5.6em 0 0 0;
	}
	
	#left div img.border	{
		border:2px solid #FFF;
	}
	
	#left div img.border1	{
		border:1px solid #FFF;
	}
	
	#left div img.margin	{
		margin:10px;
	}
	

	
	#pricing #left div	{
	padding:0;
	}
		
		#gallery #left div a	{
			outline:none;
		}

		#gallery #left div a img	{
		margin:4px;
		border:2px solid #FFF;
		}
	
		#gallery #left div a:hover img	{
		margin:4px;
		border:2px solid #000;
		}

		#left div p	{
			margin:0;
			font-size:1.6em;
			padding:0.5em 0;
			color:#233D4A;
		}

#right	{
	width:320px;
	padding:0;
	margin:0;
	background-image:none;
	float:left;
}

	#right div	{
		padding:3em 2em 0 4.6em;
		text-align:center;
	}
		#right div p	{
			font-size:1.6em;
		}
		
		#right img	{
			border:none;
		}
		
		#right img.border	{
			
			border:2px solid #FFF;
		}
		
/* -------------- 

Links

-------------- */

a	{
font-size:1em;
color:#233D4A;
}

/* -------------- 

Forms

-------------- */

#pricing #left #form	{
padding-top:2em;
-padding-top:1em;
}

form.baseform input, select, textarea {
	font-size:1.1em;
}
form.baseform label {
	width:200px;
	float:left;
	font-size:1.2em;
}
form.baseform label.login {
	width:100px;
	float:left;
}
#pricing #left div form.baseform div {
	padding:3px 0 3px 0;
}
form.baseform fieldset	{
	border:none;
	padding:5px 0 15px 0;
}
form.baseform div.nofloat label {
	float:none;
}

/* -------------- 

Admin Form

-------------- */

#pricing #left #admin-form	{
	padding-top:6em;
}

#left #admin-form p.complete	{
text-align:center;
}


#left div form.baseform div	{
	padding:3px 0 3px 0;
}

#admin-table	{
font-size:1.2em;
}

	#admin-table td	{
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	padding:5px;
	text-align:center;
	}
	
	#admin-table td.none	{
	border-bottom:none;
	border-left:none;
	padding:5px;
	text-align:center;
	}
	
	#admin-table td.top	{
	border-top:1px solid #FFF;
	background:#D2D2BB;
	}
	
	#admin-table td.right	{
	border-right:1px solid #FFF;
	}
	
#admin-table1	{
font-size:1.2em;
}

	#admin-table1 td	{
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	padding:5px;
	text-align:center;
	}
	
	#admin-table1 td.none	{
	border-bottom:none;
	border-left:none;
	padding:5px;
	text-align:center;
	}
	
	#admin-table1 td.top	{
	border-top:1px solid #FFF;
	background:#D2D2BB;
	}
	
	#admin-table1 td.right	{
	border-right:1px solid #FFF;
	}
	
	#admin-table1 td.block	{
	background:#999999;
	}
	
#left div p.complete	{
	padding:5px;
	margin:5px 0;
	background:#74B4E2;
	border:1px solid #0362A7;
	text-align:center;
	color:#FFFFFF;
}

#left div p.error	{
	padding:5px;
	margin:5px 0;
	background:#E67C7C;
	border:1px solid #D72C2C;
	text-align:center;
	color:#FFFFFF;
}

#left div p.small	{
	width:200px;
	text-align:left;
	margin-left:200px;
}

#left div p.small1	{
	width:200px;
	text-align:left;
	
}

/* -------------- 

Clearfix 

-------------- */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */		

/* -------------- 

Calendar

-------------- */

#table td {
border-right:1px solid #CAC4B4;
font-size:1.2em;
border-bottom:1px solid #CAC4B4;
}

#pricing #left div #calendar_div	{
	padding-top:3em;
	padding-bottom:3em;
}

#left div p	{
text-align:left;
font-size:1.3em;
margin:0;
padding:5px 5px;
}

#left div p.box	{
text-align:left;
font-size:1.2em;
color:#FFFFFF;
}

#left div p.date	{
	color:#FFFFFF;
}

#table td.month {
	color: #FFFFFF;
	height:40px;
	border-right:none;
	}
	
.day-top	{
	background:#D2D2BB;
	color:#FFFFFF;
	height:40px;
	text-align:center;
}

.day-top-first	{
	background:#D2D2BB;
	color:#FFFFFF;
	height:40px;
	text-align:center;
	border-left:1px solid #CAC4B4;
}

.day	{
	text-align:center;
	height:64px;
	vertical-align:middle;
}

.table	{
	color: #FFFFFF;
	}
td.left	{
border-left:1px solid #CAC4B4;
	background:#999999;
	
	
}

#left div td.left p	{
color:#FFFFFF;
}

.links	{
	width:20%;

}

.links_middle	{
	width:60%;
	text-align:center;
}

.links a	{
	
	font-size:1.2em;
	color: #000;
}

.width	{
	width:595px;
}



.Booked	{
background:#377B9D;
text-align:center;
vertical-align:middle;
height:64px;
color:#FFFFFF;
}

.Reserved	{
background:#74B4E2;
text-align:center;
vertical-align:middle;
color:#FFFFFF;
height:64px;
}

.Unavailable	{
background:#203844;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
height:64px;
}


.img_border	{
	border:2px solid #000;
}

.img_border img	{
	border:none;
}


img.home_img_border 	{
	border:2px solid #FFF;
	margin:4px;
}

/* -------------- 

Pagination

-------------- */

#left div.pagination {
	padding: 10px 0;
	margin:0;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFF;
	
	text-decoration: none; /* no underline */
	color: #000;
	background:#D2D2BB;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #74B4E2;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #203845;
		
		font-weight: bold;
		background-color: #203845;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #FFF;
	}