/*

#container 
		#branding
		#Nav
		#contentText
		#imageHolder
				#image
				#thumbnails	
		#custInfo					
				#registerBooking
				#contactDetails
		#footer
				#footerLinks
				#footerPhone


*/





/*
LAYOUT --------------------- */


#container {
	position:relative;
	width: 980px;
	margin: auto;
		
	}
	
			
		#branding{
		clear:both;
		float:left;
		width:980px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 91px;
			
		}	
				
				#logo{
				width:450px;
				float:left;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: 91px;
					
				}	
				
				#logo2{
				width:275px;
				float:left;
				margin: 0px 0px 0px 250px;
				padding: 0px 0px 0px 0px;
				height: 91px;
					
				}	
				
		
	
		#Nav{
			width: 980px;
			padding: 0px 0px 0px 0px;
			background:#ededed repeat-x url(../../images/nav-bg.gif);
			vertical-align:middle;
			float: left;
			height: 47px;
		}	
		
		#main {
				float:left;
				width: 980px;
				min-height:600px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
		}
					
		
				#content {
					float: left;
					width: 448px;
					min-height:600px;
					margin: 0px 0px 0px 0px;
					padding: 10px 15px 10px 15px;
					background-color:#FFFFFF;
				}
							
						#breadcrumb {
							float: left;
							width: 380px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;						
							/*background-color:#C0C0C0;*/
						}
				
						#contentText {
							float: left;
							width: 440px;
							/*min-height:300px;*/
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							/*background-color:#C0C0C0;*/
						}
							
		
		
						#registerBooking {
							float: left;
							max-width: 370px;
							margin: 0px 0px 0px 10px;	
							padding: 0px 0px 0px 0px;				
							}
							
							
					#imageHolder {
						float: left;
						width: 500px;
						min-height:300px;
						background-color: #ededed;
						margin: 30px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						/*background-color:#8080C0;*/				
						
					}
						
						
							#image {
							float: left;
							margin: 0px 0px 0px 0px;	
							padding: 0px 0px 0px 0px;
							/*background-color:#FF8000*/					
							
							}
							
							#thumbnails {
							float: left;
							margin: 0px 0px 0px 0px;	
							padding: 0px 0px 0px 0px;
							/*background-color:#808000*/				
							
							}
							
					
							#contactDetails {
							position:relative;
							display:inline;
							float: left;
							margin: 20px 10px 0px 10px;	
							padding: 0px 0px 0px 0px;
							/*background:#008040*/		
							
							}
		
		
		#footer{
			float: left;
			width: 980px;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 0px 0px;
			background:#ccc;
		/*	border-top: 1px dashed #ccc;*/
			

		}
	
				#footerLinks{
				/*float:left;
				margin:10px 10px 10px 150px;*/
				text-align: center;
				padding: 0px 20px 0px 20px;
					
				}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

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