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


#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:990px; 
}

html {
    background-image: url('/images/site/background.jpg');
	background-color: #3a719f;
	background-repeat: repeat-x;
	background-position: top center;
}



body {
	font-family: Arial, sans-serif;
	color: #000000;
	margin-bottom: 35px;
}


p {
	line-height: 18px;
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}

h1, h2, h3 {
	font-family: Arial, Verdana, Tahoma;
	line-height: 22px;
}

h1 {
	color: #2976b1;
	font-size: 150%;
}

h2 {
	color: #6e6e6f;
	font-size: 120%;
	font-weight: bold;
}

h3 {
	color: #376f9d;
	font-size: 150%;
	font-family: "Times New Roman", Times, serif;
}

h2.gray { color: #8c8c8c; font-size: 18px; font-weight: bold;  padding-bottom: 5px; padding-top: 5px; }

h2.blue { color: #2a6ba7; font-size: 18px; font-weight: bold; padding-bottom: 3; padding-top: 3px; }

h2.white {color: #ffffff; font-size: 16px; font-weight: bold; padding-bottom: 1px; }

h4 {
	font-weight: bold;
	font-size: 93%;
}

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

a:hover, a:visited:hover {
	color: #2a6ba7;
font-weight: bold;
text-decoration: none;
}


#hd {
	position: relative;
	height: 170px;
                z-index: 2;
}

#main_logo {
	position: absolute;
	left: 12px;
                width: 551px;
               height: 141px;
               top: 10px;
}


#phone {
	position: relative;
               	left: 605px;
	top: 37px;
                color: #ffffff;
                font-weight: bold;
                font-size: 21px;
	font-style: italic;
}

#clock {  position: absolute; top: 62px; right: 24px;  }


#book_online {
	position: absolute;
	right: 12px;
                top: 20px; color: #ffffff;
                font-weight: bold;
                font-size: 14px;
}






#res_frame {
   background-position: center 225px ; 
   background-repeat: no-repeat; 
}


#top_wrapper {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width') center the page */
float: left;
}
#top_wrapper #navbar { position: relative; top: 0px; left: 0px; z-index: 999; width: 990px; height: 52px; background: url('/images/site/right.png') no-repeat right 0 ;  _background-image: url('/images/site/right.gif'); }

/* menu::base */
div#menu {
    height: 52px;
    padding-left: 15px;
    background: url('/images/site/left.png') no-repeat; 
    _background-image: url('/images/site/left.gif');
    width:auto;

}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 10px;
    
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0px;
    display: block;
    float: left;
    z-index: 1009;
    width: auto;
    background: url('/images/site/nav_separator.png') no-repeat top right 0px; } 

div#menu ul ul li {
    z-index: 1009;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 1011;
    top: 37px;
    left: 0;
    visibility: hidden;
    width: 187px;
    padding: 0 0 11px 7px;
    background: url('/images/site/submenu-bottom.png') no-repeat 7px bottom;
    _background-image: url('/images/site/submenu-bottom.png');
    margin: 0px 0 0 -4px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 1010;
    height: 47px;
    display: block;
    float: left;
    line-height: 47px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right: 5px;
    text-align: center;
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 0;
    line-height: 40px;
    height: 52px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
}
div#menu span {
    margin-top: 2px;
    padding-left: 10px;
    color: #ffffff;
    font: bold 14px Arial,san-serif;
    background: none;
    line-height: 46px;

}
div#menu a:hover,
div#menu a.over {
    background:  url('/images/site/selected-right-sub.png')  no-repeat right -1px;
    _background-image: url('/images/site/selected-right-sub.gif');
color: #ffffff;
}
div#menu a:hover span,
div#menu a.over span {
    background: url('/images/site/selected-left-sub.png') no-repeat 0 -3px;
    _background-image: url('/images/site/selected-left-sub.gif');
color: #ffffff;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url('/images/site/selected-right-sub.png') no-repeat right -1px;
    _background-image: url('/images/site/selected-right-sub.gif');
	color: #ffffff;	
}




