/**
 *  --------------------------------------------------------------------------------------
 *  Hyper Media CSS
 *  ----------------------------------------------------
 *  1.	RESET
 *  --------------------------------------------------------------------------------------
 */

/* RESET
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* GLOBAL
--------------------------------------------------------------------------------------- */
/*Used to fix Fire Fox float error.*/
.clearfix:after {
	content:".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* Images */
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
}
img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
}
/* BODY
--------------------------------------------------------------------------------------- */
body {
background:#cdbe9f;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#wrapper {
width:100%;
height:100%;
position:relative;
margin:0;
padding:0;}


/* HEADER
--------------------------------------------------------------------------------------- */

#header {
width:100%;
background:#201915;
height:533px;}

#middle-bar {
background:#271f17;
width:100%;
height:147px;
position:relative;}

#middle-bar-content {
background:url(../images/interface/top-banner-bg-2.jpg) no-repeat;
width:881px;
height:147px;
position:relative;
z-index:10;}

#flash-banner {
background:url(../images/interface/banner-bg.jpg) repeat;
height:330px;
width:100%;
position:relative;}

#flash {
width:834px;
height:330px;
position:relative;}


/* NAVIGATION
--------------------------------------------------------------------------------------- */

#main-nav {
background:url(../images/interface/nav-bg.jpg) repeat;
height:58px;
width:100%;
position:relative;
top:2px;}


/* CONTENT
--------------------------------------------------------------------------------------- */

#content {
	width:850px;
	margin:0 auto;
	height:90%;
	position:relative;
}

#box-middle {
background:url(../images/interface/middle-box.jpg) repeat;
width:836px;
position:relative;
clear:both;
top:4px;}

#box-bottom {
background:url(../images/interface/bottom-box.jpg) no-repeat;
width:836px;
height:26px;
position:relative;
top:4px;
left:-2px;}


/* FOOTER
--------------------------------------------------------------------------------------- */

#footer {}


/* STYLES
--------------------------------------------------------------------------------------- */

h1 {
font-size:12px;
color:#4f3f31;}

h2{
font-size:16px;
color:#271e17;}


h3 {
font-size:12px;
color:#000000;}

h4 {
font-size:16px;
color:#271e17;
line-height:.03;}

h6 {
font-size:9px;
color:#000000;}

a {
color:#CC0000;
text-decoration:none;}

a:link {
color:#CC0000;
text-decoration:none;}

a:hover {
color:#000000;
text-decoration:underline;}