/* 
Coding and design by Hambo Design
-------------------------------------------------------------*/


/* CSS Reset
-------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


/* remember to define focus styles! */

:focus {
outline: 0;
}

body {
background: #002F3E url(../assets/images/background/body-bg.gif) repeat-x;
color: black;
font: 62.5%/2em Helvetica, Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1;
text-align: center;
}

ol, ul {
list-style: none;
}

.clear {
clear: both;
}

.hide {
display: none;
}

.visible {
visibility: visible;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}



/* Typography Settings
-------------------------------------------------------------*/

h1 {
background: url(../assets/images/presentation/logo.gif) no-repeat;
height: 102px;
text-indent: -9999px;
width: 800px;
}

h2 {
height: 202px;
text-indent: -9999px;
width: 800px;
}

	#home h2 {
	background: url(../assets/images/presentation/section-corporate.jpg) no-repeat;
	}
	
	#airport h2 {
	background: url(../assets/images/presentation/section-airport.jpg) no-repeat;
	}
	
	#tours h2 {
	background: url(../assets/images/presentation/section-tours.jpg) no-repeat;
	}
	
	#group h2 {
	background: url(../assets/images/presentation/section-group.jpg) no-repeat;
	}
	
	#privacy h2 {
	background: url(../assets/images/presentation/section-privacy.jpg) no-repeat;
	}
	
h3 {
height: 68px;
text-indent: -9999px;
width: 400px;
}

	h3#header-booking {
	background: url(../assets/images/presentation/header-booking.jpg) no-repeat;
	}
	
	#home h3.body-header {
	background: url(../assets/images/presentation/header-corporate.jpg) no-repeat;
	}
	
	#airport h3.body-header {
	background: url(../assets/images/presentation/header-airport.jpg) no-repeat;
	}

	#tours h3.body-header {
	background: url(../assets/images/presentation/header-tours.jpg) no-repeat;
	}
	
	#group h3.body-header {
	background: url(../assets/images/presentation/header-group.jpg) no-repeat;
	}
	
	#privacy h3 {
	width: 800px;
	}
	
	#privacy h3.body-header {
	background: url(../assets/images/presentation/header-privacy.jpg) no-repeat;
	}

h4.header {
color: #fff;
font-size: 1.7em;
margin-bottom: 1em;
}

h4 {
color: #fff;
font-size: 1.6em;
margin: 0.5em 0;
}
	
p {
color: #eee;
font-size: 1.3em;
line-height: 1.5em;
padding-bottom: 1.3em;
}

	a:link {
	color: #eee;
	}
	
	a:visited {
	color: #eee;
	}
	
	a:hover {
	color: #ffd072;
	}

blockquote p {
background: #22210D;
border-left: 4px solid #333;
font: 1.6em Georgia, "Times New Roman", serif;
font-style: italic;
line-height: 1.5em;
margin-bottom: 20px;
padding: 10px 10px 10px 20px;
}

span.bold {
font-weight: bold;
}



/* List Settings
-------------------------------------------------------------*/

ul.content-list {
margin: 0 0 20px 25px;
}

ul.content-list li {
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
list-style-type: disc;
margin-bottom: 10px;
}



/* Navigation Styling
-------------------------------------------------------------*/

#navigation ul {
height: 153px;
width: 800px;
}

	#navigation ul li {
	float: left;
	height: 153px;
	}

	#navigation ul li a {
	display: block;
	height: 153px;
	text-indent: -9999px;
	width: 200px;
	}
	
	#navigation ul li#nav-corporate a {
	background: url(../assets/images/presentation/nav-corporate.jpg) 0 0;
	height: 153px;
	width: 200px;
	}
	
	#navigation ul li#nav-corporate a:hover {
	background: url(../assets/images/presentation/nav-corporate.jpg) 0 -153px;
	}
	
	#home #navigation ul li#nav-corporate a {
	background: url(../assets/images/presentation/nav-corporate.jpg) 0 -153px;
	}

	#navigation ul li#nav-airport a {
	background: url(../assets/images/presentation/nav-airport.jpg) 0 0;
	height: 153px;
	width: 200px;
	}
	
	#navigation ul li#nav-airport a:hover {
	background: url(../assets/images/presentation/nav-airport.jpg) 0 -153px;
	}
	
	#airport #navigation ul li#nav-airport a {
	background: url(../assets/images/presentation/nav-airport.jpg) 0 -153px;
	}
	
	#navigation ul li#nav-tours a {
	background: url(../assets/images/presentation/nav-tours.jpg) 0 0;
	height: 153px;
	width: 200px;
	}
	
	#navigation ul li#nav-tours a:hover {
	background: url(../assets/images/presentation/nav-tours.jpg) 0 -153px;
	}
	
	#tours #navigation ul li#nav-tours a {
	background: url(../assets/images/presentation/nav-tours.jpg) 0 -153px;
	}
	
	#navigation ul li#nav-group a {
	background: url(../assets/images/presentation/nav-group.jpg) 0 0;
	height: 153px;
	width: 200px;
	}
	
	#navigation ul li#nav-group a:hover {
	background: url(../assets/images/presentation/nav-group.jpg) 0 -153px;
	}
	
	#group #navigation ul li#nav-group a {
	background: url(../assets/images/presentation/nav-group.jpg) 0 -153px;
	}
	


/* DIV Areas
-------------------------------------------------------------*/

#container {
margin: 0 auto;
text-align: left;
width: 800px;
}

#logo {
height: 102px;
width: 800px;
}

#section-header {
height: 202px;
width: 800px;
}

#navigation {
height: 153px;
width: 800px;
}

#content {
background: #00232a url(../assets/images/background/content-bg.gif) repeat-y;
float: left;
width: 800px;
}

	#booking-form {
	background-color: #133f4c;
	float: left;
	width: 400px;
	}
	
	#body-copy {
	background-color: #00232a;
	float: left;
	width: 400px;
	}
	
		#body-copy-inner {
		padding: 10px 35px;
		width: 330px;
		}
		
	#privacy #body-copy {
	width: 800px;
	}
	
		#privacy #body-copy-inner {
		width: 730px;
		}

#footer {
background: #000;
border-top: 2px solid #303615;
clear: both;
color: #fff;
height: 100px;
}

#footer-inner {
margin: 20px auto 0;
text-align: left;
width: 800px;
}

#footer-links {
float: left;
}

#footer-credits {
float: right;
width: 120px;
}


/* Form Styling
-------------------------------------------------------------*/

fieldset.left {
float: left;
padding: 0 10px;
width: 180px;
}

fieldset.right {
float: right;
padding: 0 10px;
width: 180px;
}

.form_element {
clear: left;
margin-bottom: 10px;
}

label {
color: #fff;
display: block;
font-size: 1.1em;
margin-bottom: 5px;
}

textarea {
width: 90%;
}

.multi-box {
float: left;
margin-right: 3px;
}

.radio {
float: left;
}

#vehicle {
font-size: 1.1em;
width: 180px;
}

#thank-you {
padding: 0 20px;
}