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

#container {
	position:relative;
	width: 945px;
	left: 50%;
	margin-left: -450px;
	height: 100%;
	}
	
	#branding{
		width: 945px;
		height: 96px;
		clear: both;
	}	
	
	#mainContent{
		width: 945px;
		position: relative;
	}	
	
		#content{
			float: left;
			width: 675px;
		}
	
			#contentIntro {
				width: 675px;
			}
			
			#breadcrumb
			{
				width: 675px;
				margin: 5px 0px 5px 0px;
			}
	
			#contentMain {
				width: 675px;
			}
					
			
						
			#contentOffers
			{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			
			.OffersListContainer
			{
				float: left;
				width: 300px;
				margin-top: 10px;
				vertical-align: top;
			}
			
			.ModelListContainer
			{
				float: left;
				width: 315px;
				margin-top: 10px;
				vertical-align: top;
			}
	
	
			

		
		#secondaryNav{
			float: left;
			width: 250px;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 10px;			
		}
		
		

			

	#footer{
		clear: both;
		width: 950px;
		height: 200px;
		margin-top: 20px;
		border-top: dashed 1px #999999;
		text-align: center;
		font: xx-small verdana;
		color: #666666;
		
	}

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