@charset "utf-8";

/*------------------------------------------------------------------------------------------------
basic styling
--------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#container {
	text-align: left;
	position: relative;
	width: 908px;
	margin: 0 auto;
}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: .8em;
	font-weight: normal;
}

h1 {
	margin-bottom: .6em;
}

/*-----------------------------------------------------------------------------------------------------------
banner styling
------------------------------------------------------------------------------------------------------------*/
div#banner {
	width: 900px;
	height: 103px;
	background-image: url(../assets/banner.jpg);
	background-repeat: no-repeat;
}

div#contactUsButton {
	position: absolute;
	left: 744px;
	top: 71px;
}

div#contactUsButton a {
	width: 150px;
	height: 27px;
	background-image: url(../assets/nav_buttons/contact_us_button.gif);
	display: block;
	text-indent: -9999px;
	outline: none;
}

div#contactUsButton a:hover {
	background-position: 0 -27px;
}

/*-----------------------------------------------------------------------------------------------------------
mainNav styling
-------------------------------------------------------------------------------------------------------------*/
div#mainNav {
	width: 905px;
	height: 62px;
	background-color: #333333;
	background-image:url(../assets/main_nav_bg.gif);
}

div#mainNav ul {
	list-style: none;
	width: 840px;
	margin: 0 auto;
}

div#mainNav ul li {
	float: left;
}

a#homeButton{
	width: 166px;
	height: 58px;
	background-image:url(../assets/nav_buttons/home_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#homeButton:hover {
	background-position: 0px -58px;
}

/*--------------------------------*/
a#busHireButton{
	width: 166px;
	height: 58px;
	background-image: url(../assets/nav_buttons/bus_hire_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#busHireButton:hover {
	background-position: 0 -58px;
}

/*------------------------------------*/
a#weddingDayButton{
	width: 166px;
	height: 57px;
	background-image: url(../assets/nav_buttons/wedding_day_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#weddingDayButton:hover {
	background-position: 0 -57px;
}

/*--------------------------------*/
a#busTimetablesButton{
	width: 166px;
	height: 57px;
	background-image: url(../assets/nav_buttons/bus_timetables_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#busTimetablesButton:hover {
	background-position: 0 -57px;
}

/*--------------------------------*/
a#aboutUsButton{
	width: 166px;
	height: 57px;
	background-image: url(../assets/nav_buttons/about_us_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#aboutUsButton:hover {
	background-position: 0 -57px;
}

/*--------------------------------*/
a#ourVacanciesButton{
	width: 166px;
	height: 57px;
	background-image: url(../assets/nav_buttons/our_vacancies_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#ourVacanciesButton:hover {
	background-position: 0 -57px;
}

/*--------------------------------*/
a#galleryButton{
	width: 166px;
	height: 57px;
	background-image: url(../assets/nav_buttons/gallery_button.gif);
	display: block;
	outline: none;
	text-indent: -9999px;
}

a#galleryButton:hover {
	background-position: 0 -57px;
}

/*---------------------------------------------------------------------------------------------------
quoteForm styling
----------------------------------------------------------------------------------------------------*/
div#quoteForm {
	width: 170px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#quoteFormTop {
	height: 35px;
	width: 170px;
	background: #FF0000 url(../assets/quick_quote/quick_quote_title.gif) no-repeat;
	text-indent: -9999px;
}

div#quoteFormTop h2 {
	font-size:10px;
	font-weight: bold;
	color: #fff;
}

div#quoteFormBottom {
	overflow: hidden;
	height: 16px;
	width: 170px;
	background: url(../assets/quick_quote/quick_quote_bottom.gif) no-repeat;
}

div#quoteForm form {
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 10px;
	background: #d3d3d5 url(../assets/quick_quote/quick_quote_body_bg.gif) repeat-y;
}

div#quoteForm fieldset {
	border: none;
}

div#quoteForm input {
/*	background: url(../assets/quick_quote/input_inner_shadow.jpg) repeat-x;*/
	width: 150px;
	}

div#quoteForm label {
	font-size: 12px;
	font-weight: bold;
	color: 000;
}

div#fullQuoteFormButton {
	padding-left: 6px;
}

div#fullQuoteFormButton a {
	width: 140px;
	height: 49px;
	display: block;
	background-image: url(../assets/nav_buttons/full_quote-form_button.gif);
	outline: none;
	text-indent: -9999px;
}

div#fullQuoteFormButton a:hover {
	background-position: 0 -49px;
}

div#quoteForm textarea {
	width: 150px;
	height: 100px;
	overflow: auto;
}