div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url('/images/site/selected-left-sub.png') no-repeat 0 -3px;
    _background-image: url('/images/site/selected-left-sub.gif');
	color: #ffffff;	
}
div#menu ul.menu>li:hover>a span {
    color: #ffffff;
}
div#menu li {  }
div#menu li.last { background: none; }

div#menu li.current a,
div#menu li.current a span,
div#menu.js-active a:hover,
div#menu.js-active a:hover span,
div#menu.js-active a,
div#menu.js-active span {background:none;}
div#menu.js-active ul.menu>li:hover>a,
div#menu.js-active ul.menu>li:hover>a span {background:none;}
div#menu li.current a.over {
    background: url('/images/site/selected-right-sub.png')  no-repeat right -1px;
    _background-image: url('/images/site/selected-right-sub.gif');
	color: #ffffff;	
}
div#menu li.current a.over span {
    background: url('/images/site/selected-left-sub.png') no-repeat 0 -3px;
    _background-image: url('/images/site/selected-left-sub.gif');
	color: #ffffff;	
}
div#menu a.over span {
    color: #ffffff;
}

/* menu::level2 */
div#menu ul ul li {
   background: none;
    padding: 0;
}
div#menu ul ul {
    padding-top: 10px;
	 background: url('/images/site/submenu-top.png') no-repeat;
}
div#menu ul ul a {
    padding: 0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 11px;
    color: #ffffff;
    z-index: 999;
    padding-left: 5px;
    white-space: normal;
    width: 180px;
    margin: 0 5px;
    text-transform: none;
}
    
div#menu ul ul a span {
    padding: 0 8px;
    line-height: 26px;
    font-size: 11px;
}
div#menu li.current ul a,
div#menu li.current ul a span {background:none;}
div#menu ul ul a:hover {
    background: url('/images/site/submenu-selected-bottom.png') no-repeat 5px bottom;
}
div#menu ul ul a:hover span {
    background: url('/images/site/submenu-selected-top.png') no-repeat 0 0;


}
div#menu ul ul a.parent {
    background: url('/images/site/submenu-pointer-bottom.gif') no-repeat 5px bottom;
}
div#menu ul ul a.parent span {
    background: url('/images/site/submenu-pointer-top.png') no-repeat 0 0;
}
div#menu ul ul a.parent:hover {
    background: url('/images/site/submenu-pointer-selected-bottom.png') no-repeat 5px bottom;
}
div#menu ul ul a.parent:hover span {
    background: url('/images/site/submenu-selected-top.png') no-repeat 0 0;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 15px 0px 8px 0px;
    margin: -44px 0 0 169px !important;
    background: url('/images/site/subsubmenu-top.png') no-repeat 0px 0;
    _background-image: url('/images/site/subsubmenu-top.gif');
}
*+html div#menu ul ul div {height:10px}
*+html div#menu.ie7 ul ul div {height:auto}
div#menu ul ul ul {
    padding: 0 4px 5px 1px;
    background: url('/images/site/submenu-bottom.png') no-repeat 0px bottom;
    _background-image: url('/images/site/submenu-bottom.png');
}
div#menu ul ul div li {
    position:relative;
    top:-5px;
}

/* lava lamp */
div#menu li.back {
    background: url('/images/site/lavalamp-left.png') no-repeat  -3px;
    _background-image: url('/images/site/lavalamp-left.gif');
    width: 10px;
    height: 52px;
    z-index: 1008;
    position: absolute;
    padding: 0;
    margin: 0;
}

div#menu li.back .left {
      padding: 0;
    width:auto;
    background: url('/images/site/lavalamp-right.png') no-repeat right 0;
    _background-image: url('/images/site/lavalamp-right.gif');
    height: 52px;
    margin: 0 5px 0 10px;
    _margin-right: 2px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

#top_wrapper #blue_container  { 
background: url('/images/site/blue_wrapper.gif') no-repeat #051930 left top; 
width: 990px; margin-top: 20px; height: 303px;

}

