/*
	use this to set layout in the site
	- how the structure of the site fits together
	- use it to push elements around on the page
	- DO NOT put skin stuff (colours and so on) in here 
*/

#layout-shell {
	margin:auto;
	width:963px;
	margin-top:48px;
}

#header {
	height:65px;
	position:relative;
}
	h1 {
		float:left;
	}
	#header .logo {
		float:left;
		margin-left:20px;
		margin-top:10px;
	}
	#header .van {
		float:left;
		margin-left:15px;
		margin-top:0px;
	}		
	
	#main-phone {
		position:absolute;
		right:60px;
	}
	#main-phone-badge {
		position:absolute;
		top:-5px;
		right:-5px;
	}

#footer {
	text-align:center;
	margin:20px 0;
}

/* sidebar / major area like on the group homepage */
.sidebar    { float:left; width:153px; }
.main-pane  { float:right;	width:801px; }

/* some pages (ie dealer homepage) have a slimer column and a wider view */
.slim-left  { float:left; width:290px; }
.wide-right { float:right; width:666px; }



/* more general elements */

/* most things are modules (eg everything in the sidebar) */
.module { margin-top:5px; }

/* figure out how to not have to do this */
.clear { clear:both; }

/* allows for all the 3 and 4 side by side boxes in the site */
.full-row .one-of-4                          { width:234px; float:left; }
.full-row .one-of-3                          { width:315px; float:left; }
.narrow-row .one-of-4                        { width:195px; float:left; }
.narrow-row .one-of-3                        { width:260px; float:left; }
.full-row .one-of-3, .full-row .one-of-4     { margin-right:9px; }
.narrow-row .one-of-3, .narrow-row .one-of-4 { margin-right:7px; }
.one-of-3-last, .one-of-4-last               { margin-right:0 !important; }