
/*

#container 
		#branding
		#Nav
		#contentText
		#imageHolder
				#image
				#thumbnails	
		#custInfo					
				#registerBooking
				#contactDetails
		#footer
				#footerLinks
				#footerPhone


*/





/*
LAYOUT --------------------- */


#container {
	position:relative;
	width: 980px;
	left: 50%;
	margin-left: -490px;
		
	}
	
			
		#branding{
		background: no-repeat url(../../images/branding.jpg);
		clear:both;
		width:950px;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 132px;
			
		}	
				
		
	
		#Nav{
			width: 930px;
			padding: 0px 0px 0px 0px;
			margin: -20px 10px 0px 10px;
			background-color:#EEF0F0;
			/*background-image: url(../menu/branding-menu-bar.gif);*/
			vertical-align:middle;
			float: left;
			/*filter:alpha(opacity=70);
			-moz-opacity:.70;
			opacity:.70;*/
		}	
		
		#main {
				position:relative;
				display: inline;
				float:left;
				width: 930px;
				min-height:300px;
				margin: 0px 0px 0px 0px;
				padding: 10px 10px 10px 10px;
				background-color:#FFFFFF;
		}
					
		
			#contentText {
				position:relative;
				display:inline;
				float: left;
				width: 370px;
				min-height:300px;
				margin: 0px 5px 0px 0px;
				padding: 10px 10px 10px 10px;
				/*background-color:#C0C0C0;*/

			
			}
			
			#registerBooking {
				position:relative;
				display:inline;
				float: left;
				max-width: 370px;
				margin: 0px 0px 0px 10px;	
				padding: 0px 0px 0px 0px;				
				}
				
						/*#mainContentBack {
							position:absolute;
							top: 10px;
							right: 10px;
						}*/
					
			#imageHolder {
				position:relative;
				display:inline;
				float: left;
				width: 510px;
				min-height:300px;
				margin: 0px 0px 0px 5px;
				padding: 10px 10px 10px 10px;
				/*background-color:#8080C0;*/				
				
			}
				
				
				#image {
				float: left;
				margin: 0px 0px 5px 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*/				
				
				}
				
				#thumbnails img{
				float: left;
				margin: 0px 5px 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{
			width: 950px;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 0px 0px;
		
			background:#666;

			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 */		



