/*********************
Generic
*********************/
body {
	margin: 0;
	padding: 0;
	font: normal 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: #83AEBF url('images/reads_background2.jpg') 50% 0 repeat-x;
}
a img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
.cf:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: '*~<:)';
}

/*********************
Container
*********************/
#dirtOverlay {
	position: absolute;
	top: 732px;
	left: 50%;
	margin: 0 0 0 187px;
	width: 203px;
	height: 30px;
	z-index: 55;
}

#facebookOverlay {
	position: absolute;
	top: 26px;
	left: 50%;
	margin: 0 0 0 277px;
	width: 28px;
	height: 27px;
	z-index: 55;
}

#twitterOverlay {
	position: absolute;
	top: 26px;
	left: 50%;
	margin: 0 0 0 304px;
	width: 28px;
	height: 27px;
	z-index: 56;
}

#linkedinOverlay {
	position: absolute;
	top: 26px;
	left: 50%;
	margin: 0 0 0 330px;
	width: 28px;
	height: 27px;
	z-index: 57;
}

#container_alpha {
	position: absolute;
	top: 84px;
	left: 50%;
	margin: 0 0 0 -390px;
	padding: 25px;
	width: 720px;
	height: 707px;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	border: 5px solid #7E8D7D;
	background-color: #232016;
}
#container {
	position: relative;
	margin: 90px auto 50px;
	padding: 25px;
	width: 720px;
}

/*********************
Header
*********************/
#header {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 720px;
	height: 310px;
}
#h_feature {
	position: relative;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 205px;
}
#h_feature h1 {
	position: absolute;
	top: 22px;
	left: 32px;
	margin: 0;
	padding: 0;
	font-size: 40px;
	color: #EFEFEF;
	font-family: Trebuchet MS, Arial; 
}
#h_feature h1 span {
	display: block;
	font-size: 28px;
}
#h_feature a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#h_feature a:link, #h_feature a:visited {
	color: #d0d0d0;
	text-decoration: none;
}
#h_feature a:active, #h_feature a:hover {
	color: #009DC3;
	text-decoration: underline;
}

#h_links {
	position: relative;	
	margin: 10px 0 0;
	padding: 0;
	width: 720px;
	height: 96px;
}
#h_links a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 172px;
	height: 86px;
	font-weight: normal;
	font-size: 28px;
	text-align: center;
}
#h_links a span {
	display: block;
}
#h_links a.last {
	margin-right: 0;
	margin-left: 2px;
}

#h_links a:link, #h_links a:visited {
	color: #222;
	text-decoration: none;
	filter:alpha(opacity=80);
	opacity: 0.8;
}
#h_links a:active, #h_links a:hover {
	color: #222;
	text-decoration: none;
	filter:alpha(opacity=100);
	opacity: 1;
}
#h_feature .h_f_a {
	margin-right: 12px;	
}
/*********************
Content
*********************/
#content {
	position: relative;
	margin: 0;
	padding: 320px 0 0;
	width: 720px;
}
#content_1 {
	position: relative;
	margin: 0;
	padding: 10px;
	width: 700px;
	height: 300px;
	background-color: #433927;
	filter:alpha(opacity=90);
	opacity: 0.9;
}
#content h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 24px;
	color: #40a6d1;
}
#content p {
	color: #40a6d1;
	line-height: 20px;
}
#c_l {
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
}
#c_r {
	float: right;
	margin: 0;
	padding: 0;
	width: 340px;
}
#content a:link, #content a:visited {
	color: #D9D6C9;
	text-decoration: none;
}
#content a:hover, #content a:active {
	color: #FFF;
	text-decoration: underline;
}

/*********************
Footer
*********************/
#footer {
	position: relative;
	margin: 10px 0 0;
	padding: 0;
	width: 720px;
	height: 60px;
	background-color: #587429;
	filter:alpha(opacity=80);
	opacity: 0.8;
}
#f_list {
	position: relative;
	margin: 0;
	padding: 0;
	width: 720px;
}	
#f_list ul {
	float: left;
	margin: 0;
	padding: 3px 20px;
	width: 139px; 
	border-right:1px solid #475923;
}
#f_list li {
	margin: 0;
	padding: 2px;
	font-size: 11px;
	color: #D9D6C9;
	list-style-type: none;
}
#footer a:link, #footer a:visited {
	color: #D9D6C9;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: underline;
}