/*********************
****** GLOBAL ********
**********************/

html {
	background-color:#000;
}

html, body {
	min-height: 100%;
} 

body {
	margin:0;
	padding:0;
	color:#000000;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 75%;
	background-color: #FFFFFF;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
h1,h2,h3,h4 {
	margin:5px 0px 5px 0px;
	color:#454545;
}
h1 {font:200% Arial, Helvetica, Verdana, Tahoma, Sans-Serif; color:#fc6c0d; font-weight:bold;}
h1 a {color:#fc6c0d;}
h2 {font-size:150%;color:#383838;}
h2 a {color:#707070;}
h3 {font-size:130%;}
h4 {font-size:110%; color:#454545;}
a {
	color:#FFFFFF;
}
a.ln-orange { color:#ff9900!important; }
a:hover { color:#fc6c0d; }
a:active, a:focus {
	color:#FFFFFF!important;
}

h1 a:active, h1 a:focus, h2 a:active, h2 a:focus, h3 a:active, h3 a:focus { color:#fc6c0d!important; background:transparent; }

.stashed { display:none; }

/*********************
****** LAYOUT ********
**********************/
.accessibility {
	position:absolute;
	top:-999em;
	left:-999em;
}

#outer-wrapper {
	width:100%;
/*	min-height: 100%;
	_height: auto !important;
	height: 100%; */
	background:  url(../images/bg-main.jpg) no-repeat top center;
}

#wrapper { width:960px; margin:0 auto 0 auto; padding:0 0 100px 0; }

#header {
	width:100%;
	height:80px;
}

#header-content {
	width:960px;
	margin:0 auto 0 auto;
	overflow:hidden;
}
#header h1 {
	float:left;
	width:163px;
	height:80px;
	margin:0;
	padding:0;
	background: url(../images/logo-main.gif) no-repeat top left;
}
#header h1 span { margin-left:-5000px; display:block; }
#header ul { margin:15px 0 0 0; padding:0 0 10px 0; list-style:none; overflow:hidden; }
#header ul li a { display:block; color:#d69328; text-decoration:none;}
#header ul li { float:left; font-size:1.5em; font-weight:bold; border-right:1px solid #4c4c4c; padding:0 15px 0 5px; margin:0 5px 0 0;}
#header ul li em{ font-weight:bold; font-style:normal; font-size:0.5em; display:block; color:#c6c6c6; }
#header ul li a:hover { color:#fff;}
#header ul li a:active, #header ul li a:focus { color:#fff!important;}
#header ul li.nav-active a { color:#fff; }
#header ul li.nav-active a em { color:#c6c6c6; }

#content {
	margin: 10px 0 20px 0;
	width:420px;
	overflow:hidden;
}
#content h2 { font-size:1.8em; margin-bottom:15px; }
#content ul { }
#content ul li { margin:0 0 15px 0; }

.quote-large {
	margin-bottom:20px;
}
.quote-large  span{
	font-size:3.2em;
	background-color:#000;
	line-height:1em;
	color:#fff;
	padding:4px;
	margin-bottom: 5px; display: table; display: inline-block;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
.quote-large em {
	display:block;
	font-size:1.2em;
	font-style:normal;
	font-weight:normal;
	color:#000;
}



/*
============================================================================
FLOATFIX - MAGIC
============================================================================
*/
/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html
might cause some problems? Keep an eye on it, seems to work well though */

.floatfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.floatfix { display:inline-block }
/* Hides from IE-mac \*/
* html .floatfix { height:1% }
.floatfix { display:block }
/* End hide from IE-mac */