body{background-color: #EFF4FF; font-family: trebuchet, "Trebuchet MS", helvetica, arial, sans-serif; padding-bottom: 2em;}
div#doc{padding-top: 1em;}


/* footer */    
div#ft{font-size: 90%; color: #5f5f5f; margin: 0.5em 0 1.5em 0; border-width: 1px 0 1px 0; padding: 0.5em;}

/* header */
div#hd{background-color: #7491CF; padding: 1em;}
h1{color: #fff; font-size: 2.5em; padding-left: 0.2em;}

/* ------------------------
           body
------------------------ */
div#bd{background-color: #fff; border: solid 1px #bfbfbf; border-bottom-width: 2px; border-right-width: 2px; padding-bottom: 1em;}
h2{font-style: italic; background-color: #ddef95; color: #5f5f5f; font-size: 1.2em; padding: 2.5em 1em 0.5em 1em; font-weight: bold; margin: 0}
body#home h2{margin: 0 0 1.5em 0; }

/* lists with curved edge bg's */
ul.intro{font-size: 1.2em; font-weight: normal; background: #efefef url(../images/topleft.gif) top left no-repeat; padding: 0 0 0 0.5em; margin: 0; color: #4f4f4f;}
ul.intro li{margin-bottom: 0.5em; list-style-image: url(../images/bullet.gif); list-style-position: outside; padding-right: 0.3em; margin-left: 1em;}
ul.intro li.first{background: #efefef url(../images/toprt.gif) top right no-repeat; padding: 0.5em 0.5em 0 0;}
/*wrapper is needed to give bottom left corner somthing to 'stick to' */
div.wrapper{background: #efefef url(../images/botlft.gif) bottom left no-repeat; margin: 0 0 0 1.3em;  padding-bottom: 0.7em;}



/* adjust top row width */
div#tp div.yui-u {width: 44%;}
div#tp div.first {width: 54%;}


div#tp img.car{margin-bottom: 1em;}
div#tp div.wrapper{margin-bottom: 2em;}
  
/*
contact form  and images
*/

/* width tweaks for main containers */
div#contact div.yui-u {width: 75%;}
div#contact div.first {width: 23%;}

h3{color: #6788CF; font-size: 1.5em; padding: 0; margin: 0.5em 1.1em 0.5em 0.65em;}
.yui-gd h3{margin: 0 0 0.5em 0.15em}
* html .yui-gd h3{margin-left: 0.2em;}

h4,
body#testimonials h5,
body#services h5{color: #5f5f5f; font-size: 1.2em; font-weight: bold; margin: 0 0 0.3em 1.8em; }
#fc h4{margin: 0;}
/* other */
label{font-weight: bold; display:block}
p{margin: 0.2em 0; padding: 0;}
/*images w borders*/
img.cimg{display: block; margin: 31px 0.2em 1em 1.6em;}

/* 'special' box */
div#special {margin-left: 0em; padding: 0; margin: 0; /* text-align: right */}
div#special img {vertical-align: middle; padding-left: 1.3em; padding-bottom: 0.4em;}
div#special a{color: #7491cf; font-size: 1.2em; font-weight: bold; padding: 0.1em;}
div#special a:hover{text-decoration: underline; background-color: #eee; }



/* contact section layout */
.yui-gd div#fc, div#fc{padding: 0.5em; width: 90%; background-color: #E9EFD1; margin-right: 1em;}
/* booking form */
body#booking div#bd{padding-bottom: 0;}
body#booking h3{margin-top: 1.6em;}
.yui-gc div#fc{margin: 0; padding: 0; width: 66%; padding-bottom: 1em;}
.yui-gc div#fc p, .yui-gc div#fc h4, .yui-gc div#fc form{padding-left: 0.5em;}
body#booking div.wrapper{margin-right: 1em; font-size: 0.9em;}

.yui-gd, .yui-g{margin-bottom: 1.5em;}

/* general text styles */

/* note, error and success message text styles */
.note, span.note, span.error, span.success{display: block; font-style: italic; font-size: 90%; margin-top: 0.7em; margin-bottom: 0.3em;}
span.error, span.success{font-style: normal; font-weight: bold; color: #d00;}
span.success{color: green; font-size: 120%;}

/* form input margins */
.fi {margin-bottom: 0.7em;}
/* form */
label.datelabel{font-weight: normal;}
#ta{margin-top: 1em;}
label input, label a img{vertical-align: top;}



/* back to top links */
a.top{float: right; padding-right: 3em; margin-top: -3.6em; font-weight: bold; font-size: 95%; color: #5f5f5f; text-decoration: none;}
    

/* 'book this vehicle' image links */    
a.book{display: block; margin-top: 1em;}

/* top nav */
#navcontainer {}
#navcontainer ul{padding-left: 0; margin-left: 0; background-color: #C9D989; float: right; width: 100%;}
#navcontainer ul li{display: inline;}
#navcontainer ul li a{
  padding: 0.5em 0.8em;
  background-color: #C9D989;
  color: #5f5f5f;
  text-decoration: none;
  float: right;
  border-left: 1px solid #848F59;
  font-size: 1em;
  font-family: verdana, arial, sans-serif;}

#navcontainer ul li a:hover{background-color: #B5C37C;color: #fff;}

/* forms */
/*form{padding: 1em 0 1em 0; margin: 0;}*/
/*div.form div.first{text-align: right;}*/
/*div.form div.yui-gd{margin-bottom: 0.6em;}*/
input.submit{display: block;}
table{width: 100%;}
table tr td{vertical-align: top; padding: 0.1em;}
table tr td.tablefirst{width: 30%;}

/* contact form */
#contact, #cinfo{border-top: dotted 1px #bfbfbf;}
#contact{padding-top: 1em;}
#contact h4{padding-bottom: 0.3em;}
#contact form{padding-left: 0.5em; border-top: dotted 1px #bfbfbf; margin-top: 1.1em; padding-top: 0.4em}
span.ftitle{font-weight: bold}
ul.intro li span.ftitle{display: block;}
#contact ul.intro{margin: 0;}
#contact div.wrapper{width: 98%; margin-right: 0;}
* html #contact div.wrapper{width: 90%;}
#contact div.form h4{padding-left: 9.9em;}

/* calendar positioning */
.yui-gd #mid div#calendarContainer, .yui-gd #mid div#ccont2{background-color: #fff; width: 150px; position: relative; left: -150px; top: -10px;}

/* calendar width */
.yui-calcontainer {width: 160px;}

label#ctolabel input{margin-left: 1.1em;}

#cinfo h4{margin-left: 1.1em;}
#cinfo div{margin-bottom: 1em;}

/* 'back' links */    
a.back{margin-left: 1.5em;}

/* footer */
.yui-g {margin: 0 2.4em 0 2em; padding-bottom: 0; background-color: #eee;}
.yui-g div.yui-u{padding: 0.35em 0.2em;}
.yui-g span.ftitle{padding-left: 0.2em;}

/**
deposit form
**/
body#deposit form {padding-left: 1em;}
body#deposit .yui-g {background-color: #fff;}
body#deposit label{margin-bottom: 0.2em; margin-top: 1em;}
body#deposit input{margin: 0;}



/* ------------------------ testimonials & services -------------------- */
body#testimonials p, body#services p{padding: 0.5em 0.1em 0.5em 2.1em;}

body#testimonials div.wrapper, body#services div.wrapper{margin-right: 0.8em;}

body#testimonials h3, body#services h3{padding: 30px 0  0 15px;}

body#testimonials h5, body#services h5{font-size: 95%; margin-left: 27px; margin-bottom: 2em;}

body#testimonials blockquote{font-style: italic;}

body#testimonials div.wrapper ul li, body#services div.wrapper ul li{font-size: 90%;}
/* ------------------------ services -------------------- */
body#services h5{margin-bottom: 0.5em; font-size: 1.1em; margin-top: 1.5em;}

div.backtotop{float: right; font-size: 90%;}
div.backtotop a{color: #404040; text-decoration: none}
div.backtotop a:hover{text-decoration: underline}


/* ie fixes */
* html ul.intro{font-size: 1.15em;}
* + html ul.intro{font-size: 1.18em;}

/* nav h2 margin */
* + html h2{padding-top: 20px;}
* html h2{padding-top: 20px;}

* html h3#vehicles {margin-top: 1em;}
* + html h3#vehicles {margin-top: 1em;}

* html div#contact div.yui-u {width: 73%;}
* html div#contact div.first {width: 25%;}

/* print rules */
@media print{
  div#bd {font-size: 85%;}
  
}