/* ============================= IMPORTS ============================= */
@import url("nav.css");

/* ============================= GLOBAL RESET ============================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td, object{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;
font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
a img {border:none;}
a, a:visited{text-decoration:underline;}
a:hover{}

/* ============================= HTML BODY ============================= */

body{
	background:#7F695B;
	color:#DDD8D2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	height:100%;
	position:relative;
}

html>body{font-size: 10px;}


#hpflash{
	background:#FFFFFF url(../../images/ajax-loader2.gif) center center no-repeat;
	display:inline;
	float:left;
	height:330px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:639px;
}

#hpflash p{visibility:hidden;}

.no_JS #hpflash{
	background:url(../../images/spacer.gif);
}

/* ============================= LAYERS ============================= */

#hdrc{
	background:url(../../images/body_bg.jpg) center top no-repeat;
	height:600px;
	position:absolute;
	top:0px;
	z-index:-1;
	width:100%;
	min-width:970px;
}

#hdrl{
	background:#173124 url(../../images/bgl_bg.jpg) left top repeat-x;
	height:155px;
	position:absolute;
	left:0;
	top:0;
	width:50%;
	z-index:-2;
}

#hdrr{
	background:#41502F url(../../images/bgr_bg.jpg) left top repeat-x;
	height:155px;
	position:absolute;
	right:0;
	top:0;
	width:50%;
	z-index:-2;
}

#shdw{
	background:transparent url(../../images/shdw-trans.png) left top no-repeat;
	height:5px;
	left:5px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:960px;
	z-index:2;
}

/* ============================= WRAP ============================= */

#wrap{
	margin:0 auto;
	width:970px;
}

/* ============================= HEADER ============================= */

#header{
	height:150px;
	width:970px;
}

#header div.logo{
	display:inline-block;
	height:75px;
	margin:30px 0 20px;
	width:280px;
}

#header div.logo a{
	background:transparent url(../../images/logo-trans.png) left center no-repeat;
	display:block;
	height:73px;
	text-decoration:none;
	width:279px;
}

#header div.logo a span{visibility:hidden;}

/* ============================= MAIN ============================= */

#main{
	background:transparent url(../../images/main_bg.png) left center repeat-y;
	padding:0 5px;
	position:relative;
	width:960px;
}

/* ============================= CONTENT ============================= */

#content{
	float:left;
	width:640px;
}

/* ============================= SIDEBAR ============================= */

#sidebar{
	color:#ebe9e4;
	background-color: #766558;
	float:right;
	font-size:1.2em;
	line-height:1.2;
	height:330px;
	width:320px;
}

#sidebar h3{
	font-weight:bold;
	margin:0 10px 10px;
	text-transform:uppercase;
}

#sidebar p{margin:0 10px 10px;}

#sidebar a{
	color:#ebe9e4;
	font-weight:bold;
	text-decoration:underline;
}

#sidebar p.new{
	height:73px;
	margin:0 0 10px;
	overflow:hidden;
	width:320px;
}

#sidebar p.new a{
	background:url(../../images/new_bg.png) left bottom no-repeat;
	display:block;
	height:73px;
	text-indent:-99999px;
	width:320px;
}

#sidebar p.new a:hover, #sidebar p.new a:focus{
	background:url(../../images/new_bg.png) left top no-repeat;
}

#sidebar a:hover, #sidebar a:focus{color:#ffffff;}

#sidebar hr{
	clear:both;
	color:transparent;
	background:transparent url(../../images/hrs_bg.png) repeat-x;
	height:2px;
	border:0;
	margin:10px 0;
}

/* ============================= ADS ============================= */

#ads{
	background:url(../../images/ads.png) left top repeat-y;
	clear:both;
	height:71px;
}

#ads a{
	color:#DDD8D2;
	text-decoration:none;
}

#ads div{
	float:left;
	height:51px;
	padding:10px;
	overflow:hidden;
	width:220px;
}

#ads h4{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px;
	text-transform:uppercase;
}

#ads p{font-size:1.2em;}

#ads div.graphicad h4, #ads div.graphicad p{
	margin-left:5px;
}

#ads div.graphicad p.graphic{
	float:left;
	height:60px;
	margin:-5px 5px 0 -5px;
	width:60px;
}

#ads div.graphicad p.graphic img{
	height:60px;
	margin:0 5px 0 0;
	width:60px;
}

#ads div.adshover{
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	color:#FFFFFF;
	cursor:pointer;
	height:51px;
	padding:8px 8px 9px 9px;
	width:220px;
}

#ads div.adshover a{color:#FFFFFF;}

/* ============================= FOOTER ============================= */

#footer{
	background:transparent url(../../images/ftr_bg.png) left top no-repeat;
	clear:both;
	color:#EFE3CE;
	padding:0 0 5px;
}

#footer div.footernav{
	float:left;
	font-size:1.2em;
	margin:0 0 0 10px;
	padding:6px 10px 10px 0px;
	width:465px;
}

#footer div.copyright{
	float:right;
	font-size:1em;
	margin:0 10px 0 0;
	padding:6px 10px 10px;
	text-align:right;
	width:455px;
}

#footer div.footernav a, #footer div.footernav a:visited{
	color:#EFE3CE;
	padding:0 10px;
	text-decoration:none;
}

#footer div.footernav a:hover, #footer div.footernav a:focus{color:#FFFFFF;}

/* ============================= CLEARING ============================= */

.clearfix:after, #footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, #footer{display:inline-block;}
* html .clearfix, * html #footer{height:1%;}
.clearfix, #footer{display:block;}
.clear{clear:both;}

/* ============================= TYPOGRAPHY =========================== */
h1, h2, h3, h4, strong{font-weight:bold;}
em{font-style:italic;}
blockquote{margin-left:20px; margin-bottom:15px;}