div#quoteForm select.long {
	width: 150px;
}

div#quoteForm select {
	width: 48px;
}

div#quoteForm select#year {
	width: 54px;
}

/*-----------------------------------------------------------------------------------------------------------
column container styling
-------------------------------------------------------------------------------------------------------------*/
div#columnContainer {
	width: 900px;
}

/*------------------------------------------------------------------------------------------------------------
leftSidebar styling
--------------------------------------------------------------------------------------------------------------*/
div#leftSidebar {
	width: 173px;
	float: left;
}

/*-------------------------------------------------------------------------------------------------------------
mainContent styling
---------------------------------------------------------------------------------------------------------------*/
div#mainContent {
	width: 549px;
	float: left;
	padding: 14px;
}

div#mainContent h1 {
	color: #FF0000;
	font-size: 20px;
}

div#mainContent p {
 	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#mainContent p img {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}

div#mainContent ul {
	padding-left: 20px;
	margin-bottom: .8em;
}

div#mainContent ul li {
	color: #666666;
	font-size: 12px;
	line-height: 1.6;
	font-weight: bold;
}

div#mainContent a {
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

div#mainContent a:hover {
	color:#999999;
	text-decoration: none;
}

div#mainContent div.galleryRow {
	padding-left: 30px;
}

div#mainContent div.galleryRow img {
	padding-right: 16px;
	padding-bottom: 20px;
}

/*---------------------------------------------
fullQuoteForm styling
----------------------------------------------*/
div#mainContent form#form2 {
	width: 400px;
	padding-left: 70px;
	overflow: hidden;
}

div#mainContent form#form2 fieldset {
	background-color:#d3d3d5; /*grey*/
	border: none;
	margin-bottom: 15px;
}

form#form2 div.fullQuoteFormTop {
	height: 15px;
	width:400px;
	background-image: url(../assets/full_quote_form_top_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

form#form2 div.fullQuoteFormBottom {
	height: 15px;
	width:400px;
	background-color:#fff;
	background-image: url(../assets/full_quote_form_bottom_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#mainContent form#form2 h2 {
	padding-left: 150px;
	margin-bottom: .5em;
	font-size:16px;
	font-weight: bold;
	color: #000000;
}
	
div#mainContent form#form2 input, textarea{
	width: 200px;
	}
	
div#mainContent form#form2 p.buttons input {
	width: 100px;
	}
	
div#mainContent form#form2 p.radio input {
	width: 20px;
}

/*inconsistancy with layout regarding labels, IE and Opera include buttons label area but Safari and Firefox don't, and this leads to the button placements being different. The following two styles remeove the inconsistancies*/	
div#mainContent form#form2 p.buttons {
padding-left: 110px;
}

div#mainContent form#form2 p.buttons label{
width: 0;
margin-right: 0;
}
	
div#mainContent form#form2 label{
	float: left;
	margin-right: 10px;
	width: 140px;
	text-align: right;
	}

div#mainContent form#form2 select {
	width: 50px;
}

div#mainContent form#form2 p.date input {
	width: 25px;
}

div#mainContent form#form2 p.date input#year, div#mainContent form#form2 p.date input#returnYear {
	width: 35px;
}	
	
div#mainContent form#form2 p#submitButton {
	padding-left: 70px;
}

div#mainContent form#form2 input#submit {
	width: auto;
}


/*---------------------------------------------------------------------------------------------------------------
rightSidebar styling
-----------------------------------------------------------------------------------------------------------------*/

div#rightSidebar {
	width: 150px;
	float: left;
	padding-top: 8px;
}

div#rightSidebar img {
	margin-bottom: 10px;
}

div#classicLinkContainer {
	padding: 10px 5px;
}

div#rightSidebar a {
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

div#rightSidebar a:hover {
	color:#999999;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------------------
footer styling
-------------------------------------------------------------------------------------------------------------------*/
div#footer {
	width: 908px;
	height: 33px;
	background: url(../assets/footer_bg.gif) no-repeat;
	text-align: center;
	color: #333333;
	position: relative;
}

div#footer p {
	font-size: 12px;
	margin: 0;
	color: #666666;
}

div#footer a#poidon {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 0px;
	color: #666;
	outline: none;
}

div#footer a#poidon:hover {
	text-decoration: underline;
}

div#footer span#copyright {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	right: 20px;
	top: 0px;
	line-height: 28px;
}

div#footer a {
	text-align: center;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	margin: 0;
	padding: 0;
}

div#footer a:hover {
	color: #666666;
}

div#footer p.smallText {
	font-size: 10px;
	line-height: 30px;
	color: #888;
}