/* ---------------------------------------------------- */
 /*  presentation css 01                                 */
 /*  notes                                               */
 /* ---------------------------------------------------- */
 
 /*	color: #fef7e8;   page background  */
 
 
 
 /* ---------------------------------------------------- */
 /*  body (base font / text handling)                    */
 /* ---------------------------------------------------- */
 body {
 
 	/* Michael Tuck's Verdana font stack (with verdana swapped for arial) */
 	font-family: Corbel,
              "Lucida Grande",
              "Lucida Sans Unicode",
              "Lucida Sans",
              "DejaVu Sans",
              "Bitstream Vera Sans",
              "Liberation Sans",
              Arial,
              sans-serif;
 	font-size: 100%;
 	color: #000;
 	line-height:1.2;
 	text-align:left;
 	behaviour:url(../css/csshover.htc);
 }
 
 
 #footer {
 	font-family:
           Arial,
	   Verdana,
           sans-serif;
 }
 
 
 
 /* ---------------------------------------------------- */
 /* background colour                                    */
 /* ---------------------------------------------------- */
 body {
 	background-color:#fff;
 }
 div#wrap {
 	background-color:#fef7e8;
 }
 div#outer_wrap {
 	background-color:#fef7e8;
 }
 div#footer {
 	background-color:#fff;
 }
 div#header {
 	background-color:#000;
 }
 
 
 /* ---------------------------------------------------- */
 /* background images                                    */
 /* ---------------------------------------------------- */
 div#outer_wrap {
 	background-image:url(../images/site/top_stripe.jpg);
 	background-repeat:repeat-x;
 	background-position:top;
 }
 div#header {
 	background-image:url(../images/site/header_background.jpg);
 	background-repeat:no-repeat;
 	background-position:top left;
 	overflow:hidden;
 }

 div#footer {
 	background-image:url(../images/site/footer_stripe.jpg);
 	background-repeat:repeat-x;
 	background-position:top;
 }
 div#secondary_content img {
 	background-image:url(../images/site/eggtimer.gif);
 	background-repeat:no-repeat;
 	background-position:center center;
 }

 
 
 /* ---------------------------------------------------- */
 /*  links (LoVe HAte)                                   */
 /* ---------------------------------------------------- */
 
 /* ------------ */
 /* global links */
 /* ------------ */
 a:link {
 	text-decoration:underline; 
 	color:#00f;
 }
 a:visited {
 	text-decoration:underline;
 	color:#000;
 }
 a:hover {
 	text-decoration:none;
 	color:#f00; 
 }
 a:active {
 	text-decoration:none;
 	color: #f00; 
 }
 
 
 
 /* ------------ */
 /* list links   */
 /* ------------ */
 .list a:link,
 .list a:visited {
 	color:#000;
 }
 .list a:hover,
 .list a:active {
 	color:#f00;
 }
 
 
 /* ------------------------ */
 /* rainbow links in nav bar */
 /* ------------------------ */
 #navigation li#home a:link,
 #navigation li#home a:visited,
 #navigation li#home a:hover,
 #navigation li#home a:active {
 	color:#ffcccc;
 }
 #navigation li#about a:link,
 #navigation li#about a:visited,
 #navigation li#about a:hover,
 #navigation li#about a:active {
 	color:#ffcc99;
 }
 #navigation li#vehicle a:link,
 #navigation li#vehicle a:visited,
 #navigation li#vehicle a:hover,
 #navigation li#vehicle a:active {
 	color:#ffffcc;
 }
 #navigation li#places a:link,
 #navigation li#places a:visited,
 #navigation li#places a:hover,
 #navigation li#places a:active {
 	color:#ccffcc;
 }
 #navigation li#booking a:link,
 #navigation li#booking a:visited,
 #navigation li#booking a:hover,
 #navigation li#booking a:active {
 	color:#ccffff;
 }
 #navigation li#faq a:link,
 #navigation li#faq a:visited,
 #navigation li#faq a:hover,
 #navigation li#faq a:active {
 	color:#ccccff;
 }
 #navigation li#contact a:link,
 #navigation li#contact a:visited,
 #navigation li#contact a:hover,
 #navigation li#contact a:active {
 	color:#ffccff;
 }
 
 #navigation a:hover {
 	padding-top: 20px ;
 }
 
 
 /* indicate external links */
 a.external:link,
 a.external:visited,
 a.external:hover,
 a.external:active {
 	background-image:url(../images/site/external.gif);
 	background-repeat:no-repeat;
 	background-position: right 20%;
 	padding-right:13px;
 }
 
 /* indicate email links */
 a.email:link,
 a.email:visited,
 a.email:hover,
 a.email:active {
 	background-image:url(../images/site/envelope.gif);
 	background-repeat:no-repeat;
 	background-position: left 70%;
 	padding-left:25px;
 }
 
 
 /* ------------ */
 /* footer links */
 /* ------------ */
 div#footer a:link, div#footer a:visited {
 	text-decoration:underline; 
 	color:#999; 
 }
 div#footer a:hover, div#footer a:active {
 	text-decoration:none; 
 	color:#f00;
 } 
 
 
 
 /* ---------------------------------------------------- */
 /* headings                                             */
 /* ---------------------------------------------------- */
 
 h1, h2, h3, h4, h5, h6 {
 	margin-top: 0.5em;	
 	margin-bottom: 0.1em;	
 	font-weight:normal;
 }
 
 h1 {
 	position:absolute;
 	top: 145px;
 	left: 104px;
 	width:265px;
 	font-size:13px; 
 	text-transform: uppercase; 
 	text-align:center;
 	zoom:1;
 	color:#000;
 	margin: 0;
 }
 
 h2 {
 	color:#000;
 	font-size:1.5em; 
 	margin-top: 0.5em;	
 	margin-bottom: 0.1em;	
 }
 
 
 /* page-specific h2 / h3 colours */
 .home h2, .home h3 {
 	color:#ff6767;
 }
 .about h2, .about h3 {
 	color:#ff6600;
 }
 .vehicle h2, .vehicle h3 {
 	color:#cc9900;
 }
 .places h2, .places h3 {
 	zzcolor:#2a952a;
 	color:#009900;
 }
 .booking h2, .booking h3 {
 	color:#2a95ff;
 }
 .faq h2, .faq h3 {
 	color:#5555ff;
 }
 .contact h2, .contact h3 {
 	color:#aa55aa;
 }
 .xxx h2, .xxx h3 {
 	color:#333;
 }
 
 
 
 /* special stuff to position header h2 text */
 #header h2, #header h2.first {
 	position:absolute;
 	top: 141px;
 	color:#eee;
 	font-size:15px; 
 	font-weight:bold;
 	margin-top: 0;	
 	margin-bottom: 0;	
 }
 #header h2.first {left: 537px;}
 #header h2       {left: 642px;}
 
 
 h3 {
 	margin-top: 0;	
 	color:#000;
 	font-size:1.1em; 
 }
 
 
 h4 {
 	color:#000; 
 	font-size:0.9em; 
 	margin-top: 1em;	
 	font-weight:bold;
 }
 
 
 
 
 /* ---------------------------------------------------- */
 /* misc                                                 */
 /* ---------------------------------------------------- */
 
 #contact_details p {
 	padding:0;margin:0;
 }
 
 .home #names {
 	padding:20px 0 3px 0;
 	color:#ff6767;
 	font-size:17px; 
 	text-transform: uppercase; 
 	line-height:16px;
 }
 .home .phone {
 	color:#ff4444;
 	font-size:30px; 
 	line-height:30px;
 	font-family: 
              Arial,
              sans-serif;
 
 }
 .home #email {
 	padding:3px 0 0px 0;
 	color:#ff6767;
 	font-size:16px; 
 }
 .home #address {
 	padding:0px 0 5px 0;
 	color:#ff6767;
 	font-size:12px; 
 }
 
 
 
 
 /* ---------------------------------------------------- */
 /* paragraphs                                           */
 /* ---------------------------------------------------- */
 
 p {
 	font-size:.9em; 
 	margin:0 1em 0.75em 0; 
 	line-height:1.3;
 }	
 

 
 #primary_content p, 
 #primary_content h2,
 #primary_content h3,
 #primary_content h4,
 #primary_content ul,
 #primary_content table {
 	margin-left:10px; 
 	margin-right:10px; 
 }	
 
 #primary_content hr {
 	margin-left:10px; 
 }	
 
 #header p {
 	margin-top:120px;
 	padding:0 300px 0 10px;
 	font-variant:small-caps;
 }
 
 #footer p {
 	color:#999;
 	float:left; 
 	display:inline; 
 	width:455px; 
 	padding:0px 0px 50px 0px;
 	margin:0 0 0 61px;
 }


 #secondary_content p, #secondary_content h3 {
 	margin-left:0px; 
 	margin-right:0px; 
 	background-color:transparent;  /* prevents ie5 "jump" on hover */
 }	
 
 /* default is to clear floated img */
 #secondary_content zzp, #secondary_content zzh3 {
 	clear:left;
 	/* next two lines fix ie extra gap below floated img */
 	zoom:1;
 	padding: 0.1em 0;
 }	
 
 /* switch off clearing where needed */
 #secondary_content .clearnone {      
 	clear:none;
 }	
 
 p.quote {
 	margin:15px 0 20px 0;
 	font-size:16px; 
 	line-height:1.2;
 }
 
 
 
 
 /* ---------------------------------------------------- */
 /* lists (put all lists in div class="list")            */
 /* for nav lists see nav div section                    */
 /* ---------------------------------------------------- */
 
 div.list {
 	font-size: 0.9em; 
 	line-height:1.3;
 	margin:0 0 0.5em 0; 
 }
 
 /* set bullet / number position */
 ul {padding: 0 0 0 1.3em;}
 ol {padding: 0 0 0 3em;}
 ol ol {padding: 0 0 0 1.75em;}
 
 ul li {list-style-type:disc;list-style-position:outside;}

 ol li       {list-style-type:lower-alpha;}
 ol li ol li {list-style-type:lower-roman;}



 div#footer ul {
 	float:left; 
 	display:inline; 
 	width:258px;
 	padding:0px 0 10px 0;
 	margin:0 10px 0 106px;
 }
 
 div#footer li {
 	display:inline;          /* make the lists display horizontally */
 	padding:0 5px 0 0px;     /* horiz space between links / vert lines */
 }
 
 div#footer {
 	font-size:.8em; 
 	line-height:1.2;
 }
 
 
 
 /* ---------------------------------------------------- */
 /* images                                               */
 /* ---------------------------------------------------- */
 
 /* allow padding for rotated images */
 img.zzrotate_cw_sh, img.zzrotate_ccw_sh {
 	padding:20px;
 }
 
 
 /* ------------ */
 /* main image   */
 /* ------------ */
 img.secondary_content {
 	float:left;
 	display:inline; 
 	min-width:48px;
 	min-height:0px;
 	border:solid 5px #fff;
 	margin: 0 5px 10px 0;
 	background-color:#fff;
 }
 
 
 
 
 /* ---------------------------------------------------- */
 /* forms                                                */
 /* ---------------------------------------------------- */

