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


body.red
{
	background: #D80000;
}


#main_leftcol_dark_bg
{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 234px;
	height: 100%;
	background: #333333;
	border-right: solid 3px #EE3026;
	padding: 0;
	margin: 0;
	z-index: -1;
}


#main_leftcol_white_bg
{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 234px;
	height: 100%;
	background: #fff;
	border-right: solid 3px #EE3026;
	padding: 0;
	margin: 0;
	z-index: -1;
}


#container2
{
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
} 


/*-- MAIN LEFTCOL 2 --*/


#main_leftcol_white
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 234px;
	background: #fff;
	border-right: solid 3px #EE3026;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


#main_leftcol_dark
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 234px;
	background: #333333;
	border-right: solid 3px #EE3026;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/*-- HEADER SOLID --*/


#header_solid
{
	position: relative;
	width: 154px;
	height: 293px;
	
	border-bottom: solid 3px #EE3026;
	padding: 40px;
	margin: 0 0 0 0;
}


/*-- HEADER IMG CAPTION --*/


#caption_container
{
	position: relative;
	height: 373px;
	border-bottom: solid 3px #EE3026;
	margin: 0 0 0 0;
}


#caption_wrapper
{
	width: 80%;
	max-width: 1000px;
	padding: 0 0 0 0;
	margin: 0 auto;
}


#caption
{
	position: absolute;
	width: 80%;
	max-width: 1000px;
	bottom: 40px;
}


.caption_firstline
{
	position: relative;
	margin: 0 0 0 0;
}


.caption_firstline h1
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 2.625em;
	font-weight: 400;
	line-height: 110%;
	color: #EE3026;
}


.caption_firstline_white
{
	position: relative;
	margin: 0 0 0 0;
}


.caption_firstline_white h1
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 2.625em;
	font-weight: 400;
	line-height: 110%;
	color: #D80000;
}


.caption_firstline_dark
{
	position: relative;
	margin: 0 0 0 0;
}


.caption_firstline_dark h1
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 2.625em;
	font-weight: 400;
	line-height: 110%;
	color: #333333;
}


.intro
{
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
}


.intro_snippet
{
	position: relative;
	font-family: 'Droid Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 130%;
	color: #fff;
	margin: 0 0 0 0;
}


.intro_text
{
	position: relative;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 140%;
	color: #fff;
	margin: 10px 0 0 0;
}


/*-- APP CTA --*/


#cta_app
{
	position: relative;
	width: 194px;
	background: #fff;
	padding: 0 40px 83px 0;
	margin: 0 0 0 0;
	bottom: 105px;
}


#cta_app_text
{
	position: relative;
	width: 154px;
	margin: 0 0 0 40px;
}


#cta_app_text h2
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 120%;
	color: #333333;
}


#cta_app_text_snippet
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 140%;
	color: #333333;
	margin: 12px 0 0 0;
}


#cta_app_img
{
	position: relative;
	width: 194px;
	margin: 20px 0 0 0;
}


/*-- MAIN CONTENT --*/


#main_content
{
	width: 80%;
	max-width: 1000px; 
	padding: 40px 0 83px 0;
	margin: 0 auto;
}


#main_content img
{
	max-width: 100%;
}


#main_content h2
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 120%;
	color: #FFFF00;
	margin: 0 0 16px 0;
}


#main_content a
{
	text-decoration: none;
	color: #fff;
}


#main_content a:hover
{
	text-decoration: underline;
	color: #fff;
}


#main_content_leftcol
{
	float: left;
	width: 48%;
	margin: 0 0 0 0;
}


#main_content_leftcol2
{
	float: left;
	width: 42%;
	margin: 0 0 0 0;
}


#main_content_rightcol
{
	float: right;
	width: 48%;
	margin: 0 0 0 0;
}


#main_content_rightcol2
{
	float: right;
	width: 58%;
	margin: 0 0 0 0;
}


#map_canvas
{
	width: 100%;
	height: 273px;
}
#cta_apps
{
	position: relative;
	width: 194px;
	background: #fff;
	padding: 0 40px 0 0;
	margin: 0 0 0 0;
	bottom: 120px;
}



/* iPad Portrait ----------- */
@media screen and (max-width : 768px) {


#main_content_leftcol, #main_content_leftcol2
{
	position: relative;
	width: 100%;
}


#main_content_rightcol, #main_content_rightcol2
{
	position: relative;
	width: 100%;
	margin-top: 20px;
}
	
		
}


/* Mobile Landscape ----------- */
@media screen and (max-width : 568px) {
		

#main_leftcol_white, 
#main_leftcol_dark,
#main_leftcol_white_bg, 
#main_leftcol_dark_bg
{
	display: none;
}


.caption_firstline h1, .caption_firstline_dark h1
{
	color: #fff;
}


#main_content
{ 
	padding: 40px 0 40px 0;
}


#caption_wrapper
{
	width: 100%;
}


#caption
{
	width: 90%;
	bottom: 0;
	background: url(../images/dark_bg.png);
	padding: 5%;
}


#main_content
{
	width: 90%;
}


#main_content_leftcol2
{
	display: none;
}


#main_content_rightcol2
{
	margin-top: 0;
}

		
}
	
	
/* iPad Landscape ----------- */
@media screen and (max-width : 1024px) {



	
		
}


/* 920 ----------- */
@media screen and (max-width : 920px) {


.intro
{
	margin: 0 0 36px 0;
}

		
}