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

/*
Clearout
*/
:link,:visited { text-decoration:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, table{ margin:0; padding:0 }
img, a img,:link img,:visited img { border:none }
a:active
{
outline: none;
}
a:focus
{
outline: none;
}

/* text */

body {
background:url(../images/hh_bg.gif) #efefd6 center top no-repeat;
font-family:Verdana, arial, helvetica, sans-serif; 
color: black;
text-align:center;
font-size:11px;
line-height:1.5em;
}

p{margin-bottom:1em;}
a {font-weight: bold; color: #91b2dd; text-decoration: none;cursor:pointer;}
a:hover {font-weight: bold; color: #a7cdff;}
.point {background:url(../images/hh_finger.gif) left no-repeat;padding-left:45px;height:30px;display:block}
.point:hover {background:url(../images/hh_finger.gif) left no-repeat;padding-left:40px;margin-left:5px;height:30px;display:block}
.back {background:url(../images/hh_finger-left.gif) left no-repeat;padding-left:45px;height:30px;margin-left:5px;display:block;clear:left}
.back:hover {background:url(../images/hh_finger-left.gif) left no-repeat;padding-left:50px;margin-left:0px;height:30px;display:block}
.acc{font-size:2em;}
h1{font-size:4em;margin-bottom:.3em;}
h2{font-size:2.7em;margin-bottom:.3em;}
h3{font-size:2em;margin-bottom:.3em;}
h4{font-size:2em;margin-bottom:.2em;}
h5{font-size:1.7em;margin-bottom:.2em;}
h6{font-size:1.4em;margin-bottom:.2em;}

.smltxt{
font-size:.8em;
}

/* Layout */

#container{margin:auto;background:url("../images/hh_background.gif") center repeat-y; width:1126px; }
#logo{width:229px; height:232px;float:left;}
#logo h1 a{background-image:url("../images/hh_logo.gif");display: block;height: 232px; text-indent: -999em; text-decoration:none;}
#content{text-align:left; margin:0 265px; width:596px; min-height:400px;}

#pad{
padding:20px
}

#pad ul{
list-style:disc;
padding: 0 0 1em 5em;

}

#main_nav{text-align:center;}
#main_nav a{height:210px;width:149px;display:block;background-image:url("../images/shields.jpg");float:left; }

#fleet{background-position:left;}
#fleet:hover{background-position:left 5px;}

#services{background-position:-149px;}
#services:hover{background-position:-149px 5px;}

#booking{background-position:-298px;}
#booking:hover{background-position:-298px 5px;}

#galleries{background-position:right;}
#galleries:hover{background-position:right 5px;}

#foot{text-align:center;}
#bottom{margin:auto;background:url("../images/hh_background-bottom.gif") top no-repeat;height:50px;width:1126px; }

.small_hr  hr {
  display: none;}

.foot_divider{
background:url(../images/hh_divider.gif) no-repeat;
height:100px;
width:596px;
margin:0 auto 10px;
clear:both
}

.picL{
float:left;padding:20px 20px 20px 0;border:0
}
.picR{
float:right;padding:20px 0 20px 20px;border:0
}
.left49{
float:left;
width:49%;
}
.right49{
float:right;
width:49%;
}

/* NAV */

#nav{
margin-right:192px;
float:right
}

#nav ul {
padding:0;
margin:0;
list-style:none;
}

#nav li {
background:#e0dfc8;
margin:5px 0;
width:73px
}

#nav a {
font-size:2em; 
font-family:"Century Gothic","Candara","Trebuchet MS", Tahoma, sans-serif;
display:block;
background:url(../images/shadow.gif) left repeat-y;
padding:5px 0;
color:#780620;
text-decoration: none;
}

#nav a:hover {
color:#91b2dd;
background:#bbbaa6;
}

#nav #on a {
background:#fff url(../images/shadow_horiz.gif) bottom left no-repeat;
padding-bottom:8px
} 


#nav #home_on a {
background:url(../images/home.jpg);
padding:0;
height:33px} 
#nav #home_off a {
background:url(../images/home_off.jpg);
padding:0;
height:33px} 

/* GALLERY */


