/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:url(//www.newquayairporttaxis.org/images/page-bg.jpg) top center no-repeat #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:666666; }
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 0px; color: #111111;}	
a, img { outline: none; border:none; color: #000; font-weight: bold; text-transform: uppercase;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 920px;
	margin: auto;
	padding: 2%;
	} 

	#main {
		width: 60%;
		margin-right: 5%;
		float: left;
		}		
		
	aside {
		width: 35%;
		float: right;
		}

/* Logo H1 */

		
/* Nav */
header nav {
	float: right;
	margin: 40px 40px 40px 0; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}
		
	header nav li a {
		text-decoration:none;
		font-weight:normal;
		}
	header nav li a:hover {
		text-decoration:underline;
		font-weight:normal;
		}
		
#skipTo {
	display: none;
	}
	#skipTo li {
		background: #ffffff;
		}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	max-width: 920px;
	background:white;
	min-height:250px;
	padding:40px 0;
	}
	#banner p {
		padding:0 40px;
		}

	#banner img {
		width: 100%;
		}


/* Media Queries */
@media screen and (max-width: 480px) {

	#skipTo {
		display: block;
		}
		
	#skipTo a {
		text-decoration:none;
		}
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}			
}

/*** My Header Styles 
-------------------------------------------- ***/

@media only screen and (max-width: 569px) {
#my-header-container { clear:both; overflow:auto; width:345px; height:240px; background:url(//www.newquayairporttaxis.org/images/card-booking.png) top left no-repeat #FFF; margin:0 auto; }
#my-header-container a, img, img a { margin:0; padding:0; line-height:normal; border:0; }
}

@media only screen and (min-width: 569px) {
#my-header-container { clear:both; overflow:auto; width:345px; height:240px; background:url(//www.newquayairporttaxis.org/images/card-booking.png) top left no-repeat #FFF; }
#my-header-container a, img, img a { margin:0; padding:0; line-height:normal; border:0; }
}

#my-header-left { margin:8px 0 0 17px; text-align:center; float:left; clear:left; display:inline; width:310px; background:url(//www.newquayairporttaxis.org) top left no-repeat #FFF; color:white; padding:0; }
#henver-logo { max-width:310px; height:125px; float:left; clear:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:white; font-weight:normal; letter-spacing:-1px; margin:17px 0 0 0; padding:0; line-height:normal; }
#henver-logo h1 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:white; font-weight:normal; letter-spacing:-1px; margin:0 0 0 10px; padding:0; line-height:normal; }
#henver-logo h1 a { text-decoration:none; color:white; font-weight:normal; }
#henver-logo img, img a { margin:0; padding:0; }


.get-your { font-weight:bold; text-align:center; margin-bottom:10px; padding:0 40px; }

.henver-divider { clear:both; height:15px; }

/*** Booking Form ***/
#henver-form-wrapper { clear:both; font-size:21px; border:5px solid white; text-align:left; }
#henver-form-top { background:#FAB66A; padding:15px; color:white; }
#henver-form-top a { color:white; text-decoration:none; margin:0; padding:0; line-height:normal; }
#henver-form-main { background: #058ECA; padding:25px 15px 10px 15px; overflow: auto; min-height:300px; }

@media only screen and (max-width: 569px) {
#henver-form-main-left { float:left; clear:left; width:100%; min-width:275px; display:inline; }
#henver-form-main-right { float:left; width:100%; min-width:275px; display:inline; }
}

@media only screen and (min-width: 569px) {
#henver-form-main-left { float:left; clear:left; width:50%; min-width:275px; display:inline; }
#henver-form-main-right { float:left; width:49%; min-width:275px; display:inline; }
}

#henver-form-main form { margin:0 0 20px 0; padding:0 10px; line-height:normal; clear:left; }
#henver-form-main label { color:white; font-weight:normal; padding:0 10px; font-size:17px; }
#henver-form-main select, input { font-size:17px; padding:11px 7px; border-radius:5px; margin-top:5px; width:100%; clear:both; border:0; background:#ffffff; }


.direction-butt { width:100%; font-size:17px; }
.direction-butt a { color:black; text-transform:none; background:#FFF; padding:11px 15px; margin:15px 0px 0px 20px; text-align:left; text-decoration:none; border-radius:5px; display:block; width:80%; font-weight:normal; }
.direction-butt a:hover { color:black; background:url(//www.newquayairporttaxis.org/images/yes-butt.gif) center right no-repeat #FFF; text-decoration:none; border-radius:5px; }

.get-price { float:right; clear:right; margin:25px 15px; padding:11px; border:2px solid white; width:150px; background:#93BD58; color:white; font-size:15px; text-align:center; }

#head-home-link { width:100%; max-width:300px; margin:0 auto; background:#E6E6E6; text-decoration:none; padding:10px 0; border-radius:5px; }
#head-home-link a { text-decoration:none; font-weight:normal; }