form em {
	color:red;
	font-style:normal;
 	font-weight:bold;
}
#bookingform p, #newsletterform p {
	margin:0 10px;
	font-size:1em;
}
form {
	font-size:0.8em;
}

#bookingform {
	width:450px;
	margin:0 0 20px 0; 
}
#newsletterform {
	margin:20px 0 20px 0; 
}

form fieldset {
	border:1px solid #aaa; 
	padding:0px 0 10px 0;
	margin:0px 0 10px 0;
}
form legend {
	padding: 0.2em 5px ;
	color:#000;
	text-transform:uppercase;
}
form label {
	float:left; 
	width:250px;
	clear:both; 
	margin:0; 
	padding:0px 0px 3px 0;
	color:#000; 
	text-align:right
}
#newsletterform label {
	width:80px;
	padding:5px 0px 0px 10px;
	text-align:left;
}
form select {
	width:170px;
	float:left; 
	margin:0px 5px 8px 10px; 
	padding:0; 
	font-size:75%; 
	height:18px;
}
form select.narrow {
	width:80px;
	margin:0px 0px 8px 10px; 
}
form input {
	float:left; 
	width:170px; 
	margin:0px 5px 5px 10px; 
	padding:0; 
	font-size:75%; 
	height:16px;
	background-color:#fef7e8;
	border-bottom:1px dashed #aaa;
}
#newsletterform input {
	width:220px; 
	margin:5px 0px 0px 10px; 
	padding:0 5px;
	border:1px dashed #aaa;
}
form input.checkbox {
	float:left; 
	width:170px; 
	margin:0px 5px 8px 0px; 
	padding:0; 
	font-size:75%; 
	height:16px;
	border:0;
}
form textarea {
	float:left; 
	width:410px; 
	height:60px; 
	clear:both;
	padding:5px; 
	margin-top:5px;
	margin-left:10px;
	border:1px dashed #aaa;
	overflow: auto;
 	font-family: Corbel,
              "Lucida Grande",
              "Lucida Sans Unicode",
              "Lucida Sans",
              "DejaVu Sans",
              "Bitstream Vera Sans",
              "Liberation Sans",
              Arial,
              sans-serif;
	font-size:1em;
}
form input.buttons {
	margin:8px 0px 0px 10px; 
	padding:0;
	width:205px; 
	height:25px; 
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	background-color:#eee;
	color:#666; 
	font-size:1em; 
}
#newsletterform input.buttons {
	float:right;
	margin:0px 10px 0px 0px; 
	width:100px; 
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}

