/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

#container {
	background:		transparent url("../img/header.png") no-repeat scroll 0 0;
	margin-left:	auto;
	margin-right:	auto;
	width:			960px;
}

/* `Grid
----------------------------------------------------------------------------------------------------*/

#header,
#content, .listing,
#footer, #footer-pri, #footer-sec {
	display:		inline;
	float:			left;
	position:		relative;
	margin-left:	10px;
	margin-right:	10px;
}

#header,
#content
#footer {
	width: 940px;
}

/* `Header
----------------------------------------------------------------------------------------------------*/
#nav-access { display:	none; }
#header {
	height:	130px;
}

/* `Content
----------------------------------------------------------------------------------------------------*/

#content {
	
}

/* `Listings
----------------------------------------------------------------------------------------------------*/

.listing {
	height:			192px;
	margin-left:	0;
	padding:		0 60px;
	width:			820px;
}
.odd { background:	transparent url("../img/listing.png") no-repeat scroll center top; }

/* `Footer
----------------------------------------------------------------------------------------------------*/

#footer {
	background:		transparent url("../img/footer.png") no-repeat scroll center top;
	height:			118px;
	padding-top:	15px;
}

/* `Primary Footer
----------------------------------------------------------------------------------------------------*/

#footer-pri {
	margin-left:	0;
	padding-left:	60px;
	width:			380px;
}

/* `Secondary Footer
----------------------------------------------------------------------------------------------------*/

#footer-sec {
	margin-right:	0;
	width:			460px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}