/* ============================= 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;}


#hero{
	background:#FFFFFF url(../../images/spacer.gif) center center no-repeat;
	height:250px;
	margin:0;
	overflow:hidden;
	width:960px;
}

#hero p{visibility:hidden;}

#nw #hero{background-image: url(../../images/new-here.jpg);}
#ct #hero{background-image: url(../../images/connect.jpg);}
#au #hero{background-image: url(../../images/about-us.jpg);}

/* ============================= 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;
	min-height:420px;
	height:auto !important;
	height:420px;
}

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

#content{
	color:#463E33;
	font-size:1.2em;
	overflow:hidden;
	padding:0 0 20px 0;
	width:960px;
}

#content h1{
	font-size:1.6em;
	margin:20px 20px 5px 20px;
}

#content h2{
	font-size:1.3em;
	margin:10px 20px 10px 20px;
}

#content h3{
	font-size:1.1em;
	margin:10px 20px 0 20px;
}

#content h4{
	font-size:1em;
	margin:10px 20px 0 20px;
}

#content p{
	line-height:1.33;
	margin:5px 20px;
}

#content hr{
	clear:both;
	color:#DDD8D2;
	background-color: #DDD8D2;
	height:1px;
	border:0;
	margin:20px 20px 15px 20px
}

#content a, #content a:visited{text-decoration:underline; color:#463E33;}
#content a:hover{color:#000000;}

/* ============================= INFO BOXES ============================= */

#info{
	height:1%;
	margin:0 15px -5px;
	overflow:hidden;
}

#info div{
	float:left;
	margin:5px 5px 10px;
	width:300px;
}

#info div h4{
	margin:0 0 0 70px;
}

#info div h4 a, #info div h4 a:visited{
	color:#463E33;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	text-transform:uppercase;
}

#info div h4 a:hover, #info h4 a:focus, #info h4 a.over, #info h4 a.over:visited{color:#000000;}

#info div p{
	line-height:1em;
	margin:5px 0 5px 70px;
}

#info div p.graphic{
	float:left;
	height:62px;
	margin:0;
	width:62px;
}

#info p.graphic img{
	border:1px solid #7F695B;
	height:60px;
	margin:0;
	width:60px;
}

#info p.graphic img:hover, #info p.graphic img.over{
	border:1px solid #000000;
}

/* ============================= 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;}