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

#container {
	
	width: 950px;
	/*
	position:relative;
	left: 50%;
	margin-left: -475px;
	height: 100%;*/
	margin: 0px auto;
	}
	
		#branding{
			width: 950px;
			height: 145px;
			margin: 0px;
			padding:0px;
		}	
		
		#secondary {
			width: 300px;
			float: left;
			background-color:#fff; 
		}
				#secondarySearch{
					width: 270px;
					margin: 0px;	/*narrower margin/padding IE fix*/
					padding: 20px 10px 30px 20px;
					background-color:#333;
				}
		
				#secondaryApproved{
					width: 270px;
					margin: 0px;	/*narrower margin/padding IE fix*/
					padding: 20px 10px 30px 20px;
					background-color:#E2E2E2;
				}
			
		#main{
			width: 650px;
			float: right;
			background-color:#fff; 
		
		}	
		
	
				#mainContent{
					float: right;
					width: 610px;
					padding: 10px 20px 0px 20px;
				}
									
				
						#enquiryForm
						{
							float: left;
							width: 600px;
							margin: 0px;
							padding: 0px;
							
						}
					
	
		#footer{
			width: 950px;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 0px;
			height: 200px;
			border-top: 20px solid #CCCCCC;
		}

/*
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 */