/* ITEMS TO NOTE

	blue:	   64add6	/	light blue:		b4e1fa	/	dark blue:	237596	
	orange:	   d6a02c	/	light orange:	f7d783	/
	grey:	   5c5c5c	/	light grey:		686868	/
	
*/

@import url("reset.css");

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #5c5c5c;
	background-color: #b4e1fa;
	background-image:  url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	#transfers-page,
	#golf-page,
	#tours-page,
	#links-page {
		background-image: url(img/content-footer-bg.jpg);
		background-position: center bottom;
		}
	
	

/* Typography
------------------------------ */
p {font-size: 1.2em; padding-bottom: 1em; line-height: 1.5em;}
em {font-style: italic;}
strong {font-weight: bold;}
address {font-style: normal; font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em;}
blockquote p {font-style: italic;}
cite {font-style: normal;}
sup {vertical-align: super; font-size: 0.8em;}
sub {vertical-align: sub; font-size: 0.8em;}
ul {margin-bottom: 1.5em;}
ul li {font-size: 1.2em; line-height: 1.5em; list-style-type: disc;}

.clear {clear: both;}

/* Headings */
h1 {
	font-size: 2.5em;
	line-height: 1em;
	color: #3f667e;
	font-style: italic;
	font-weight: normal;
	}

h2 {
	color: #64add6;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	}

	#quote h2 {
		color: #d6a02c;
		font-size: 3em;
		}
		
		#quote h2 span {
			font-size: 0.5em;
			vertical-align: middle;
			color: #f7d783;
			font-weight: normal;
			}

h3 {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.2em;
	}

/* Links */
a, a:link {text-decoration: none; color: #2b6382;}
a:visited {color: #2b6382;}
a:hover {text-decoration: underline; color: #2b6382;}
a:active {color: #2b6382;}

#footer a:hover {background: #fff;}

#links-page #quote a, #links-page #quote a:link {border-bottom: 1px solid #d6a02c; color: #f7d783;}
#links-page #quote a:hover {text-decoration: none; border-bottom: 1px solid #f7d783; color: #fff;}

a.links {text-decoration: underline;}
a.links:hover {color: #64add6;}

/* Layout
------------------------------ */
#outer {
	margin: 0 auto;
	width: 980px;
	background-image:  url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 240px 0;
	}
	#transfers-page #outer,
	#golf-page #outer,
	#tours-page #outer,
	#links-page #outer {
		background-image: url(img/content-footer-bg.jpg);
		background-position: center bottom;
		padding: 0 0 260px 0;
		}

#wrap {
	margin: 0 auto;
	padding: 0 0 150px 0;
	width: 780px;
	background: transparent url(img/clouds.jpg) no-repeat top right;
	}
	#transfers-page #wrap,
	#golf-page #wrap,
	#tours-page #wrap,
	#links-page #wrap {
		background: transparent url(img/clouds-wee.jpg) no-repeat top right;
		}
	
#header {
	width: 780px;
	float: left;
	padding-top: 10px;
	margin-bottom: 30px;
	}
	
	#header img {
		float: left;
		width: 195px;
		}
		
	#header h1 {
		float: left;
		text-align: center;
		clear: right;
		margin: 20px 0 0 0;
		}
		
	#header p {
		float: left;
		font-size: 3em;
		font-weight: bold;
		color: #64add6;
		margin: 15px 0 0 50px;
		}
		
		#header p span {
			display: block;
			font-size: 2.5em;
			text-indent: -999em;
			width: 482px;
			height: 58px;
			background: #b4e1fa url(img/mobileno.png) no-repeat top left;
			}

#nav {
	background: transparent url(img/nav-bg.png) no-repeat 0 0;
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	width: 772px;
	height: 42px;
	}

	#nav li {
		float: left;
		list-style: none;
		}

	#nav li a {
		display: block;
		padding: 0;
		margin: 7px 0 0 0;
		text-align: center;
		font-size: 1.5em;
		}
		#n-home a {width: 120px;}
		#n-transfers a {width: 170px;}
		#n-golf a {width: 135px;}
		#n-tours a {width: 95px;}
		#n-contact a {width: 130px;}
		#n-links a {width: 110px;}

