/* Site Name CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";
@import "form.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
}

a:link { color:#eb8400; }
a:visited { color:#eb8400; }
a:hover { background:#eb8400; color:#FFF;}
/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
body
{
	background:#E7E7E7;
	padding:0 0 20px 0;
}

div#page
{
	background:#E7E7E7;
	min-width:890px;
	text-align:center;
}

div#page-wrap
{
	/*background:url(../images/layout/page-wrap.gif) repeat-x 0 100%;*/
}

div#header, div#main, div#footer  {	clear:both; margin:0 auto; text-align:left; width:890px;}
div#header {  position:relative; }
	
	div#title { margin-bottom:18px; }
		
	div#left-col{ width:241px; padding:0 0 0 5px; }
	div#right-col{ width:645px; }
	
	div#logo { width:700px; }
		div#logo h1 { padding:0; margin:0; }
		div#logo a:hover { background:none; text-decoration:none;}
	
	div#header-nav { width:190px;}

	div#nav { background:#eb8400 url(../images/layout/nav.gif) repeat-x 0 100%; border:1px solid #C16E05; border-bottom:1px solid #543002;  width: 888px; float:left; clear:both; }
	
	div#intro { background:#232830 url(../images/layout/intro.gif) no-repeat 0 0; font:14px Arial, Helvetica, sans-serif; color:#b6b6b6; display: block; position: relative;  margin:0; width: 100%; clear:both; }
			div#intro-wrap {   padding:25px 0 18px 25px; margin-right: 300px;}
			div#intro-wrap h1 {  }
			div#intro-wrap h1 span { }
	div#hero-image {
		position:absolute;
		right: 20px;
		bottom:0;
		width:124px;
		height:297px;
	}
		
div#main { width:890px; background:#FFF url(../images/layout/main.gif) repeat-y 0 0; margin-top:18px; border-bottom:1px solid #C4C4C4; }
		
	div#content { color:#414141; padding:0; background:url(../images/layout/content.gif) no-repeat 0 0;  padding:30px 25px 18px 25px;}
		div#content #left  { width:565px; padding:0 25px 0 0; }
		div#content #right { width:225px; padding:0 0 0 25px; margin:0; }

div#footer {width:840px; font-size:92%; background:#232830 url(../images/layout/intro.gif) no-repeat 0 -50px; padding:18px 25px; margin:18px auto; color:#b6b6b6; line-height:18px; }
	div#footer-nav{ margin:18px 0; }
	div#footer-info{ }

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

#nav ul
{
  list-style:none;
  padding:0;
  margin:0;
  float:left;
}

#nav ul li
{
	display:inline;
	margin:0;
	padding:0;
}

#nav ul li a
{
	float:left;
	padding:10px 15px 10px 40px;
	text-decoration:none;
	background:url(../images/layout/nav-icon.gif) no-repeat 15px 50%;
	color:#FFF;
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	line-height:18px;
	border-right:1px solid #C16E05;
}

body#page-home #nav ul li#home a,
#nav a:hover
{
	background:#F6C98F url(../images/layout/nav-icon-hover.gif) no-repeat 15px 50%;
	color:#A35C00;
}


#header-nav ul
{
	list-style-type: none;
	clear:both;
	margin:4px 0 0 0;
}
#header-nav li {
	width: 66px;
	float:right;

}
#header-nav a {
	display: block;
	line-height:18px;
	font-size:11px;
	color: #9B9B9B;
	padding-top: 19px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
}
#header-nav #header-nav-sitemap a {
	background-image: url(../images/layout/icon-s-sitemap.gif);
}
#header-nav #header-nav-contact a {
	background-image: url(../images/layout/icon-s-contact.gif);
}

#header-nav a:hover {
	color:#EB8400;
}


/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#intro-wrap h1 { 
	font:30px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:18px;
	color:#FFF;
	letter-spacing:-0.8px;

}
#intro-wrap h1 span{ display:block; clear:left; font-size:24px; color:#eb8400; font-weight:bold; margin:8px 0 0 0; }

#content h1
{
	font:22px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#272a31;
	letter-spacing:-0.5px;
}
#content h2
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	line-height:18px;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	color:#d8401b;
	border-bottom:2px solid #d8401b;
}

#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
}
/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#content a:link, #content a:visited
{
}

#content a:hover
{
}

#footer a:link, #footer a:visited
{
	
}
#footer a:hover
{
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.tabular-data thead tr
{
	background-color:#0C3257;
}

.tabular-data th
{
	color:#FFFFFF;
	font-weight:normal;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #D2E2FB;
	font-size:11px;
	padding:4px;
}

.tabular-data tbody tr.odd
{
	background-color:#EDF2FE;
}

.tabular-data tbody tr.even
{
}


/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border			{ border:1px solid #C4C4C4; background:#FFF; padding:4px; }
.img-right	{ border:1px solid #C4C4C4; background:#FFF; padding:4px; }
.img-left 			{ border:1px solid #C4C4C4;  background:#FFF; padding:4px; }
