/* 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:#b50000; }
a:visited { color:#16A1E0; }
a:hover { color:#03B7E4; text-decoration:none;}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
body
{
	background:#890000;
	padding:0 0 20px 0;
}

div#page
{
	background:#B70000 url(../images/layout/page.gif) repeat-x 0 0;
	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 { background:url(../images/layout/nav.gif)  no-repeat 0 100%;   }
	
	div#left-col{ width:241px; padding:0 0 0 5px; }
	div#right-col{ width:645px; }
	
	div#logo {  }
		div#logo h1 { padding:0; margin:0; }
		div#logo a:hover { background:none; text-decoration:none;}

	div#nav { margin:106px 0 0 10px; width:635px; }

div#main { width:860px; background:#FFF url(../images/layout/main.gif) repeat-y 0 0; padding:15px;  }
	div#intro { background:#000 url(../images/layout/intro.gif) repeat-x 0 0; font:14px Arial, Helvetica, sans-serif; color:#c5c5c5; display: block; position: relative;  margin:0 0 18px 0; width: 100%; }
		div#intro-wrap {   padding:20px 0 15px 15px; margin-right: 445px;}
		div#intro-flash { width:430px; height:199px; position:absolute; bottom:0; right:0;  display: block; }
		
	div#content { color:#414141;}
		div#content #left  { width:565px; padding:0 20px 0 15px; }
		div#content #right { width:220px; padding:0 10px 0 25px; margin:0; }

div#footer {width:858px; font-size:92%; background:#111; border-bottom:1px solid #E50000; border-left:1px solid #5E0000;  border-right:1px solid #5E0000; padding:15px; color:#8d8d8d; line-height:18px; }
	div#footer-nav{ margin:18px 0; }
	div#footer-info{ }




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

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

#nav ul li
{
	margin:0;
	padding:0;
	float: left;
}

#nav ul li a
{
	font:16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#FFF;
	display:block;
	float:left;

	letter-spacing:-0.5px;
	text-transform:uppercase;
	display:block;
	padding:18px 15px 10px 15px;
	text-decoration:none;
}

body#page-home #nav ul li#button-home a, body#page-events #nav ul li#button-events a, body#page-about #nav ul li#button-about a, body#page-join #nav ul li#button-join a, body#page-gallery #nav ul li#button-gallery a, body#page-shop #nav ul li#button-shop a, body#page-contact #nav ul li#button-contact a
{
	background:#FFF;
	color:#111;
}

#nav a:hover
{
		color:#FFFD00;
}

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

}
#header-links a {
	display: block;
	line-height:18px;
	font-size:11px;
	color: #CFCFCF;
	padding-top: 19px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
}
#header-links #header-link-sitemap a {
	background-image: url(../images/icons/sitemap.gif);
}
#header-links #header-link-contact a {
	background-image: url(../images/icons/contact.gif);
}
#header-links #header-link-bookmark a {
	background-image: url(../images/icons/bookmark.gif);
}
#header-links #header-link-members a {
	background-image: url(../images/icons/members.gif);
}
#header-links a:hover {
	color:#FFFD00;
}


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

#content h1
{
	font-size:20px;
	font-weight:normal;
}
#content h2
{
	font:19px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#890000;
	letter-spacing:-0.5px;
}

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

#intro h1
{
	position: relative;
	display: block;
	margin: 0 0 18px 0;
	padding: 0;
	color:#FFF;
}


/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#intro a:link, #intro a:visited
{
	color:#FFFD00;	
}
#intro a:hover
{
	color:#FFF;
}



#footer a:link, #footer a:visited
{
	color:#FFF;	
}
#footer a:hover
{
	color:#FFFD00;
}


/* -- 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
{
}

table.gear
{
	border: 1px solid #000;
}


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

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