* {margin: 0; padding: 0; list-style-type:none;}

#nav:after, #wrap:after, #content-main:after, #twitter:after, #news li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#nav, #content-main, #twitter, #news li {display:inline-block;}
/* Hide from IE Mac \*/
#nav, #content-main, #twitter, #news li {display:block;}
/* End hide from IE Mac */



/* ==Global Styles 
-------------------------------*/
body {text-align:center; margin:0; padding:0; font: 62.5%/1em Helvetica, Arial, Verdana, Sans-Serif; background:url(../images/body.png) fixed; color: #FFF; border-top:5px solid #000;}
#global {background:url(../images/global.gif) repeat-x; padding:0; margin:0;}

#wrap {width:890px; text-align:left; margin:0 auto; font-size: 1.4em; line-height:1.4em; border:5px solid #000; border-top: none;}

/* ==Header 
-------------------------------*/
#header {background:url(../images/header.png) no-repeat 0px -5px; width:890px; height:250px; position:relative;}
	

/* ==Content 
-------------------------------*/
#content {background:#0E0E0E;}
#intro, #page-intro {background:url(../images/intro-bg.png) no-repeat top left; border-bottom:5px solid #000; padding-left:465px; padding: 20px 20px 20px 465px;}
#page-content #page-intro {background:url(../images/intro-bg.png) no-repeat top left; padding: 20px; width: 890px;}

#content-main {background:url(../images/content-main.png) no-repeat top left; padding:30px 0;}
#content-main .col1 {width:500px; position:relative; float:left;}
#page-content #content-main .col1 {background: #000; padding: 20px; width: 460px;}
#content-main .col2 {width:340px; float:right; padding-right:20px;}

#twitter {margin:0 0 30px 0;}

#news {}
#news li {background:#000; border-bottom:1px solid #222; padding-bottom:1.4em; margin-bottom:0.5em; padding:20px;}
.more {float:right;}
.view-news {position:absolute; top:0px; right: 0; display:block; padding:14px; background:#000; font-weight:bold; color: #FF00FF;}




#gallery {}
#gallery img {width: 100px; margin-right:15px;}


/* Footer
-------------------------------*/
#footer {background:#0E0E0E; padding:20px 20px 10px 20px; font-size:0.86em; border-top: 1px solid #222; color: #666;}



/* ==Navigation 
-------------------------------*/
#nav {width: 890px; background: #000; height:49px; position:absolute; bottom:0;}
	#nav li {display:inline;}
		#nav li a {color:#FAE707; font-weight:bold; text-decoration:none; display:block; float:left; padding:15px 23px 14px 23px; text-transform:uppercase;}
		#nav li a:hover {color:#FFF; background:url(../images/content-main.png) no-repeat -520px -140px;}
		
		
a img {border:none;}		
.last {margin:0!important;}	
		
		
/* ==Sponsors
-------------------------------*/

ul#sponsors {}
ul#sponsors li {display: block; float: left; margin: 0 20px 20px 0;}
ul#sponsors li.even {margin-right: 0;}

#sponsors div {clear: both;}

#archive {margin-bottom: 30px;}
#archive li {}

/* ==Contact form
-------------------------------*/

#contactForm input {width: 200px; border: 5px solid #0E0E0E; background: #AAA; padding: 5px;}
#contactForm textarea {width: 400px; border: 5px solid #0E0E0E; background: #AAA; padding: 5px; height: 200px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
#contactForm label {color: #FAE707; font-weight: bold; font-size: 15px;}
#contactForm button {border: none; background: #0E0E0E; padding: 10px 20px; color:#FF00FF; font-weight: bold; font-size: 15px; cursor: pointer;}
#contactForm button:hover {color: #FFF;}


/* ==Typography
-------------------------------*/
p {margin-bottom: 1.4em; /* 14px */}

#header h1 {text-indent:-9999px; position:absolute; top: 45px; left:75px;}
		#header h1 a {text-indent:-9999px; width: 510px; height: 70px; display:block;}
	#header p {text-indent:-9999px;}
	a.gas-gas {display:block; position:absolute; height:83px; width:120px; text-indent:-9999px; top:58px; left: 655px;}

a {color: #FFF; font-weight:bold;}
a:hover {text-decoration:none;}

#intro h2, #page-intro h2 {margin: 0 0 0.70em/* 14px */ 0; color:#FAE707; font-size: 1.43em/* 20px */;}


#content-main h2 {font-size:2.86em/* 40px */; color:#FAE707; margin:0 0 20px 20px;}
#page-content #content-main .col1 h2 {line-height: 1.0em; margin: 0 0 20px 0; border-bottom: 1px solid #222;}

#page-content #page-intro h2 {color: #000; font-size: 40px; margin: 0; font-weight: bold;}

#content-main .col2 h2 {font-size:2.14em; margin:0 0 20px 0;}

#twitter p {padding: 0 0 0 30px;font-size: 1.43em; font-weight:bold; line-height:1.4em;}
#twitter a {font-weight:bold; color: #FF00FF; float:right;}

#archive a {font-weight:bold; color: #FF00FF; text-decoration: none; display: block; padding: 5px 0; border-bottom: 1px solid #222;}
#archive a:hover {color: #FFF; border-bottom: 1px solid #333;}

#news a {font-size:0.86em;}
#news h3 a {font-size:0.86em; display:inline;}
#news h3 {display:inline; margin-right:10px;}
#news h4 {font-size: 0.86em; font-weight:normal; margin: 0 0 10px 0; display:inline; color: #999; font-style:italic;}
#news p {margin: 1.0em 0; font-size: 0.86em;}
#page-content #content-main .col1 p {margin: 1.0em 0; font-size: 0.86em;}
#page-content #content-main .col1 strong {display:block;}

a.more {color:#FF00FF;}

#page-content #content-main .col1 .pagination strong {display:inline; font-size: 11px;}
.pagination {font-size: 11px; color: #CCC; border-top: 1px solid #222; padding: 5px 10px; background-color: #101010;}
#page-content #content-main .col1 .pagination a {font-size: 12px; color: #FF00FF; text-decoration: none;}
#page-content #content-main .col1 .pagination a:hover {color: #FFF;}