form input.send {
	color:#2a2aff; 
 	background-image:url(../images/site/chasing-rainbows-button.jpg);
 	background-repeat:no-repeat;
 	background-position:center center;
}





 
 
 /* ---------------------------------------------------- */
 /* navigation                                           */
 /* ---------------------------------------------------- */
 
 div#navigation {
 	padding-top:0px;
 	font-size:12px;
 	font-weight:bold;
 	font-family: 
           Arial,
           sans-serif;
 }
 div#navigation ul {
 	padding:0 0 5px 0;   /* adjuxt top padding to align nav bar text */
 }
 div#navigation li {
 	float:left;
 	display:inline;
 	list-style-type:none;
 	text-align:center;
 }
 div#navigation li a {
 	display:block;
 	width:60px;
 	padding:3px 0 4px 0;
 	margin:0px 5px 0px 0px; 
 	text-decoration:none; 
 	color:#fff;
 	background-color:#000;
 }
 



 /* ---------------------------------------------------- */
 /* where am i now?                                      */
 /* ---------------------------------------------------- */
 
 /* ---------------------------- */
 /* current section in main nav  */
 /* ---------------------------- */
 body.home        div#navigation li#home        a,
 body.about       div#navigation li#about       a,
 body.vehicle     div#navigation li#vehicle     a,
 body.places      div#navigation li#places      a,
 body.booking     div#navigation li#booking     a,
 body.faq         div#navigation li#faq         a, 
 body.contact     div#navigation li#contact     a {
 	cursor:default;
 	padding-top: 20px ;

 }


.swfir {
	padding:5px 0;
}



 /* ---------------------------------------------------- */
 /*  tables                                              */
 /* ---------------------------------------------------- */
table {
	width:90%;
	text-align:center;
	border:1px solid #999;
	border-collapse:collapse;
	margin:10px 0 20px 0;
}
table td, table th {
	font-size:0.8em;
	padding:2px;
	border:1px solid #ccc;;
}
table caption {
	font-variant: small-caps;
	padding-bottom:3px;
}
th {
	font-weight:bold;
	background-color:#999;
	color:#fff;
}



 
 
 /* ---------------------------------------------------- */
 /* end of styles                                        */
 /* ---------------------------------------------------- */