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

#container {
	/*position:relative;
	width: 980px;
	left: 50%;
	margin-left: -490px;*/
	margin: 0px auto;
	padding: 10px;
	width: 980px;
	height: 100%;
	background-color: #fff;
	margin-top: 10px ;
	}
	
		#branding{
			width: 980px;
			height: 115px;
			clear: both;
			background-color: #6E7274;
		}	
		
		
				#brandingLogo
				{	
					float: left;
					margin: 0px 0px 0px 10px;
					padding: 0px;
				}
				
				
				#brandingCentres
				{	
					float: right;
				}
				
		
		#main{
			width: 980px;
			float: left;
			background-color: #fff;
			margin-bottom: 10px;
			margin-top: 10px;			
		}	
		
			
				#mainNav {
					float: left;
					position:relative;
					width: 170px;
					padding: 0px 0px 0px 0px;
					background-color: #fff;
					
				}
			
		
				#mainHeading{
					float: right;
					width: 800px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					background-color: #fff;
				}
				
				#mainContent{
					float: right;
					width: 800px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					background-color: #fff;
					
				}
				
						#mainContentBody{
							float: left;
							width: 360px;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							background-color: #fff;
						}
						
						#mainContentImage{
							float: right;
							width: 420px;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							background-color: #fff;
						}
						
						#mainContentContact{
							float: right;
							width: 420px;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							background-color: #fff;
						}
					
				#mainFooter{
					float: right;
					width: 800px;
					margin: 10px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					background-color: #fff;
				}
				
	
		#footer
		{
			clear: both;
			display: block;		
			padding-top: 10px;			
			border-top: 1px dashed #ccc;
			text-align: center;
		}

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