#content {
	clear: both;
	width: 780px;
	float: left;
	margin-bottom: 20px;
	}

	#services {
		width: 390px;
		padding-left: 30px;
		}
		
		#services h2{
		}
		
		#services ul {
			float: left;
			font-weight: bold;
			font-size: 1.2em;
			margin-bottom: 3em;
			}
			
			#services ul#serv1 {
				width: 135px;
				}
				
			#services ul#serv2 {
				width: 225px;
				margin-left: 15px;
				}
	
	#altcontact {
		width: 310px;
		float: right;
		font-size: 2.2em;
		font-weight: bold;
		margin: 26px 0 0 0;
		}
	#home-page #altcontact {margin: -1px 0 0 0;}
	#thankyou-page #altcontact {margin: 0 0 0 0;}
	
		#altcontact p {
			line-height: 1em;
			margin-bottom: 0;
			padding: 0;
			}

#features {
	clear: both;
	padding-left: 30px;
	position: relative;
	}
	
	#features p {
		margin-bottom: 0;
		color: #237596;
		font-size: 2.6em;
		font-weight: bold;
		}
	
	#features img {
		position: absolute;
		bottom: -500px;
		right: 755px;
		}

/* Info Panels */
.info {
	background: transparent url(img/content-repeater.png) repeat-y 0 0;
	width: 772px;
	}
	
	.info h1 {margin: 0;}
	.info .gutter {padding: 0 20px;}
	.info.big-text p {font-size: 1.7em;}
	
.info-top-top {background: transparent url(img/content-top-clouds.png) no-repeat 0 0; width: 772px; height: 78px; clear: both;}
	.info-top-top h1 {padding: 20px 0 0 20px;}
.info-top {background: transparent url(img/content-top.png) no-repeat 0 0; width: 772px; height: 26px;}
.info-bot {background: transparent url(img/content-bottom.png) no-repeat 0 0; width: 772px; height: 31px; margin: 0 0 20px 0;}

.float-l {float: left; padding: 0 20px 10px 5px;}
.float-r {float: right; padding: 0 5px 10px 20px;}

.row-odd, .row-even {clear: both; padding: 0 0 1em 0;}

#quote {
	clear: both;
	width: 780px;
	height: 350px;
	background: transparent url(img/sign.png) no-repeat top left;
	float: left;
	color: #fff;
	margin-top: -20px;
	}


	#thankyou-page #quote, #links-page #quote {background-image: url(img/sign-blank.png);}
	
	#quote .gutter {padding: 40px 0 0 30px;}
	
	.col-l {width: 355px; float: left;}
	.col-r {width: 355px; float: right;}
	#links-page .col-r {margin-right: 15px;}


/* Contact Form */
form {
	width: 780px;
	float: left;
	}

	fieldset {
		width: 172px;
		margin-right: 10px;
		float: left;
		}
		
		fieldset#pickup-field {
			width: 180px;
			}
	
	legend {
		font-size: 2em;
		padding-bottom: 0.5em;
		font-weight: bold;
		}
		
	label {
		display: block;
		font-style: italic;	
		}
		
	input, textarea {
		width: 160px;
		line-height: 1.5em;
		}
	textarea {
		height: 67px;
		}
		
		fieldset#pickup-field input, fieldset#pickup-field textarea {
			width: 165px;
			}
		
		fieldset#destination-field input, fieldset#destination-field textarea {
			width: 160px;
			}

	input.button {
		width: 68px;
		cursor: pointer;
		}
		
	#marketing {
	margin-top: 26px;
	}
			
	#discounts {
		color: #f7d783;
		font-size: 1.6em;
		line-height: 1.2em;
		margin-top: 10px;
		}
/* /Contact Form */

#footer {
	clear: both;
	}
	#footer p {
		margin-bottom: 0;
		line-height: 3em;
		text-align: center;
		}
		
		#footer #copyright {margin: 0 90px;}