@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Gotham';
    src:url(../fonts/Gotham-Book.otf);
}

@font-face {
    font-family: 'GothamBlk';
    src:url(../fonts/Gotham-Black.otf);
}

html {
	background: url(../images/bkgd-main_new.jpg) no-repeat bottom center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1000px;
	height: 100%;
	background-color: #fff;
}

html.ie7, html.ie8 {
	background: url(../images/bkgd-main-sm.png) no-repeat top center fixed;
	height: auto;
	min-width: 960px;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
font-size:0;
visibility:hidden;
}
sup {
  font-size: 10px;
  position:relative;
  top:-2px;
  line-height: 100%;
}
/* Portrait tablet to landscape and desktop */
  /*@media (min-width: 768px) and (max-width: 979px) { 
  .ie7 html,.ie8 html {
	background: url(../images/bkgd-main_new.jpg) no-repeat top center fixed;
	height: auto;
}
 }*/
 
  /* Large desktop */
  @media (min-width: 1200px) { 
  html {
	background: url(../images/bkgd-main_new.jpg) no-repeat bottom center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1000px;
	height: 100%;
	background-color: #fff;
} 
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 960px;
}

.ie7 body,.ie8 body {
	background: url(../images/bkgd-ie7.png) repeat top center fixed;
}

div#wrapper {
	background: rgba(0, 0, 0, .5);
}

div#header, .ie8 div#header {
	padding: 40px;
}

div#header a h1 {
	font-size: 0;
	text-indent: -9999em;
	background: url(http://solarbridgetech.com/needforspeed/assets/images/bkgd-logo.png) no-repeat;
	width: 221px;
	height: 50px;
	border: 0;
}
h3 {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
}

p#sp-copy, .ie7 p#sp-copy {
  width: 665px;
  margin-bottom: 0;
}

div#sponsor{
	font-size: 0;
	text-indent: -9999em;
	background: url(http://solarbridgetech.com/needforspeed/assets/images/sponsorbar.png) no-repeat;
	width: 960px;
	height: 60px;
	border: 0;
	margin-top: 20px;
	clear:both;
}

div.section, .ie7 div.section, .ie8 div.section {
	margin: 0 0 0 40px;
	float: left;
}

div#article h2 {
	font-family:'Gotham', Arial, Helvetica, sans-serif;
	background-color: #f5d130;
	font-weight: normal;
	text-transform:uppercase;
	display: inline;
	font-size: 22pt;
	padding-top: 8px;
	line-height: 44px;
}

.ie7 div#article h2, .ie8 div#article h2 {
	line-height: 40px;
	padding: 0 2px;
}

div#article h2 span.emphasis {
	font-family:'GothamBlk', 'Arial Black', Gadget, sans-serif;
	font-size:30px;
}

div#article span.smalltext {
	font-family:'GothamBlk', 'Arial Black', Gadget, sans-serif;
	font-size:14px;
	color: #f5d130;
	margin-top:-30px;
}


div.section p {
	color: #fff;
	font-size: 14px;
	width: 550px;
	line-height:150%;
	font-weight:100;
	margin-top:0;
}


div.section ul, .ie8 div.section ul{
	color: #fff;
	font-size: 14px;
	width: 550px;
	line-height:150%;
	font-weight:100;
	margin-left: -25px;
	margin-top:-15px;
	margin-bottom:0;
}
.ie7 div.section ul {
  margin-left: 0;
  margin-top: 0;
  list-style-type: disc;
}
div.section li, .ie7 div.section ul li, .ie8 div.section ul li {
	padding: 0 0 20px 0;
	list-style-type: disc;
}

div.section p a, .ie7 div.section p a, .ie8 div.section p a {
	color: #f5d130;
	text-decoration: none;
}

div.section p a:hover {
	text-decoration: none;
}


div#article a#watch-btn{
	background-color: #f5d130;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 45px;
}

div#article a#rules-btn {
	background-color: #ff6600;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	padding: 2px 45px;
}


div.section {
  float:left;
}

div#aside {
	float: left;
	padding: 0 30px;
	width: 280px;
}

p.youtube{
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	margin: 5px auto;
}

div#aside a#watch-btn{
	background-color: #f5d130;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 45px;
}

a#contact-btn {
	background-color: #ff6600;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	padding: 2px 45px;
}

.ie7 a#contact-btn, .ie8 a#contact-btn {
	background-color: #ff6600;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	padding: 2px 45px;
}

p.contact{
	font-size: 10px;
	color: #fff;
	line-height: 12px;
	margin-top: 5px;
}

span.small {
  font-size: 13px;
  color: #ffcc00;
  display:block;
  font-weight:bold;
  margin-bottom: 5px;
}

div#footer {
	clear: both;
	color: #000;
	font-size: 10px;
	margin-top: 15px;
	padding-bottom: 10px;
	width: 885px;
	margin-left: 40px;
}