/* Global */


#desktop-menu { display: block; }
#tablet-menu { display: none; }
#phone-menu { display: none; }

#slide1 		{display: block;}
#slide1-tablet 	{display: none;}

#slide3 		{display: block;}
#slide3-tablet 	{display: none;}


#slide5 		{display: block;}
#slide5-tablet 	{display: none;}

#slide6 		{display: block;}
#slide6-tablet 	{display: none;}


@font-face {
		    font-family: 'avenirblack';
		    src: url('avenir-black-webfont.eot');
		    src: url('avenir-black-webfont.eot?#iefix') format('embedded-opentype'),
		         url('avenir-black-webfont.woff') format('woff'),
		         url('avenir-black-webfont.ttf') format('truetype'),
		         url('avenir-black-webfont.svg#avenirblack') format('svg');
		    font-weight: normal;
		    font-style: normal;

		}




		@font-face {
		    font-family: 'avenirroman';
		    src: url('avenir-roman-webfont.eot');
		    src: url('avenir-roman-webfont.eot?#iefix') format('embedded-opentype'),
		         url('avenir-roman-webfont.woff') format('woff'),
		         url('avenir-roman-webfont.ttf') format('truetype'),
		         url('avenir-roman-webfont.svg#avenirroman') format('svg');
		    font-weight: normal;
		    font-style: normal;

		}


body {
	font-family: 'avenirroman', sans-serif;
	font-size: 0.82em;
	color: #000000;
	background-color:#FFF;
	/*min-width: 400px;*/
}

.red-background {
	background-color: #FF0000;
}

.blue-background {
	background-color: #0000FF;
}

.white-background {
	background-color: #FFFFFF;
}

img {
	max-width: 100%;
}
a:link {
	color: #337c9d;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #337c9d;
	text-decoration: none;
}

.logoLink {

}

.logoLink:hover {
	cursor: pointer;
}

.logoLink:active {
	cursor: pointer;
}

.largeType {

	font-family: 'avenirroman', sans-serif;
	font-size: 1.7em;
}

.white-text {
	color: #FFFFFF;
}

.light-blue-text {
	color: #337c9d;
}

.textAlignRight {
	text-align: right;
}

/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	/*background-color:#ffffff;*/
	z-index:100;
	
}
#logo {
	text-align: center;
	margin: 10px 0;
}


#nav_left li{
	float: left;
	text-align: left;
	margin: 30px 0 0 0;
	padding-right: 0.2em;
	
	
}



#nav_right li {
	float: right;
	text-align: right;
	margin: 30px 0 0 0;
	padding-left: 1em;
	

}


.navigation{
	
	list-style: none;
	font-size:1.0em;
	margin: 0;
}
.navigation li{
	padding:0 0 0 20px;
}
.navigation li:hover{
	cursor:pointer;
	/*color: #337c9d;*/

}

.navigation li:active{
	cursor:pointer;
	/*color: #337c9d;*/
}

.navigation li a:hover{
	cursor:pointer;
	color: #000;
	/*border-bottom: 4px outset #000000;*/

}


.navigation li a.current {
	border-bottom: 4px outset #000;
	padding-bottom: 36px;
}




menu, ol, ul {
	padding: 0 0 0 0px;
}



.selecter.customNumberSelector { 
	max-width: 200px; 
	
}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:8em 0;
	
	overflow: hidden;

}

/* Caret */

.caret {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;	
	
	margin-top: 0em;
	min-height: 4em;
}

.padding14em {
	padding-top: 14em;
}

.padding8em {
	padding-top: 9em;
}


.padding4em {
	padding-top: 4em;
}

.padding6em {
	padding-top: 6em;
}

.paddingBottom {
	padding-bottom: 14em;
}

/* Slide 1 */ 

#slide1{
	/*background-color:#337c9d;*/
	background-image:url('../images/_phl.jpg');
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	min-height: 40em;
}
#slide1 h1, #slide1-tablet h1 {
	font-family: 'avenirblack';
	font-size: 3.8em;
	/*letter-spacing: -3px;*/
	line-height: 45px;
	color:#FFFFFF;
	text-align: center;
	margin-bottom: 0.6em;
	margin-top: 3.5em;

}

#slide1-tablet h1 {
	margin-top: 1em;
}


#slide1 .subcaption, #slide1-tablet .subcaption {
	text-align: center;
	font-size: 1.7em;
	color: #ffffff;
}

.copy .heading {
	font-family: 'avenirblack', sans-serif;
	font-size: 1.5em;
	color:#ffffff;
	font-weight: normal;
}

.copy p {
	color: #FFF;
	font-size: 1.33em;
}



/* Slide 2 */ 

#slide2{
	
	background-color:#f1f0f0;
	min-height: 40em;
	
}

#slide2 .headline {
	text-align: center;
}

#slide2 h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#000;
	
}
#slide2 p {
	font-size: 1.3em;
	color: #000;
	padding-bottom:20px;
	
}




/* Slide 3 */ 

#slide3{
	background-image:url('../images/_service_area_large_alt1.jpg');
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	min-height: 40em;
}
#slide3 h1, #slide3-tablet h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#fff;
	text-align: center;
}


#slide3-tablet h1 {
	font-size: 2.66em;
}
#slide3 p, #slide3-tablet p {
	font-size: 1.3em;
	color: #fff;
	padding-bottom:20px;
}

#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}




/* Slide 4 */

#slide4{
	
	background-color:#f1f0f0;
	
}

#slide4 img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}


#slide4 h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#000;
	margin-bottom: 0.0em;
	text-align: center;
}

#slide4 p.subheading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.7em;
	color:#000;
	text-align: center;	
	max-width: 65%;
	margin-top: 0em;
}

#slide4 p.vehicleTitle {
	font-family: 'avenirblack';
	font-size: 1.4em;
	padding: 0.4em;
	margin: 0;
	text-align: center
}

#slide4 p.seating {
	padding: 0;
	margin: 0;
	text-align: center	
}

#slide4 p {

	font-size: 1em;
	color: #000;
	
	padding-bottom:20px;
	
}

#slide4 p.endSectionMessage {
	font-family: 'avenirroman', sans-serif;
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.7em;
	color:#000;
	text-align: center;	
	max-width: 65%;
	margin-top: 2em;
}


/* Slide 5 */

#slide5 {
	
	background-image:url('../images/_airport.jpg');
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	min-height: 50em;
	padding-bottom: 0;
}

#slide5 h1, #slide5-tablet h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#fff;
	text-align: center;
}

#slide5-tablet h1 {
	font-size: 2.66em;
}


#slide5 p, #slide5-tablet {
	
	color: #fff;
	padding-bottom:20px;
}


#slide5-tablet p {
	font-size: 1em;
}

/* Slide 6 */

#slide6 {
	
	background-image:url('../images/_bridge.jpg');
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	min-height: 50em;
	padding-bottom: 0;

}

#slide6 h1, #slide6-tablet h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#fff;
	text-align: center;
	margin-bottom: 20px;
	


}
#slide6 p, #slide6-tablet p {
	font-size: 1.3em;
	color: #FFFFFF;
	padding-bottom:20px;
}

#slide6-tablet h1 {
	font-size: 2.66em;
}



#slide6 ul, #slide6-tablet ul {
	color: #fff;
	list-style: none;
	font-size:0.7em;
	width: 100%;
	text-align: center;
}
#slide6 li, #slide6-tablet li{
	display: inline-block;
	color: #337c9d;
	padding-left: 1.9em;
	padding-right: 1.9em;
	letter-spacing: 1.2em;
	
}

#slide6 .subheading, #slide6-tablet .subheading {
	font-size: 1.7em;
}

#parting_statement {
	padding-top: 9em;
	padding-bottom: 28em;
}

#slide6 p.finalThoughts, #slide6-tablet p.finalThoughts {
	font-family: 'avenirroman', sans-serif;
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.33em;
	color:#fff;
	text-align: center;	
	max-width: 65%;
	margin-top: 2em;
}

#slide6 .heading{
	font-family: 'avenirblack', sans-serif;
	font-size: 1.5em;
}


#bottom_tagline {
	margin-bottom: 3em;
}

#phone-call-out {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.4em;
	color:#FFF;
	text-align: center;	
	max-width: 65%;
	
}

#slide6-tablet #phone-call-out {
	font-size: 2em;
}

#slide6 a:hover, #slide6-tablet a:hover {
	text-decoration: underline;
	color: #337c9d;
}

#slide6-tablet {
	padding: 0px 0px 0px 0px;
}

/* Slide 8 THANKS */

#slide8ThanksMessage {
	display: none;
	background-color: #fff;
	min-height: 20em;
	padding-bottom: 0;

}

 #slide8ThanksMessage h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#000;
	text-align: center;
	padding-top: 10em;
}

#slide8ThanksMessage .subheading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.6em;
	color:#000;
	text-align: center;	
	max-width: 65%;
	margin-top: 0em;
	
}

/* Slide 8 */

#slide8 {
	
	background-color: #fff;
	min-height: 50em;
	padding-bottom: 0;

}

#slide8 h1 {
	font-family: 'avenirblack', sans-serif;
	font-size: 3.8em;
	color:#000;
	text-align: center;
	


}
#slide8 p {
	font-size: 1.3em;
	color: #000;
	padding-bottom:20px;
}

#slide8 .errorDisplay {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.33em;
	color:#FFF;
	text-align: center;	
	max-width: 80%;
	margin-top: 0em;
	padding: 4px 4px 4px 4px;
	background-color: #b12525;
	
}

#slide8 .subheading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.7em;
	color:#000;
	text-align: center;	
	max-width: 65%;
	margin-top: 0em;
	
}

/* Slide 7 */

#slide7 {
	
  	background-size: cover;
	min-height: 10em;
	padding-bottom: 0;
	background-color: #2a5065;
	text-align: center;


}


.copyright {
	width: 100%;
	color: #1b3643;
	text-align: center;
}

/* Desktop 
@media only screen and (max-device-width: 1024px) {
	#desktop-menu { display: block; }
	#tablet-menu { display: none; }
	#phone-menu { display: none; }
}
*/

/* tablet landscape */
@media only screen and (max-width: 1068px) {
	#desktop-menu { display: none; }
	#tablet-menu { display: block; }
	#phone-menu { display: none; }


	#slide1-tablet 	{ display:block;}
	#slide1 		{display: none;}
	
	#slide3 		{display: none;}
	#slide3-tablet 	{display: block;}

	#slide5 		{display: none;}
	#slide5-tablet	{display: block;}

	#slide6 		{display: none;}
	#slide6-tablet	{display: block;}

	#logo {
		width: 100%;
		text-align: center;
	}



	

	.tablet-menu-container {
		text-align: center;
	}

	#nav {
		width:100%;
		text-align:center;
		margin:8px 0;
	}

	.navigation{
		/*width: 100%;*/
		float: center;
		list-style: none;
		display: inline-block;
		/*margin: 0;*/
		
		
	}

	.navigation li{
		float: left;
		margin-left: 12px;
		padding:0;
		font-size: .94em;
	}

	.slide{
		/*background-attachment: fixed;*/
		width:100%;
		position: relative;
		padding:150px 0;
	}

	#decorative {
		display:none;
	}

	#content {
		text-align:center;
		width:100%;
	}

	#slide1 h1 {
		line-height: 1em;
	}
	#slide1 h2 {
		line-height: 1em;
	}
	#slide2 h1 {
		line-height: 1em;
	}
	#slide2 h2 {
		line-height: 1em;
	}
	#slide3 h1 {
		line-height: 1em;
	}
	#slide3 h2 {
		line-height: 1em;
	}
	#slide4 h1 {
		line-height: 1em;
	}
	#slide4 h2 {
		line-height: 1em;
	}

	#slide1-tablet{
		/*background-image:url('../images/_phl.jpg');*/
		background: url('../images/_phl.jpg') no-repeat top left;
		-webkit-background-size: 1920px 1280px;
		min-height: 40em;
	}

	#slide3-tablet{

		background: url('../images/_service_area_tablet_narrow_alt1.jpg') no-repeat top center;
		min-height: 40em;
	}

	
	#slide3-tablet p {
		font-size: .8em;
	}

	#slide5-tablet{
		background: url('../images/_airport.jpg') no-repeat top center;
		-webkit-background-size: 1600px 960px;
		min-height: 50em;
	}

	#slide6-tablet{
		background: url('../images/_bridge.jpg') no-repeat top center;
		-webkit-background-size: 1200px 578px;
		min-height: 50em;
	}

}