#gallery {
	
	}
	#gallery ul { list-style: none; padding:0;margin:0}
	#gallery ul li { display: inline; padding:0;margin:0}
	#gallery ul img {
		border: 5px solid #eeeeee;
		border-width: 5px 5px 20px;
		margin:0 26px 22px 0
	}
	#gallery ul a:hover img {
		border: 5px solid #cccccc;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	

/* Fleet */

.fleet{
min-height:220px;
padding-top:18px 
}

.fleet h2,.fleet h3,.fleet p{
margin-left:310px;
}

#fleet_peggy{
background:url("../images/hh_fleet_peggy.jpg") top left no-repeat;
}

#fleet_candice{
background:url("../images/hh_fleet_candice.jpg") top left no-repeat;
}

#fleet_laura{
background:url("../images/hh_fleet_laura.jpg") top left no-repeat;
}

#fleet_poppy{
background:url("../images/hh_fleet_poppy.jpg") top left no-repeat;
height:277px
}


#fleet_hilary{
background:url("../images/hh_fleet_hilary.jpg") top left no-repeat;
}

#fleet_victoria{
background:url("../images/hh_fleet_victoria.jpg") top left no-repeat;
}




/* Form */

form {
background:	#000000;
padding:15px 15px 50px 15px;
margin-bottom:1.5em;
color:#ffffff;
}

form fieldset {
display:block; 
border:2px solid #ffffff; 
padding:5px; 
margin-bottom:1em;
}

form legend {
font-size:2em; 
font-weight:bold; 
color: #ffffff;
background:#780620;
margin: 0 0 5px 10px; 
height: 24px;
line-height: 24px;
border: 2px solid #ffffff;
padding: 5px;
}

form label {
float:left; 
text-align:left; 
padding-left:10px;
width:200px
}

form br{
clear:both;
}

form input, textarea{
border:#666666 2px solid;
border-bottom-color: #aaaaaa;
border-right-color: #aaaaaa;
color:#aaaaaa;
padding:3px;
font-family: Verdana, Arial, sans-serif;
font-size:.9em;
width:21em;
float:right; 
margin:0 20px 20px 0
}

.submit{
border: 2px solid #666666;
border-top-color: #cccccc;
border-left-color: #cccccc;
background:#780620;
padding:3px;
cursor: pointer;
width:5em;
font-size:1em;
color:#ffffff;
}
.submit{
background:#560417;
}
.submit:active{
border: 2px solid #cccccc;
border-top-color: #666666;
border-left-color: #666666;
}

input.checkbox { 
border: none; 
width:auto; 
float:left;
}
input:focus, textarea:focus { 
border: 2px dotted #666666; 
}
input.error { 
border: 2px dotted #780620; 
}
label.error, label.error {
color: #780620;
font-style: italic;
font-weight:bold
}

form h4 {
padding-left:10px;
}
form p, .select  {
padding-left:10px;
}

.peggy {background:url("../images/hh_peggy_sil.gif") left no-repeat;padding-left:80px; height:30px; margin-left:10px}
.candice {background:url("../images/hh_candice_sil.gif") left no-repeat;padding-left:80px; height:30px; margin-left:10px}
.laura {background:url("../images/hh_laura_sil.gif") left no-repeat;padding-left:80px; height:30px; margin-left:10px}
.poppy {background:url("../images/hh_poppy_sil.gif") left no-repeat;padding-left:80px; height:30px; margin-left:10px}
.hilary {background:url("../images/hh_hilary_sil.gif") left no-repeat;padding-left:80px; height:30px; margin-left:10px}



#accessibility ul{
margin:2em 3em;}
#accessibility li{
list-style:disc;
color:#333333;
font-weight:bold;
margin-bottom:1em
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #780620;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0;background-color: #780620;color:#ffffff }
.navtips h3{font-size:12px;font-weight:normal}
.navtips{	padding: 3px;	border: 1px solid #ffffff;}


#links p{
padding: 16px 0;
}

.calendar{
width:50px;
height:42px;
padding-top:8px;
text-align:center;
float:left;
margin-right:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:url(../images/calendar_holes.png) top center no-repeat #660000;
}
.month{
color:white;
font-size:8px;
}
.date{
color:white;
font-size:22px;
font-weight:bold
}
.hr{
width:200px;
height:2px;
background:black;
margin:20px auto
}

#awards{
background:url(../images/awards.png);
width:169px;
height:169px;
z-index:3;
position:absolute;
margin:-55px 0 0 430px 
}