/* CSS Document */
#mainContainer {
	width: 100%;
	background-image: url(../../images/mainContainer-bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	display:block;
	margin: 0px; 
	padding: 0px;
	height: 100%;
	}
	
			
		#container {
			width: 970px;
			margin: auto;
			padding-left: 0px;	
			padding-right: 0px;
			margin-top: 0px;
			padding-top: 0px;
			margin-bottom: 10px;
			}
			
			
				#branding{
				clear:both;
				float: left;				
				width: 970px;
				height: 137px;
				/*background-color: #062082;*/
				}	
				
						
						#logo{
							float: left;
							width: 270px;
							height: 70px;
							margin: 0px 0px 0px 0px;			
						}	
		
		
						#contactGroup{
						    float: left;						 
							width: 420px;	
							height: 70px;											
							margin: 0px 10px 0px 10px;						
							padding: 0px;			
								
						}	
						
						#logo2{
							width: 260px;						
							float: left;
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 0px 0px;
							
						
						}	
		
		
		
						#nav{
							width: 970px;
							clear: both;
							float: left;
							display: block;
							margin: 10px 0px 0px 0px;
							padding: 0px 0px 0px 3px;
							background: url(../../images/nav-mon-bg.jpg) no-repeat;
							}	
		
						#breadcrumb{
							clear: both;
							float: left;
							display:block;
							width: 970px;
							height: 25px;						
							margin: 0px 0px 0px 0px;
							background: url(../../images/breadcrumb-bg.jpg) no-repeat;
						
						}	
		
		
		
				#main{
					width: 970px;
					/*height: 100%;*/
					min-height: 600px;
					height: 600px auto;
					clear: both;
					float: left;
					display:block;
					margin: 10px 0px 0px 0px;
					/*background: url(../../images/main-bg.jpg) no-repeat top left; */
				
					
				
				
			
					
				}	
		
						#subNavWrapper{
							width: 205px;
							float: right;
							margin: 0px 0px 0px 0px;						
							
						}	
		
								#subNav{
									width: 205px;
									float: left;
									margin: 10px 0px 0px 0px;
									padding: 0px 0px 10px 0px;
									background: url(../../images/subNav-bg.jpg) no-repeat bottom left; 
								}	
				
								#subNavSecondary{
									width: 205px;
									float: left;
									margin: 2px 0px 0px 0px;
								}	
				
		
		
						#contentWrapper{
							width: 570px;
							float: right;
							display: inline;
							margin: 0px 5px 0px 10px;								
												
						}	

						.sideImageLayout #contentWrapper{
							width: 390px;							
						}	

								#heading{
									height: 45px;
									float: left;
									display: block;
									margin: 0px 0px 0px 0px; 
									position: relative;
									width: 100%;
								
									
								}	
		
								.mainImage{
									float: left;
									display: block;
									margin: 0px 0px 0px 0px;
									padding: 0px 0px 0px 0px;
									width: 100%;									
								}	
	
								#content{
								   
									display: block;
									margin: 10px 0px 0px 0px;
									padding: 0px 0px 0px 0px;
									min-height: 400px;								
									width: 570px;	
								}	
								
								.sideImageLayout #content{								  		
									width: 390px;	
								}
	
										#bespoke{
										    clear: both;											
											display: block;
											margin: 10px 20px 0px 0px;
											padding: 0px 0px 0px 0px;										
										
										}	
										
										
											#contentFeatured{
											clear: both;										
											display: block;
											margin: 10px 0px 0px 0px;
											padding: 0px 0px 0px 0px;
										
										}	



 
					#sidebar{
						width: 170px;
						float: right;						
						margin: 20px 0px 0px 10px;		
					}	

					.sideImageLayout #sidebar{
						width: 350px;
						
					}	

						
							.sidebarFeatured{
							    clear: both;
							    float: left;
							    display: block;
								width: 100%;								
								margin: 10px 0px 0px 0px;
								display:inline;
								background: url(../../images/sidebarFeatured-heading-bg.jpg) no-repeat top right;
								background-color: #E4F0DB;
								
								
							}	

		
							.sidebarImageMain{
								width: 350px;
								float: left;
								margin: 0px 0px 0px 0px;
								border-bottom: 1px dotted #ccc;
								
								
							}	
							
							.sidebarImage {
								float: right;
								
							}

#footerContainer {
	position:relative;
	width: 100%;
	margin: auto;
	background-image: url(../../images/footerContainer-bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	padding: 0px;
	background-color: #88BB58;
	margin: 0px;
	border-bottom: 1px solid #88BB58;
	}
	
			
		#footer {		  
			position:relative;
			width: 980px;
			margin: auto;
			height: 100%;
			padding-left: 0px;	
			padding-right: 0px;
			padding-top: 0px;
			}
			

	/*	#footer
		{
			clear: both;
			width: 980px;
			margin: 50px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			text-align: center;
			border-top: 1px dotted #ccc;
		}
*/




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