/* CSS Document */

html, body, p, h1, h2, h3, h4, h5, h6, form, table, tr, td, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background-color: black; 
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}


/***************************************************************************************/
/*  MAIN OUTER PANEL
/***************************************************************************************/

#outer{
	background-color: black;
	color: white;
	margin:30px auto;
	width: 780px !important;		/* Read by all browsers, but IE ignores !important */
	width: 782px;  					/* IE5 750px+(2x1px) */
	width/**/:/**/780px;
	border: 1px solid #999999;
}

/***************************************************************************************/
/*  TOP BANNER
/***************************************************************************************/

#banner {
	background-image: url(images/logo.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 110px;
	


}

/***************************************************************************************/
/*  NAVIGATION BAR 
/***************************************************************************************/

#nav1, #nav2 {
	background-color: #B1B1B1;
	color: white;
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}

#home1a  		a#homenav,			#home1b 			a#homenav2,
#about1a			a#aboutnav,		   #about1b			a#aboutnav2,
#services1a		a#servicenav,		#services1b		a#servicenav2,
#fleet1a    	a#fleetnav,			#fleet1b    	a#fleetnav2,
#corporate1a 	a#corporatenav,	#corporate1b 	a#corporatenav2,
#events1a		a#eventsnav,		#events1b		a#eventsnav2,
#booking1a   	a#bookingnav,		#booking1b   	a#bookingnav2,
#contact1a 		a#contactnav,		#contact1b 		a#contactnav2,
#term1a			a#termnav,		   #term1b			a#termnav2 { 
	color: #199645; 
	background-color: #B1B1B1;
} 

#nav1 ul, #nav2 ul 			{ margin: 3px 0 5px 0; padding: 0px; }
#nav1 ul li, #nav2 ul li 	{ margin: 0px; padding: 0px; display: inline; }

#nav1 ul li a, #nav1 ul li a:visited,
#nav2 ul li a, #nav2 ul li a:visited  {
	background-color: #B1B1B1;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#nav1 ul li a, #nav1 ul li a:visited, 
#nav2 ul li a, #nav2 ul li a:visited { padding: 0px 21px 0px 21px; }

#nav1 ul li a:hover, #nav1 ul li a:focus,
#nav2 ul li a:hover, #nav2 ul li a:focus {
	color: #199645;
}
	
/***************************************************************************************/
/*  MAIN CONTENT PANEL 
/***************************************************************************************/

#home2, #about2, #services2, #fleet2, #corporate2, 
#events2, #booking2, #contact2, #terms2 {
	background-color: white;
	background-position: top left;
	background-repeat: repeat-y;
	color: black;
	padding: 40px 65px 20px 210px;
	text-align: left;
	text-transform: none;
}

/*  Image should be 75px longer than following section heights  */
#home2 		{ background-image: url(images/home1.jpg); height: 360px;}
#about2 	{ background-image: url(images/about1.jpg); height: 500px; }
#services2  { background-image: url(images/services1.jpg); height: 560px; }
#fleet2		{ background-image: url(images/fleet1.jpg); height: 665px; }
#corporate2	{ background-image: url(images/corporate1.jpg); height: 313px; }
#events2	{ background-image: url(images/events1.jpg); height: 1180px; }
#booking2	{ background-image: url(images/booking1.jpg); height: 750px; }
#contact2	{ background-image: url(images/contact1.jpg); height: 311px; }
#terms2		{ background-image: url(images/terms1.jpg); height: 530px; }


#content h1 {
	font-size: 14px;
	padding-bottom: 12px;
}

#content h2 {
	background-color: white;
	color: #199645;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 24px 0 6px 0;
	text-align: left;
}

#content p {
	font-size: 11px;
	line-height: 16px;
	padding: 6px 0 6px 0;
}

#content p.small {
	font-size: 10px;
	line-height: 13px;
}

/***************************************************************************************/
/*  HYPERLINKS	
/***************************************************************************************/

#content a {
	color: #199645;
	text-decoration: none;
}

#content a:visited  { color: #199645; }
#content a:hover, #content a:active, 
#content a:focus   { color: #851995; }

#secure a { color: #000000; }

/***************************************************************************************/
/*  IMAGES
/***************************************************************************************/

#content IMG {
	border: 1px solid black;
	margin-bottom: 12px;
}

#content IMG.nb {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
	
/***************************************************************************************/
/*  FONTS
/***************************************************************************************/

#content .f09 { font-size: 9px;  }
#content .f10 { font-size: 10px; }
#content .f11 { font-size: 11px; }
#content .f12 { font-size: 12px; }
#content .f13 { font-size: 13px; }
#content .f14 { font-size: 14px; }
#content .f15 { font-size: 15px; }
#content .f16 { font-size: 16px; }
#content .f18 { font-size: 18px; }

/***************************************************************************************/
/*  FORMATTING
/***************************************************************************************/

#content .bd { font-weight: bold;  }
#content .it { font-style: italic; }

/***************************************************************************************/
/*  COLOURS
/***************************************************************************************/

#content .black  { color: #000; }
#content .blue   { color: #003F60; }
#content .red    { color: #F00; }
#content .white  { color: #FFF; }

/***************************************************************************************/
/*  MARGINS
/***************************************************************************************/

#content .mt00  { margin-top: 0;     }
#content .mt03  { margin-top: 3px;   }
#content .mt06  { margin-top: 6px;   }
#content .mt09  { margin-top: 9px;   }
#content .mt12  { margin-top: 12px;  }
#content .mt18  { margin-top: 18px;  }
#content .mt24  { margin-top: 24px;  }
#content .mt36  { margin-top: 36px;  }
#content .mt50  { margin-top: 50px;  }
#content .mt55  { margin-top: 55px;  }
#content .mt60  { margin-top: 60px;  }
#content .mt100 { margin-top: 100px; }
#content .mt200 { margin-top: 200px; }

