@charset "utf-8";
body {
	font: 96% Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #e8e8e8;
height: 100%; }


a								{outline: none;}
a:link, a:visited, a:active		{text-decoration: none; color: #7297d0;}
a:hover							{text-decoration: underline;}


h1 { color: #ffffff; font-size: 140%; margin: .25em 0em .25em; }
h2 { color: #e6e6e6; font-size: 130%; margin: .25em 0em .25em;}
h3 { color: #7596cc; font-size: 120%; margin: .25em 0em .25em;}



#wrapper {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #181818;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	background: #000000; 
	padding: 0;
	height: 161px;
}
#header-container	{ position: relative; height: 110px; }

#home-link	{width: 500px; height: 102px; background: url('/images/site/safe-ride-transport.gif') no-repeat; position: absolute; top: 6px; left: 0px;}

#phone {
position: relative;
float: right;
top: 40px;
color: #ffffff;
}

#phone .picon {
font-size: 80%;
font-weight: bold;
text-transform: uppercase;
color: #dddddd;
text-align: right;
}

#phone .digits {
font-size: 120%;
font-weight: bold;
}

.img-r	{text-indent: -9999em;}

#navwrapper {
background: url('/images/site/right.gif') repeat-x left top;
width: 960px;
height: 51px;
}

div#menu  {
		margin:0;
    position:absolute;  
		}
		


#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #181818;
	    min-height:300px; 
    height: 100% 
}

#footer {
	padding: 0;
	background:#000000;
    clear:both; !important
}

#footer #featurebar {
background: url('/images/site/goldbar.gif') no-repeat top left #272727;
height: 220px;
}

#footer #featurebar #promos		{ position: relative; top: 10px; padding: 10px;}

.promo_copy {
	color: #dddddd;
	font-size: 93%;
line-height: 18px;
}


.promo_copy_red {
color: #ee1d25;
font-weight: bold;
line-height: 18px;
}



.promo_copy a, .promo_copy a:visited {
color: #ee1d25;
text-decoration: none;
}

.promo_copy a:hover, .promo_copy a:visited:hover {
color: #ee1d25;
text-decoration: underline;
}

.promo_copy h4{
	color: #7297d0;
font-size: 24px;
font-family: "Times New Roman", Times, serif;
margin: .25em 0em .25em;
}


#footer #featurebar #promos #web-buttons-id6loka a{display:block;color:transparent;} #web-buttons-id6loka a:hover{background-position:left bottom;}a#web-buttons-id6lokaa {display:none}

#footer #featurebar #promos #login-button {background-image:url('/images/site/login.png'); width:115px;height:34px;display:block; }

#footer #featurebar #promos #signup-button {background-image: url('/images/site/signup.png'); width:115px;height:34px;display:block; }
#footer #featurebar #promos #bookit-button {background-image: url('/images/site/bookit.png'); width:115px;height:34px;display:block; }

#footer  #footerlogo {
	width: 960px; height: 41px; background: url('/images/site/footer-logo.gif') no-repeat; }
	
#footer  #footerlogo .footerlogo_text {
float: right;
position: relative;
margin-right: 20px;
top: 15px;
color: #ffffff;
font-size: 93%;
}

#bottom {
background-color: #000000 !important;	
width: 960px;
margin: 0 auto;
}
#bottom p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding-left: 25px;
top: 15px;
position: relative;
	color: #666666;
font-size: 85%;
background-color: #000000 !important;
}

#bottom #hudson-link	{width: 105px; height: 44px; background: url('/images/site/thg_logo.gif') no-repeat #000000; position: relative; float: right; top: -10px; right: 25px;}
.img-r							{text-indent: -9999em;}

#bottom #authorize { width: 90px; float: left; height: 72px;  }
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}