/* Page wrapper */
#wrapper 
{
	width: 904px;
	margin: 0 auto 0 auto;
}

/**
 * ========================================================================
 * Header
 * ========================================================================
 */

#header-text
{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 30px;
}

#header-text
{
	right: 10px;
}

#header-text div.inner
{
	margin: 0 auto 0 auto;
	width: 904px;
	height: 30px;
}
 
#header
{
	clear: both;
	margin-top: 30px;
	height: 146px;
}

/**
 * Logo
 */

#logo 
{
	float: left;
	width: 502px;
}

#phone-number
{
	float: left;
	width: 402px;
}

/**
 * ========================================================================
 * Navigation
 * ========================================================================
 */

#navigation
{
	clear: both;
	position: absolute;
	top: 176px;
	width: 900px;
	height: 35px;
}

/**
 * ========================================================================
 * Content
 * ========================================================================
 */

#content
{
	clear: both;
	overflow: hidden;
	margin-top: 35px;
}

#splash-image
{
	clear: both;
	position: absolute;
	top: 211px;
	margin-left: 2px;
	height: 318px;
}

/**
 * Front page
 */

#front-page
{
	margin-top: 318px;
}

/* Main content */

#main
{
	float: left;
	width: 620px;
	margin-bottom: -20000px;
	padding-bottom: 20000px;
	border-left: 2px solid #7B9EB5;
}

#main div.inner div.dots
{
	width: 585px;
	height: 1px;
}

/**
 * Vehicle featured
 */

#main #vehicle-featured
{
	clear: both;
	width: 590px;
}

#main #vehicle-featured div.image
{
	float: left;
	width: 165px;
}

#main #vehicle-featured div.text div.title
{
	float: left;
	width: 220px; 
}

#main #vehicle-featured div.text div.price
{
	float: left;
	width: 205px;
}

#main #vehicle-featured div.text div.description
{
	clear: right;
}

/**
 * Vehicles list
 */

#main div.vehicle-listings
{
	clear: both;
	width: 590px;
}

#main div.vehicle-listings div.image
{
	float: left;
	width: 165px;
}

#main div.vehicle-listings div.text div.title
{
	float: left;
	width: 220px; 
}

#main div.vehicle-listings div.text div.price
{
	float: left;
	width: 205px;
}

#main div.vehicle-listings div.text div.description
{
	clear: right;
}

#main div.vehicle-listings-separator
{
	clear: both;
	width: 590px;
	height: 1px;
}

/**
 * Vehicles list view
 */

#main div.vehicle-listing
{
	clear: both;
	width: 590px;
}

#main div.vehicle-listing div.text div.title
{
	float: left;
	width: 400px; 
}

#main div.vehicle-listing div.text div.price
{
	float: left;
	width: 190px;
}

#main div.vehicle-listing div.content
{
	clear: both;
}

#main div.vehicle-listing div.content div.image
{
	float: left;
	width: 314px;
}

#main div.vehicle-listing div.content div.information
{
	float: left;
	width: 276px;
}

#main div.vehicle-listing div.description
{
	clear: both;
}

#main div.vehicle-listing-separator
{
	clear: both;
	width: 590px;
	height: 1px;
}

/* Side content */

#side
{
	float: left;
	width: 280px;
	margin-bottom: -20000px;
	padding-bottom: 20000px;
	border-right: 2px solid #7B9EB5;
}

#side div.box
{
	clear: both;
	width: 263px;
}

#side div.box div.top
{
	height: 31px;
}

#side div.box div.text div.dots
{
	width: 235px;
	height: 1px; 
	overflow: hidden;
}

#side div.box div.bottom
{
	height: 16px;
}

/**
 * Map
 */

#map
{
	width: 585px; 
	height: 450px;
}

#directions
{
	overflow: auto; 
	height: 390px; 
	/*display:none;*/
}

/**
 * ========================================================================
 * Footer
 * ========================================================================
 */

#footer
{
	clear: both;
	width: 904px;
	margin: 0 auto 0 auto;
}

#footer-motto div.left
{
	float: left;
	height: 38px;
	width: 17px;
}

#footer-motto div.middle
{
	float: left;
	width: 870px;
	height: 38px;
}

#footer-motto div.right
{
	float: left;
	height: 38px;
	width: 17px;
}

#footer-text
{
	clear: both;
}