@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot?') format('eot'), 
	     url('../fonts/Gotham-Book.otf')  format('opentype'),
	     url('../fonts/Gotham-Book.woff') format('woff'), 
	     url('../fonts/Gotham-Book.ttf')  format('truetype'),
	     url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
}

body {
	background:#000000;
	color:#c0c0c0;
}

h2{
	font-family:'Gotham-Book';
	color:#f7f7f7;	
}
h3{
	font-family:'Gotham-Book';
	color:#f7f7f7;	
}
h4{
	font-family:'Gotham-Book';
	color:#fbd536;	
	text-transform:uppercase;
}
h5{
	font-family:'Gotham-Book';
	color:#f7f7f7;	
}
h6{
	font-family:'Gotham-Book';
	color:#f7f7f7;	
}

ul{
	font-size:0.9em;
}

a{
	color:#ffce00;
}
a:hover{
	color:#fbd536;	
}

.copyright{
	font-size:12px;
	color:#808080;
}

.accent{
	color:#fbd536;
}

.full{
	width:99%;
}

.contain-to-grid {
	padding:28px 0px 40px 0px;
	background:#222222;
	border-bottom:4px solid #fbd536;
}

.button{
	margin:8px;
	background:#fbd536;
	color:#000000;
	font-family:'Gotham-Book';
	text-transform:uppercase;
}
.button.mobile{
	margin:8px;
	background:#222222;
	color:#ffffff;
	font-family:'Gotham-Book';
	text-transform:uppercase;
}
.button:hover{
	background:#ffce00;
	color:#000000;	
}
.button.mobile:hover{
	background:#333333;
	color:#fbd536;	
}
.button.large{
	font-size:1.8em;
}

.panel{
	padding:8px;
	border:none;
	background:#222222;
}

.panel img{
	padding:16px;
	background:#000000;
}
.panel .inner{
	margin-left:8px;
}
.panel h2{
	font-family:'Gotham-Book';
	color:#fbd536;	
	text-transform:uppercase;
}
.panel h4{
	font-family:'Gotham-Book';
	color:#fbd536;	
	text-transform:uppercase;
}
.panel h5{
	font-family:'Gotham-Book';
	color:#f7f7f7;	
}
.panel h6{
	font-family:'Gotham-Book';
	color:#f7f7f7;	
}
.panel .button.mobile{
	margin:8px;
	background:#333333;
	color:#ffffff;
	font-family:'Gotham-Book';
	text-transform:uppercase;
}
.panel .button.mobile:hover{
	background:#444444;
	color:#fbd536;	
}

#header {
	padding: 16px;
	min-height: 100px;
	background: #111111;
}

#hero{
	padding-top:128px;
	padding-bottom:60px;
}

#masthead{
	padding-top:80px;
	padding-bottom:20px;
	background: #121212;
	border-bottom:4px solid #222222;
	text-transform:uppercase;
}

#brands{
	padding-top:60px;
	padding-bottom:60px;
	min-height:500px;
	background:#222222 ;
	background-image:url('../img/bg.png');
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#content{
	padding-top:60px;
	padding-bottom:60px;
}

#learn{
	padding-top:60px;
	padding-bottom:60px;	
}