#content .mb00  { margin-bottom: 0;    }
#content .mb06  { margin-bottom: 6px;  }
#content .mb09  { margin-bottom: 9px;  }
#content .mb12  { margin-bottom: 12px; }
#content .mb24  { margin-bottom: 24px; }
#content .mb36  { margin-bottom: 36px; }
#content .mb50  { margin-bottom: 50px; }

#content .ml10  { margin-left: 10px; }
#content .ml15  { margin-left: 15px; }
#content .ml25  { margin-left: 25px; }
#content .ml35  { margin-left: 35px; }
#content .ml50  { margin-left: 50px; }

#content .pb00  { padding-bottom: 0px; }
#content .pt00  { padding-top: 0px; }

/***************************************************************************************/
/*  ALIGNMENT
/***************************************************************************************/

#content .centre {
	text-align: center;
	margin-left: auto;
	margin-right: auto; 
}

#content .ac { text-align: center; }
#content .al { text-align: left;   }
#content .ar { text-align: right;  }
#content .aj { text-align: justify;}

#content .vm { vertical-align: middle; }
#content .vt { vertical-align: top;    }
#content .vb { vertical-align: bottom; } 

/***************************************************************************************/
/*  LISTS
/***************************************************************************************/

#content ul { 
	margin: 6px 0px 0px 15px; 
	padding: 0px;
}
	
#content li {
	font-size: 11px;
	margin: 4px 0 3px 0;
}

#content li.small {
	font-size: 10px;
	margin: 2px 0 2px 0;
}

/***************************************************************************************/
/*  BOOKING FORM
/***************************************************************************************/

#content table.booking { 
	margin-top: 18px; 
	width: 100%; 
}

#content table.booking td { 
	vertical-align: middle; 
}

#content table.booking td.spacer {
	height: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

#content table.booking img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

#content table.booking input {
	font-size: 10px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	width: 120px;
}

#content table.booking textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#content table.booking input.cbox {
	background-color: white;
	width: 15px;
}

#content table.booking input.submit {
	font-size: 13px;
	font-weight: normal;
	height: 25px;
	width: 150px;
}

#content table.booking h1 {
	background-color: white;
	color: #199645;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	text-align: left;
}

#content table.booking p {
	font-size: 10px;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

#content table .pl15 {
	padding-left: 15px;
}

/***************************************************************************************/
/*  MISCELLANEOUS
/***************************************************************************************/

#content .colR {
	float: right;
	width: 225px;
}

#content .colL {
	width: 225px;
}

#content .colRS {
	float: right;
	width: 50px;
}

#content .colLS {
	width: 425px;
}


#content .clearit {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0px;
	overflow: hidden;				/* IE hack */
}

#content .clright {
	clear:	right;
}

#content hr {
	background-color: #199645;
	color: #199645;
	border-color: #199645;  /*Required for Firefox */ 
	border: 0px none; 
	height: 1px;
	text-align: center;
	width: 100%;
	margin: 12px auto 0px auto;
}

.version {
	color: #FFFFFF;
	font-size: 7px;
	text-align: center;
}

.botrap {
	display:				none;
}

/***************************************************************************************/
/*  CENTRAL GREY PROMO BAR
/***************************************************************************************/

#midbar {
	background-color: #B1B1B1;
	color: white;
	height: 90px;
	padding: 15px 0 0 0;
	text-transform: none;
}

#midbar a, #midbar a:visited { 
	background-color: #B1B1B1;
	color: white;
	text-decoration: none;
}

#midbar a:hover, a:focus {
	color: #199645;
}

#block1 {
	border-right: 1px solid white;
	float: left;
	height: 75px;
	padding: 0px 15px 0px 155px;
	width: 150px;
}

#block2, #block3 {
	border-right: 1px solid white;
	float: left;
	height: 75px;
	width: 150px;
}

#block4 {
	float: left;
	width: 150px;
}

#block1 h1, #block2 h1, #block3 h1, #block4 h1 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 15px 12px 15px;
	text-align: left;
	text-transform: uppercase;
} 

#block1 p, #block2 p, #block3 p, #block4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 15px 0px 15px;
	text-align: left;
	text-transform: none;
} 

/***************************************************************************************/
/*  BOTTOM SEO PANEL 
/***************************************************************************************/

#home3, #about3, #services3, #fleet3, #corporate3, 
#events3, #booking3, #contact3, #terms3 {
	background-color: white;
	background-position: top left;
	background-repeat: no-repeat;
	color: black;
	height: 89px;
	padding: 40px 0 0 0;
	text-align: left;
	text-transform: none;
	width: 780px;
}

#home3 		{ background-image: url(images/home2.jpg); }
#about3 		{ background-image: url(images/about2.jpg); }
#services3  { background-image: url(images/services2.jpg); }
#fleet3		{ background-image: url(images/fleet2.jpg); }
#corporate3	{ background-image: url(images/corporate2.jpg); }
#events3		{ background-image: url(images/events2.jpg); }
#booking3	{ background-image: url(images/booking2.jpg); }
#contact3	{ background-image: url(images/contact2.jpg); }
#terms3		{ background-image: url(images/terms2.jpg); }

#seo {
	background-color: black;
	color: #199645;
	float: right;
	height: 89px;
	width: 633px;
}
#seo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-weight: normal;
	line-height: 9px;
	padding: 12px 30px 12px 65px;
	text-align: justify;
}

.seologo {
	border:						0px none;
	margin:						250px auto 0px auto;
	text-align:					center;
}