#top_wrapper #blue_container #animation { width: 649px; height: 303px; float: left; top: 0; left: 0px;  position: relative; }
.homepage_rotator {
	DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; width: 649px; height: 303px;
}
#divMainRotator IMG {
	PADDING-BOTTOM: 0px; MARGIN: 0 0px 0px 0; PADDING-LEFT: 0px; WIDTH: 649px; PADDING-RIGHT: 0px; HEIGHT: 303px; PADDING-TOP: 0px
}
#divMainRotatorNav {
	Z-INDEX: 99; POSITION: absolute; BOTTOM: 31px; RIGHT: 31px
}
#divMainRotatorNav A {
	TEXT-INDENT: -9999px; MARGIN: 0px 0px 0px 6px; WIDTH: 13px; DISPLAY: block; BACKGROUND: url('/images/site/s_cp.png') no-repeat transparent; FLOAT: left; HEIGHT: 13px; FONT-SIZE: 0.25em; TEXT-DECORATION: none; -webkit-border-radius: 4px; -moz-border-radius: 4px
}
#divMainRotatorNav A:hover {
	BACKGROUND: url('/images/site/s_ca.png') no-repeat transparent; TEXT-DECORATION: none
}
#divMainRotatorNav A.activeSlide {
	BACKGROUND: url('/images/site/s_ca.png') no-repeat transparent;  TEXT-DECORATION: none
}
#divMainRotatorNav A:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}








#top_wrapper #container { background: url('/images/site/top_content_wrapper.gif') no-repeat #ffffff left top; 
width: 990px; 
float: left;
margin-top: 20px;

}




#top_wrapper #container #sidebar {
width: 334px;
float: right;
top: 10px;
}

#top_wrapper #container #sidebar #side_container { position: relative; top: 10px; left: 0;  }

#top_wrapper #container #sidebar #side_container .breadcrumb { text-align: right; font-size: 11px; padding-right: 8px; padding-bottom: 3px;  }

#top_wrapper #container #sidebar #side_container .sidebar_pad {
padding-right: 12px; padding-left: 20px;

}


#top_wrapper #container #mainContent {
position: relative;
float: left;
top: 10px;
left: 20px;
width: 630px;
}

#top_wrapper #container #mainContentHome {
position: relative;
margin-top: 10px;
left: 20px;
min-height: 420px;
float: left;
background: url('/images/site/content-home-bg.jpg') left bottom no-repeat;
width: 630px;
padding-left: 15px;
padding-top: 10px;
}

#top_wrapper #container #mainContentHome #promo_items {  
float: left:
padding: 0;
width: 600px;
}

#top_wrapper #container #mainContentHome #promo_items #promobox1 { background: url('/images/site/feature-bg.png') left top no-repeat; width: 284px; height: 182px; float: left; }
#top_wrapper #container #mainContentHome #promo_items #promobox1 .promo_pad_1 { padding-left: 10px; padding-top: 7px; padding-right: 10px; }

#top_wrapper #container #mainContentHome #promo_items #promobox2 { background: url('/images/site/feature-bg.png') left top no-repeat; width: 284px; height: 182px; float: right; }
#top_wrapper #container #mainContentHome #promo_items #promobox2 .promo_pad_2 { padding-left: 10px; padding-top: 7px; padding-right: 10px; }

#top_wrapper #container #mainContentOne {
position: relative;
top: 10px;
padding-bottom: 10px;
padding-right: 20px;
float: left;
left: 20px;
width: 950px;
}


#mainContentOne .one-third { width: 280px; float: left; margin: 10px 30px 10px 0; }
.one-third h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; letter-spacing: -0.04em; color: #376f9d;}
#mainContentOne .one-third  .last { margin-right: 0; float: right; }

