/* 
Copyright 2006 Astro Coachlines. All Rights Reserved. 
------------------------------------------------------
General Elements
Page Structure
Images
Typography
Links
Navigation
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
color: #444;
background: #ED1E24;
text-align: center;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#stretch {
background: #3853A4 url(images/bg.gif) top left;
margin: 0;
padding: 0;
height: 155px;
}
#prologue {
width: 770px;
height: 155px;
margin: 0 auto;
padding: 0;
background: url(images/fern.gif) top left no-repeat;
}
#wrap {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
}
#content {
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#contentwrap {
float: right;
margin: 0;
padding: 0 10px 0 0;
}
#copy {
float: right;
margin: 0;
padding: 0;
width: 551px;
background: #eee; 
}
#left {
float: left;
margin: 0;
padding: 0;
width: 200px;
}
#details {
float: left;
padding: 0;
margin: 0;
width: 300px;
}
.overview {
background: #eee url(images/overviewbg.gif) top left repeat-y;
width: 770px;
padding: 0;
margin: 10px 0 0 0;
float: left;
border: 5px solid #f5f5f5;
}
.brand  {
width: 170px;
margin: 0;
padding: 0;
float: left;
}
/* IMAGES */
.slide {
margin: 0;
padding: 10px;
float: left;
}
.thumb {
margin: 3px 0 0 0;
padding: 2px;
border: 1px solid #eee;
float: left;
}
/* TYPOGRAPHY */
em {
margin: 0; 
padding: 8px 20px; 
font: italic 11px/19px Verdana, Arial, "Trebuchet MS", sans-serif;
background: url(images/tick.gif) 0 50% no-repeat;
}
.cancel {
background: url(images/cancelbg.gif) top left no-repeat;
width: 300px;
margin: 5px 0 0 30px;
padding: 5px;
height: 85px;
}
p {
margin: 0; 
padding: 8px 20px; 
}
h1 {
margin: 0 10px;
padding: 0 10px; 
color: #999;
border-bottom: 1px solid #f5f5f5;
letter-spacing: 1px;
font: bold 14px/25px Verdana, Arial, "Trebuchet MS", sans-serif;
}
h2 {
margin: 0;
padding: 0 20px; 
text-transform: uppercase;
color: #c2c2c2;
font: bold 10px/22px Verdana, Arial, "Trebuchet MS", sans-serif;
}
h3 {
margin: 0;
padding: 10px 0 0 20px; 
color: #000;
letter-spacing: 1px;
font: bold 12px/17px Verdana, Arial, "Trebuchet MS", sans-serif;
}
h4 {
margin: 0;
padding: 10px 0 0 20px; 
color: #555;
letter-spacing: 1px;
font: bold 11px/17px Verdana, Arial, "Trebuchet MS", sans-serif;
}
/* LINKS */
a.logo {
width: 350px;
height: 70px;
background: url(images/logo.gif) no-repeat;
float: left;
padding: 0 ;
margin: 0 0 0 220px;
}
a.logo:hover {
background: url(images/logo.gif) 350px 0;
}
a.explore {
width: 140px;
height: 20px;
background: url(images/more.gif) no-repeat top left ;
float: left;
margin: 10px;
padding: 0 0 0 10px;
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
color: #fff;
text-decoration: none;
}
a.explore:hover {
background: url(images/more.gif) 0 -20px;
}
h2 a {
margin: 0;
padding: 10px 50px 0 20px; 
color: #999;
float: left;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
font: bold 14px/20px Verdana, Arial, "Trebuchet MS", sans-serif;
background: url(images/h2a.gif) no-repeat 100% 100%;
}
h2 a:hover {
color: #000;
}
a {
color: #000;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none
}
a img {
border: none;
}
/* NAVIGATION */
#menu {
width: 600px;
height: 70px;
background: url(images/nav.gif) no-repeat top left;
padding: 0;
margin: 0;
position: relative;
float: right;
}
span { 
display: none; 
}
#menu li { 
padding: 0;
margin: 0;
list-style: none;
position: absolute;
}
#menu li, #menu a { 
height: 70px; 
display: block; 
}
#menuhome { left: 40px; width: 44px;}
#menuafc { left: 84px; width: 158px; }
#menuhanmer { left: 242px; width: 171px; }
#menupackages { left: 413px; width: 103px; }
#menucontact { left: 516px; width: 75px; }
#menuhome a:hover, #menuhome.current { background: transparent url(images/nav.gif) -40px -70px no-repeat;}
#menuafc a:hover, #menuafc.current{ background: transparent url(images/nav.gif) -84px -70px no-repeat;}
#menuhanmer a:hover, #menuhanmer.current { background: transparent url(images/nav.gif) -242px -70px no-repeat;}
#menupackages a:hover, #menupackages.current { background: transparent url(images/nav.gif) -413px -70px no-repeat;}
#menucontact a:hover, #menucontact.current { background: transparent url(images/nav.gif) -516px -70px no-repeat;}
/* FOOTER */
#footer {
clear: both;
font: normal 10px/17px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
background: url(images/footerbg.gif) bottom left repeat-x;
padding: 30px 0 0 0;
margin: 0;
color: #fff;
}
#footer a {
color: #eee;
}
/* FORMS */
dl.details {
margin: 0;
padding: 10px 0 10px 20px; 
float: left;
width: 250px;
}
dl.briefinside {
margin: 0;
padding: 10px 0 10px 20px; 
width: 500px;
}
dl.brief {
margin: 0;
padding: 10px 0 0 20px; 
float: left;
width: 300px;
}
dt {
color: #999;
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
}
dd {
margin: 0;
padding: 0 15px;
background: url(images/arrow.gif) no-repeat 0 50%;
} 
form {
padding: 0;
margin: 0;
float: right;
width: 250px;
}
label { 
width: 100%; 
display: block; 
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
}
.inp {
width: 200px;
}
input {
border: 1px solid #999;
background: #fff;
color: #000;
}
textarea { 
border: 1px solid #999;
background: #fff;
color: #000;
}
.submit {
width: auto;
border: none;
background: none;
}
.schedule {
width: 510px;
padding: 0;
margin: 0 0 10px 20px;
float: left;
display: inline;
}
th.heading {
font: bold 12px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
}
th {
font: bold 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
color: #444;
border-bottom: 1px solid #fff;
text-align: left;
padding: 6px 6px 6px 12px;
margin: 0;
}
th.nobg {
border-top: 0;
border-left: 0;
background: none;
color: #ffffcc;
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 0;
}
td {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: none;
padding: 6px 6px 6px 12px;
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
color: #444;
}
td.alt {
background: #c2c2c2;
}
td.conditions {
color: #fff;
background: #999;
border-left: 1px solid #fff;
}
th.type {
border-left: 1px solid #fff;
border-top: 0;
background: none;
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
letter-spacing: 0;
text-transform: none;
color: #444;
padding: 6px 6px 6px 12px;
margin: 0;
}
th.typealt {
border-left: 1px solid #fff;
border-top: 0;
background: #c2c2c2;
font: normal 11px/19px "Lucida Grande", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
letter-spacing: 0;
text-transform: none;
padding: 6px 6px 6px 12px;
margin: 0;
}