@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);
}
/* Reset
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { azimuthoutline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; color: white; }

a, img {
    border:none;
}

/* Begin Styles
----------------------------------------------------------------------------------------------------*/

body {
	
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #334E77 0%, #738CB0 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #334E77 0%, #738CB0 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #334E77 0%, #738CB0 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #334E77), color-stop(1, #738CB0));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #334E77 0%, #738CB0 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #334E77 0%, #738CB0 100%);
}

div#header h2 {font-family:'Gotham', Arial, Helvetica, sans-serif;
	background-color: #363636;
	font-weight: normal;
	text-transform:uppercase;
	display: inline;
	font-size: 18pt;
	padding: 2px;
	line-height: 38px;
	 color: #f5d130;
}

.ie7 div#header h2, .ie8 div#header h2 {
	line-height: 43px;
	padding: 0 2px;
	}
	
h2 span.emp {
	font-family:'GothamBlk', 'Arial Black', Gadget, sans-serif; font-size: 26px; 
}	

#mainheadline {float: left; width: 55%; margin: 25px 0 25px 50px;}
#logo {float: left; width: 25%; margin: 25px 50px 0; }

.yellowback {font-family:'Gotham', Arial, Helvetica, sans-serif;
	background-color: #363636;
color: #f5d130;
	text-transform:uppercase;
	display: inline;
	font-size: .9em;
	font-weight: normal;
	padding: 2px;
	line-height: 33px; }
	
.ie7 .yellowback , .ie8 .yellowback  {
	line-height: 37px;
	padding: 0 2px;
}

.yellowback2 {font-family:'Gotham', Arial, Helvetica, sans-serif;
	background-color: #363636;
color: #f5d130;
	text-transform:uppercase;
	display: inline;
	font-size: 18pt;
	font-weight: normal;
	padding: 2px;
	line-height: 36px; }
	
.ie7 .yellowback2 , .ie8 .yellowback2  {
	line-height: 41px;
	padding: 0 2px;
}

#sidebar-right a, #sidebar-right a:visited {color: white;}

.yellowbacksm {font-family:'Gotham', Arial, Helvetica, sans-serif;
	background-color: #363636;
	color: white;

	text-transform:uppercase;
	display: inline;
	font-size: 9pt;
	padding: 2px;
	line-height: 30px; }
	
.ie7 .yellowback , .ie8 .yellowback  {
	line-height: 34px;
	padding: 0 2px;
}

#container {
	width: 100%;
	margin: 0 auto;
}

h1 {
	color: #6d6e71;
	font: 20px 'Karla', sans-serif;
	line-height: 1.4empx;	
	font-weight: bold;
	margin: 20px 10px;
}



#content {
	width: 55%;
	margin-left: 50px;
	float: left;
	background: #fff;
	border: 1px solid #eae6e3;
	color: #777;
	font: 1em 'Karla', sans-serif;
	line-height: 1.5em;
	min-height: 520px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
}

#content small {font-size: 85%;}

.shadow {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);	
}

#content ul {
	list-style: none;
	margin: 14px 24px;
	border-top: 1px solid: #ccc;
}

#content ul li {
	margin: 12px 0;
}

#content .section {
	padding: 27px; font-family: 'Karla', sans-serif; color:#444; 
		
}

#content a {
	text-decoration: underline;
	color: #777;	
}

#content a:hover {
	color: #000;
}

#sidebar-right {
	float: right;
	width: 35%;
	color: #2c2c2c;	
	font: 1em 'Karla', sans-serif;
	line-height: 1.5em;
}

.button img {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .33);
	margin: 6px 0;
	float: none;
}

a:hover {
	    opacity: .65;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

#topright-flares {
	left: 68%;
	position: fixed;
	top: -120px;
	right: 0px;
	z-index: -1;
	zoom: 1;	
	overflow:hidden;
}

#bottomleft-flares {
	right: 75%;
	top: 80%;
	position: fixed;
	z-index: -2;
	zoom: 1;
	overflow:hidden;
}

#bottomright-flares {
	top: 60%;
	right: 0px;
	position: fixed;
	z-index: -3;
	zoom: 1;
	overflow:hidden;
}

#button-copy {
	margin-top: 18px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding:20px 20px;
}

#slider-buttons {
	margin-top: 12px;
}

#slider-buttons img {
	margin-right: 12px;
}

#slider-buttons .active {
	    opacity: .65;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
}

.partnerhead {
	margin-top:15px;
	margin-bottom:0px;
}

.partnerheadsm {
	margin-top:15px;
	margin-bottom:0px;
	width:142px;
	float:left;
}

.roadpartner {
    width:142px;
	height:45px;
    margin: 10px 0 0;
	float:left;
	text-align:center;
}

.roadpartnerL {
    width:165px;
	height:45px;
    margin: 10px 0 0 10px;
	float:left;
	text-align:center;
}

.roadpartnersm {
	height:45px;
	 width:100px;
	 margin: 10px 0 0;
	float:left;
	text-align:center;
}

.roadpartnersmallest {
	height:45px;
	 width:70px;
	 margin: 10px 0 0;
	float:left;
	text-align:center;
}


.hashtag {
    font-size: 20px;
    font-weight: bold;
    line-height: 3em;
	margin:0;
}

@media screen (max-width: 551px) ahd (max-width: 975px) {
	#content {width: 90%; float: none; margin: 25px;}
	#sidebar-right {width: 95%; float: none;  margin: 25px;}
	#mainheadline {width: 95%; float: none; margin: 25px;}
	#logo {width: 95%; float: none; margin: 25px;}

}

@media screen (min-width: 300px) and (max-width: 550px)

{
	#content {width: 90%; float: none; margin: 25px; font-size: 1.5em;}
	#sidebar-right {width: 95%; float: none;  margin: 25px; font-size: 1.5em;}
	#mainheadline {width: 95%; float: none; margin: 25px;}
	#logo {width: 95%; float: none; margin: 25px;}

}

.scale-image
{
display: block;
width: auto;
height: auto;
max-width: 100%;
}

.image-wrapper
{
position: relative;
}

ul.sideblist li {
	margin: 5px 0;
}

li a {
	text-decoration:none;
}