.testimonial { padding-top: 1px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; margin-bottom: 30px; position: relative; height: 300px;  font-size: 90%; color: #666666; line-height: 16px; font-style: italic;}
.testimonial-meta .testimonial-person { display: block; }
.testimonial-quote {font-family: "Times New Roman"; color: #999999; font-size: 48px; font-style: normal; margin: 0; padding: 0; }
.testimonial-arrow { position: absolute; left: 19px; bottom: -30px; width: 39px; height: 31px; }

/* Testimonials */
.testimonial { background-color: #f0f0f0; }
.testimonial-arrow { background: transparent url('/images/site/comment_arrow.png') no-repeat scroll center top; }



#top_wrapper #container #mainContentOne .breadcrumb { text-align: right; font-size: 11px; padding-right: 8px; padding-bottom: 3px;  }

#top_wrapper #container ul, #top_wrapper #container ol { margin-bottom: 10px; }
#top_wrapper #container ul li {  list-style-type: disc; margin-left: 35px;}
#top_wrapper #container ol li { list-style-type: decimal; margin-left: 35px;}

#email {
	display: block;
	margin-top: 5px;
}
#emailhome {
	display: block;
	margin-top: 1px;
}



div#preload {
	display: none;
}






#top_wrapper #container #connected {  width: 990px; background: url('/images/site/stay-connected.gif') no-repeat top center #ffffff; margin: 0 auto; height: 175px; float: left; }

#top_wrapper #container  #connected #featurebox {
width: 303px;
float: left;
height: 122px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 19px;
}

#top_wrapper #container  #connected #featurebox  #social  {
position: relative;
top: 20px;
left: 15px;
color: #000000;

}



#top_wrapper #container  #connected #featurebox2 {
width: 305px;
float: right;
position: relative;
left: 1px;
margin-top: 15px;
margin-bottom: 15px;

}

#top_wrapper #container  #connected #featurebox2  #riders_box  {
position: absolute;
top: 20px;
color: #000000;

}



#top_wrapper #container  #connected #featurebox3 {
width: 305px;
float: right;
height: 122px;
margin-top: 15px;
margin-bottom: 15px;


}
#top_wrapper #container  #connected #featurebox3 #list {
position: relative;
top: 20px;
left: 18px;
right: 19px;
color: #000000;


}
#top_wrapper #container  #connected #featurebox  #social a, #top_wrapper #container  #connected #featurebox  #social a:visited { color: #96db6c; text-decoration: none; font-weight: bold;}
#top_wrapper #container  #connected #featurebox  #social a:hover, #top_wrapper #container  #connected #featurebox  #social a:visited:hover { color: #96db6c; text-decoration: underline; font-weight: bold;}

#top_wrapper #container  #connected #featurebox3  #list a, #top_wrapper #container  #connected #featurebox3  #list a:visited { color: #96db6c; text-decoration: none; font-weight: bold;}
#top_wrapper #container  #connected #featurebox3  #list a:hover, #top_wrapper #container  #connected #featurebox3  #list a:visited:hover { color: #96db6c; text-decoration: underline; font-weight: bold;}


#top_wrapper #content_wrapper_bottom { height: 30px; width: 990px; float: left; background: url('/images/site/bottom_content_wrapper.png') no-repeat bottom left;}

#ft { width: 990px; margin: 0 auto; float: left;  }
.footer_link_bar {
	text-align: center;
	color: #f3f3f3;
	font-size: 85%;

}

.footer_link_bar a, .footer_link_bar a:visited {
	color: #f3f3f3;
	text-decoration: none;
}

.footer_link_bar a:hover, .footer_link_bar a:visited:hover  {
	text-decoration: underline;
color: #f3f3f3;
}

#footer_link_bar_container {

}

.powered_by {
	float: right;
	color: #f3f3f3;
	font-size: 85%;
	padding-top: 3px;
	padding-right: 8px;
	text-align: right;
}

.powered_by a {
	color: #f3f3f3;

}

.powered_by p.1 {
float: left;
margin-top: -10px;
padding-right: 5px;
}
.powered_by p {
float: left;
margin-top: -5px;
padding-right: 5px;
}

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: 14px;
	font-family: Arial, Tahoma, Verdana;
}

/* 
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: 150px;
	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;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	width: 55px;
	border: 1px solid #CCCCCC;
}