/* 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;
			}
			
			
				#branding{
				clear:both;
				float: left;				
				width: 970px;
				height: 137px;
				/*background-color: #062082;*/
				}	
				
						
						#logo{
							float: left;						
							display: inline;
							margin: 35px 0px 0px 40px;			
						}	
		
								
						#nav{
							width: 670px;							
							float: left;
							display: inline;
							margin: 115px 0px 0px 40px;
							padding: 0px 0px 0px 0px;						
							}	
		
						#breadcrumb{
							clear: both;
							float: left;
							display:block;
							width: 970px;
							height: 25px;						
							margin: 10px 0px 0px 35px;		
						}	
		
		
		
				#main{
					width: 970px;
					height: 100%;
					clear: both;
					float: left;
					display:block;
					margin: 10px 0px 0px 30px;
					
				}	
		
						#subNavWrapper{
							width: 205px;
							float: left;
							margin: 10px 0px 0px 0px;						
							
						}	
		
		                       .subNavLogo{
									width: 203px;
									float: left;
									margin: 10px 0px 0px 0px;
									padding: 0px 0px 0px 0px;
									border: solid 1px #f0f0f0;	
									padding: 20px 0px 20px 0px;
									text-align: center;							
								}	
		
								#subNav{
									width: 205px;
									float: left;
									margin: 10px 0px 0px 0px;
									padding: 0px 0px 10px 0px;								
								}	
								
							
				
								#subNavLinks{
									width: 203px;
									float: left;
									margin: 2px 0px 0px 0px;								
									background: url(../../images/featured-bg.jpg) repeat-x bottom left;
									background-color: #fff;
									border: solid 1px #f0f0f0;
								}	
				
		
		
						#contentWrapper{
							width: 380px;
							float: left;
							display: inline;
							margin: 0px 15px 0px 15px;		
												
						}	

					    	#heading{
									height: 45px;
									float: left;
									display: block;
									margin: 0px 0px 0px 0px; 
									position: relative;
									width: 380px;
								}	
		
							
								#content{
									float: left;
									display: block;
									margin: 10px 0px 0px 0px;
									padding: 0px 0px 0px 0px;
									
									width: 380px;
								}	
	
										#bespoke{
											float: left;
											display: block;
											margin: 10px 0px 0px 0px;
											padding: 0px 0px 0px 0px;
											width: 380px;
										}	
										
										
										#contentFeatured{
										    margin: 10px 0px 0px 0px;
										}

 
					#sidebar{
						width: 300px;
						float: left;
						margin: 20px 0px 0px 0px;	
						
					}	



                        .sidebarContact{
                            clear: both;
                            float: left;
                            display:block;
                            width: 298px;      
                            margin: 0px 0px 10px 0px;
                            border: solid 1px #f0f0f0;
                            background: url(../../images/contactgroup-bg.jpg) repeat-x bottom left;
                            background-color: #fff;
                        }

                        #sidebarImage{
                           clear: both;
                            float: left;
                            display:block;
                            width: 300px;                            
                            margin: 0px 0px 0px 0px;                            					
                        }	
                        
                        .sidebarOffers{
                            clear: both;
                            float: left;
                            display:block;
                            width: 298px;                         
                            margin: 10px 0px 0px 0px;  
                            border: solid 1px #f0f0f0;       
                        }


                        #sidebarFeatured{
                            clear: both;
                            float: left;
                            display:block;
                            width: 300px;                         
                            margin: 10px 0px 0px 0px;                          
                        }	



						
						

#footerContainer {
	position:relative;
	width: 100%;
	margin: auto;
	background-image: url(../../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	padding: 0px;
	background-color: #EFF4F6;
	margin: 0px;
	
	}
	
					

		#footer
		{
			position:relative;
			width: 970px;
			margin: auto;
			height: 640px;
			padding-top: 30px;
			padding-left: 0px;	
			padding-right: 0px;
			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 */