/**
 * Stylesheets
 * 
 */


/* RESET */
	
	* { margin: 0; padding: 0; }
	img { border: none; }
	p { margin-bottom: 16px; }
	.l { float: left; }
	.r { float: right; }
	.nm { margin-bottom: 0; }



/* GENERAL STYLES */
	
	body { font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; background-color: #000; color: #666; line-height: 16px; }
	#container { width: 920px; margin: 50px auto; }
	
	h1 { font-family: Helvetica, Arial, sans-serif; font-size: 26px; font-weight: bold; margin-bottom: 5px; line-height: 30px; }
	h2 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 5px; line-height: 24px; }
	h3 { font-family: Helvetica, Arial, sans-serif; font-size: 17px; font-weight: bold; margin-bottom: 5px; line-height: 17px; }
	h4 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 5px; line-height: 16px; }
	
	a { color: #fff; text-decoration: none; }
	a:hover { color: #e21a22; text-decoration: none; }



/* HEADER */
	
	#header h1 { display: none; }



/* CONTENT */
	
	.assets li { list-style: none; float: left; display: block; width: 122px; height: 122px; margin: 0 8px 8px 0; }
	.assets li .mask { position: absolute; }
	.assets li.placeholder { background-color: #333; }
	
	.contentLeft h1 { display: block; background: url(../img/layout/these_days_for_life.gif) no-repeat center; width: 252px; height: 28px; overflow: hidden; text-indent: -1000px; }
	.contentLeft { padding: 6px 0 12px 0; width: 430px; float: left; }
	.contentRight { width: 475px; float: right; margin: 0 8px 0 0; }
	
	#overlayer { position: absolute; top: 200px; left: 200px; width: 329px; color: #fff; }
	#overlayer_content { background: #000; padding: 20px; border-right: 1px solid #de332b; border-left: 1px solid #de332b; }
	#overlayer_content h3 { font-weight: normal; color: #de332b; text-transform: uppercase; }
	#overlayer .overlayer_top { display: block; height: 25px; width: 329px; background: url(../img/layout/overlayer_top.gif) no-repeat bottom left; }
	#overlayer .overlayer_top_r { background: url(../img/layout/overlayer_top_r.gif) no-repeat bottom right !important; }
	#overlayer .overlayer_btm { display: block; height: 10px; width: 329px; background: url(../img/layout/overlayer_btm.gif) no-repeat top left; }



/* FOOTER */
	
	#footer { margin: 5px 0 60px 0; text-align: right; padding: 0 20px; }



/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }