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



body {
	font-family: Arial, sans-serif;
	color: #5d5d5d; font-size: 12px; line-height: 18px;
margin: 0 0 0 0;

}


p, td, tr, table, span, ul, ol {
line-height: 18px; font-size: 12px; }
}

strong {
	font-weight: bold;
}

h1, h2, h3 {
	font-family: Arial, sans-serif;
margin: 0 0 0 0; padding: 0 0 0 0;
}

h1 {
color: #008c99;
font-size: 32px;
line-height: 1.2em;
font-weight: bold;
font-family: Arial, sans-serif;
}


h2 {
color: #008c99;
font-size: 21px;
font-weight: bold;
line-height: 1.2em;
font-family: Arial, sans-serif;
}




h3 {
color: #5d5d5d;
font-size: 16px;
font-weight: bold;
line-height: 1em;
}


h4  { color: #000255; font-weight: bold; font-size: 14px; line-height: 18px; margin: 0 0 0 0; padding: 0 0 0 0; }


a:link, a:visited {
	color: #000255;
	text-decoration: none;
font-weight: bold;
}

a:hover, a:visited:hover {
	color: #017db8; font-weight: bold;

}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

#hd {
height: 96px;
z-index: 2;
background: url('/images/site/uploaded/header-bg.jpg') repeat-x #000255 top left;
	
}
#hd_wrapper { margin: 0 auto; width: 990px; }


#hd_wrapper #navbar { float: right; position: relative; top: 41px; background-color: #000255; right: 0; z-index: 2500 !important; }
#hd_wrapper #logo {  float: left; position: relative; width: 269px; top: 10px;  }



#features { height: 290px; background: url('/images/site/uploaded/home-feature-bg.jpg') no-repeat center top #018fcc;  }
#features_wrapper {  margin: 0 auto; width: 990px; text-align: left; }
#features_wrapper h1 { color: #ffffff; padding: 5px 0 10px 0; margin: 0 0 0 0; font-size: 28px; text-transform: uppercase; font-weight: bold; font-family: arial; }
#features_wrapper h2 { color: #ffffff; padding: 60px 0 10px 0; margin: 0 0 0 0; font-size: 21px; font-weight: bold; font-family: arial; }

#features_wrapper #white_box { float: right;  width: 409px; height: 336px; z-index: 1500; position: relative; top: 15px; background: url('/images/site/uploaded/hudson-ground-transportation-system2.png') no-repeat center top; } 

#features_wrapper #white_box .hgts-features { position: relative; top: 0px;   }



.hgts-features #col2 { float: left; margin-left: 25px; width: 165px; text-align: left; margin: 0; }

.hgts-features #col2  ul		{ width: 155px; margin: 0px 5px 0 15px; }
.hgts-features #col2  ul li	{ font-size: 12px; padding: 3px 0 0 20px; line-height: 18px;
background: url('/images/site/uploaded/swoosh-bullet.png') no-repeat top left; list-style-type: none;}



#features_int { height: 235px; background: url('/images/site/uploaded/interior-feature-bg.jpg') no-repeat center top #018fcc;  }
#features_wrapper_int {  margin: 0 auto; width: 990px; text-align: left; }
#features_wrapper_int h1 { color: #ffffff; padding: 20px 0 0 0; margin: 0 0 0 0; font-size: 28px; text-transform: uppercase; font-weight: bold; font-family: arial; }

#teaser 
{  
margin: 0 auto; width: 990px; min-height: 175px; } 


#teaser p { line-height: 24px; font-size: 18px; font-weight: normal; color: #ffffff;  }

#teaser h2 
{ 
color: #ffffff; font-size: 24px;
font-weight: normal;
margin: 0 0 0 0;
padding: 10px 0 0 0;
font-family: Arial, sans-serif;
 }

#teaser h2.purple, #teaser .purple 
{ 
color: #ffffff; font-size: 24px;
font-weight: bold;
margin: 0 0 0 0;
padding: 10px 0 0 0;
font-family: Arial, sans-serif;
 }



#middlebar { height: 146px; background: url('/images/site/uploaded/middle-wrapper.jpg') no-repeat center top #060f38; }
#middle_wrapper { margin: 0 auto; width: 990px; text-align: left; background: url('/images/site/uploaded/middle-bar.jpg') no-repeat top left; height: 146px;  }

#middle_wrapper table { width: 990px; border: 0; }
#middle_wrapper td { width:  230px; padding-right: 10px; padding-top: 10px; padding-left: 10px; color: #ffffff; line-height: 18px; font-size: 12px; font-weight: bold; }
#middle_wrapper td.last { width:  240px; color: #ffffff; line-height: 18px; font-size: 12px; font-weight: bold; padding-left: 10px; padding-top: 10px; }
#middle_wrapper td.last { width:  240px; color: #ffffff; line-height: 18px; font-size: 12px; font-weight: bold; padding-top: 10px; padding-right: 10px;}


#middle_wrapper #operate { float: right; width: 635px; margin-top: -5px; }
#middle_wrapper #call { float: left: width: 322px; padding-top: 8px; }

#middle_wrapper #call .button { padding-top: 10px; }
#demo a{display:block;color:transparent;} #demo a:hover{background-position:left bottom;}a#demoa {display:none}

#middle_wrapper h2 { color: #ffffff; line-height: 24px;
font-size: 24px;font-family: Arial, sans-serif; }

#middle_wrapper h3 { color: #ffffff; line-height: 21px;
font-size: 18px;font-family: Arial, sans-serif; }

#middle_wrapper h3 a:link, #middle_wrapper h3 a:visited { color: #fea603;
font-weight: bold;
line-height: 21px;
font-size: 18px; 
font-family: Arial, sans-serif;
text-decoration: none; 
 }


#middle_wrapper h3 a:hover, #middle_wrapper h3 a:visited:hover { text-decoration: underline;  }

#greenbar { height: 23px; background: url('/images/site/uploaded/green-divide.jpg') repeat-x center top #008c99; }


#cframe { background: url('/images/site/uploaded/content-bg.jpg') repeat-x #ffffff top left;  min-height: 460px; }

#cframe_int { background: url('/images/site/uploaded/content-bg-int.jpg') repeat-x #ffffff top left;  min-height: 460px; }

.cframe_wrapper   {
width: 990px;  
margin: 0 auto; 
min-height: 460px;
}





.cframe_wrapper_int   {
width: 990px;  
margin: 0 auto; 

}


.cframe_wrapper #mainContent, .cframe_wrapper_int #mainContent {
float: right; width: 635px; 
}
.cframe_wrapper #mainContent .copy-pad { padding-top: 15px;   }

.cframe_wrapper_int #mainContent .copy-pad { padding-top: 25px;   }

#home-services { padding-top: 10px; }

#shuttles a{display:block;color:transparent;} #shuttles a:hover{background-position:left bottom;}a#shuttlesa {display:none}
#buses a{display:block;color:transparent;} #buses a:hover{background-position:left bottom;}a#busesa {display:none}
#limos a{display:block;color:transparent;} #limos a:hover{background-position:left bottom;}a#limosa {display:none}
#tickets a{display:block;color:transparent;} #tickets a:hover{background-position:left bottom;}a#ticketsa {display:none}

#home-services #mobile-overlay { z-index: 1500; position: relative; margin-top: -70px; }



.cframe_wrapper #sidebar , .cframe_wrapper_int #sidebar {
float: left;  width: 322px;  padding-top: 25px; 
}


#news { background: url('/images/site/uploaded/sidebar.jpg') #f9f9f9 repeat-x top left; border: 1px solid #b2b2b2; color: #4c4c4c; padding: 15px; }
.divide { background: url('/images/site/uploaded/news_underline.gif') transparent repeat-x top left; }
#news h2 { color: #2d2d2d; }


#sidebar #social {  text-align: center;  }
#sidebar #social #social-icons { border: 0; padding-top: 3px; }
#sidebar #social #social-icons .icon-image { padding-left: 2px; padding-right: 2px; }



#social-bar { background: url('/images/site/uploaded/social-wrapper.jpg') left top repeat-x; height: 130px; }
#social-wrapper  { width: 990px; background: url('/images/site/uploaded/social.png') no-repeat center top; height: 130px; margin: 0 auto;}

#social-wrapper #hudson-help { float: right; width: 635px; padding-top: 20px;  }
#hudson-help h2 { color: #2d2d2d; }

#technical a{display:block;color:transparent;} #technical a:hover{background-position:left bottom;}a#technicala {display:none}
#knowledge a{display:block;color:transparent;} #knowledge a:hover{background-position:left bottom;}a#knowledgea {display:none}
#support a{display:block;color:transparent;} #support a:hover{background-position:left bottom;}a#supporta {display:none}


#social-wrapper #social-icons { float: left; width: 322px; padding-top: 20px; }
#social-icons .icon-image { padding-left: 2px; padding-right: 2px; }



#ft {   background: url('/images/site/uploaded/background2.jpg') #060f38 repeat-x top center; height: 125px; }

#ft #ft_wrapper { 
width: 990px; margin: 0 auto;  
text-align: center; 
font-size: 12px; 
color: #ffffff; 
font-weight: bold;
padding-top: 10px;
background: url('/images/site/uploaded/footer.jpg') #060f38 repeat-x top center; height: 91px;
 }

#ft_wrapper a, #ft_wrapper a:visited {
	color: #ffffff;
	font-size: 12px;
text-decoration: none; font-weight: bold; padding: 0 2px 0 2px;
}

#ft_wrapper a:hover, #ft_wrapper a:visited:hover {
	color: #ffffff; font-weight: bold; padding: 0 2px 0 2px;
	font-size: 12px;
text-decoration: underline;
}



div#preload {
	display: none;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.clear {
	clear: both;
	display: inline-block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* Copy and paste these css styles into your existing style sheet - or call this style sheet separately */

/* Styles to attribute to the text of your form */

.fieldtext {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
}
table.forms { border: 0; width: 400px; }
/* 
Note:  If you need to have multiple colored texts, or different attributes within the same form,
just duplicate the above and call it "fieldtext2" or whatever.  Then you can apply that style to
additional text if you wish 
*/

/* This is the style for the main form fields */
.field1 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	width: 300px;
	border: 1px solid #CCCCCC;
}
.field3 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	width: 200px;
	border: 1px solid #CCCCCC;
}

/* In case you have fields that need to be a different width, colors, etc ... you can change those here.*/
.field2 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	width: 150px;
	border: 1px solid #CCCCCC;
}

/* If you want a border on the table that holds the form */
.formborder {
	border: 1px solid #CCCCCC;
}





.field6 {
	background: #FBFBFB;
	color: #666666;
	padding: 4px;
	width: 75px;
	border: 1px solid #CCCCCC;
}	







#news_container {
	width: 250px; margin-left: 0px !important;

}

#news_container ul { margin-left: 0px; list-style-type: none !important;  }
#news_container ul li { margin-left: 0px; list-style-type: none !important;  }

#news_container span.release_date, #news_release span.release_date {
	font-size: 12px;
	color: gray;
}

#news_container a {
	display: block;
	margin-bottom:  10px;
}


#news_release h2 {
	margin-bottom: 10px;
}

#release_content {
	width: 635px;
}