/* Mobile */
@media only screen and (max-width: 768px) {

    #desktop-menu { display: none; }
	#tablet-menu { display: none; }
	#phone-menu { display: block; }

	#menu-button-container {
		margin:17px auto;
		float:right;
	}

	#slide3{
		background-image:url('../images/_service_area_phone_alt1.jpg');
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
		min-height: 40em;
		background-color: #000000;
	}

	#phone-nav {
		display: none;
	}



	#phone-logo {
		margin-top: 10px;
		float:left;
	}

	#nav {
		width:100%;
		margin:5px 0;
	}

	.navigation{
		width: 100%;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
	}

	.navigation-drop-down {
		list-style-type: none;
		margin:0;
		border:0;
		border-top: 1px solid #efefef;

	}

	.navigation-drop-down li {
		display: block;
		background-color: #FFF;
		color: #000;
		margin: 1.5em auto;
		width: 100%;

	}


	.navigation li{
		float: left;
		width:25%;
	}

	.slide{
		background-attachment: fixed;
		width:100%;
		position: relative;
		padding:150px 0;
	}


	#slide1 h1 {
		line-height: 1em;
	}
	#slide1 h2 {
		line-height: 1em;
	}
	#slide2 h1 {
		line-height: 1em;
	}
	#slide2 h2 {
		line-height: 1em;
	}
	#slide3 h1 {
		line-height: 1em;
	}
	#slide3 h2 {
		line-height: 1em;
	}
	#slide4 h1 {
		line-height: 1em;
	}
	#slide4 h2 {
		line-height: 1em;
	}

	#slide8 .labelCaption {
		text-align: left;
	}



	#slide1-tablet {
		padding-top: 50px;
	}

/*
	

	#slide3{
		background-image:url('../images/_service_area_large.jpg');
		min-height: 40em;
	}

	#slide5 {
		background-image:url('../images/_airport.jpg');
		min-height: 50em;
		padding-bottom: 0;
	}

	#slide6 {
		
		background-image:url('../images/_bridge.jpg');
		min-height: 50em;
		padding-bottom: 0;

	}*/
}


/* Form Controls */

.labelCaption {
	display: block;
	margin-top:0.7em; 
	font-size: 1.66em;
}

input[type="text"], textarea { 
    width:16em; 
    height: 2em;
    font-size: 1.66em;
    border: solid 0px #ccc; 
    padding:0.4em; 
    background-color: #f5f5f5; 
   
}

input[type="submit"], input[type="button"] { 
    background: white url(../images/btn_send.png) no-repeat center left; 
    width: 324px;
    height: 44px;
    border: 0px solid #666;
    font-size: 1.3em;
    color: #fff;
    padding:0.3em 0.5em; 
}

.ui-slider-horizontal .ui-state-default {background: white url(http://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat scroll 50% 50%;}