/*  
  
	reset.css
	* Resets default browser CSS.
	
	Based on work by Eric Meyer:
	* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
                                                                */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}


a img { border: none; }

a {outline:none;}


/*
            
   -=- Layout Styles -=-
   Paul Davison 07/06/08
    
                          */
 

   
body {
	text-align:center;
	/*background:#384a4e url(images/bg.png) top center repeat-y;*/}

#wrapper {
	position:relative;
    margin: 0 auto;
	padding:0;
	height:100%;
	/*background:url(images/10column960-10pxGutters.png);
	*/
	background-color:#000;
	text-align:left;
	/*border-left: #fff 10px solid;
	border-right: #fff 10px solid;*/
	}
	
#header {
	position: relative;
	top: 0;
	height:144px;
	margin:0 auto;
	width:960px;
	background-image:url(images/banner.jpg);
	z-index:99;
	}
	
#header-wrap {
	position: absolute;
	top: 0;
	left:0;
	height:144px;
	width:100%;
	background: #000 url(images/banner-left.png) repeat-x;
	z-index:2;
	}
	


#nav-main {
	position:absolute;
	top: 28px;
	left:557px;
	height:75px;
	width:364px;
	overflow:hidden;}

#content-main {
	position:absolute;
	top:144px;
	width:100%;
	min-width:960px;
	overflow:auto;
	background:#0d0d0d;}
	

#subscribe {
	z-index: 9;
	position:absolute;
	top:162px;
	right:18px;
	width:240px;
	height:144px;
	background:#fff url(images/subscribe.png);
	font-size:1.5em;}
	
#subscribe p, #subscribe h5 {
	text-indent:-9999px;}
	
#subscribeEmail {
	color:#666666;
	font-size:1em;
	height:27px;
	left:10px;
	line-height:1em;
	position:absolute;
	top:54px;
	width:214px;
	text-align:center;}
	
#subscribeButton {
	position:absolute;
	top:103px;
	left:54px;
	width:132px;
	height:27px;
	text-indent:-9999px;
	background:#000 url(images/sign-up.png) no-repeat;
	border-width:0px;
	cursor:pointer; }

#legend {
	background:#fff url(images/legend.png) no-repeat;
	height:288px;
	position:absolute;
	right:18px;
	top:328px;
	width:240px;
	z-index:9;}	
	


	

	
img {
	float:right;
	margin:0 0 0 10px ;}	
	
img.right {
	float:right;
	margin:0 10px;}
	
img.left {
	float:left;
	margin:0 10px;}
	

img.top-img {
	margin-top:-36px;}	
		
/*
            
   -=- Typographic Styles -=-
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
    
                                              */
	
html {
	font-size:16px;}
	
html>body {font-size: 12px;	}	
	   
body { 
	font-size: 75%; 
  	color:#313131;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;}

h1 {
	padding:18px 0 0 10px;
	font-size:6em;
	line-height:1;
	color:#eee;}
	
h2 {
	color: #9c0;
	font-size:2em;
	line-height:1;
	padding:0pt 0pt 18px 11px;
	position:relative;
	top:-12px;}
	
h3 {
	padding:18px 10px 9px 10px;
	font-size:2em;}
	
h4 {
	font-size:1em;
	font-weight:bold;
	line-height:1.5;
	margin:0 10px 9px;}
	
p {
	margin:0 10px 9px;
	line-height:1.5;}


	
/*
            
   -=- Horizontal Navigation -=-
   Paul Davison 07/06/08
    
                                   */	

#nav-main ul {
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	height:75px;
	width:364px;
	list-style-type:none;}
	
#nav-main	ul li a {
	display: block;
	height:75px;
	overflow:hidden;
	text-indent:-9999px;}

#nmh1 {
	position:absolute; left: 0px; top: 0; width:68px;}
#nmh2 {
	position:absolute; left: 68px; top: 0; width:129px;}
#nmh3 {
	position:absolute; left: 197px; top: 0; width:89px;}
#nmh4 {
	position:absolute; left: 286px; top: 0; width:78px;}

	
#nmh1:hover {
	background:url(images/nav.png) 0px -75px ;}
#nmh2:hover {
	background:url(images/nav.png) -68px -75px;}
#nmh3:hover {
	background:url(images/nav.png) -197px -75px;}
#nmh4:hover {
	background:url(images/nav.png) -286px -75px;}
	
#nav-main	ul li a:active {
	position:relative;
	top:1px;
	height:374px;}
	
	

/*
            
   -=- Default Classes -=-
   Paul Davison 24/02/08
    
                          */

.hide       { display: none; }

.highlight  { background:#ff0; }

.left {	
	float:left;}
	
.right {
	float:right;}
	
.embed {
	position:relative;
	text-indent:-9999px;}
	
.reset {
	margin:0;
	padding:0;
	border:0;}