@charset "UTF-8";
/* CSS Document 



/*
Theme Name: Airbus Express 2010
Theme URI: http://www.airbusexpress.co.nz
Description: Airbus Express custom theme - July 2010
Version: 1.0
Author: Regan Vause | Tango Communications
Author URI: http://www.tangocomms.co.nz

*/


	/* =============================================================================================================================
			PAGE STYLES
	=========================================================================================================================== */

.container {width: 100%; margin: 0; overflow: hidden; font-size: 1.2em; position: relative;}

#sidenav {
	width: 270px;
	position:absolute;
	float: left;
	border-right:1px solid #FFF;
	background:url(images/yellow_bg.png);
	height:1500px;
    -moz-box-shadow: -2px 0px 10px #000; /* FF3.5+ */
  	-webkit-box-shadow: -2px 0px 10px #000; /* Saf3.0+, Chrome */
    box-shadow: -2px 0px 10px #000; /* Opera 10.5, IE 9.0 */
	behavior: url(css/PIE.htc);
}
  
*html #sidenav {
	position: absolute; 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

	#busLink {
		background:url(images/airbus_bus_3.png) top left no-repeat; width:305px; height:288px; display:block; text-indent:-9999px;
	}

	#nav
	{
		margin:-10px -12px 0 0;
	}

	#nav ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	#nav li{
		margin: 0; padding:  0;
		display: block;
		list-style:none;
	}
	#nav li a {
		display: block;
		margin: 0; padding:  2px 36px 2px 10px;
		text-decoration: none;
		color: #333;
		text-align:right;
		font-size:23px;
		color:#FFF;
	}
	#nav li a:hover {
		color: #000;
	}
	#nav li.current {
		background:url(images/airbus_menu.png) no-repeat right;
	}
	
	#nav li.topLink a {
		font-size:10px;
		background-position:right -300px;
	}
	
	#nav li.current a:hover {
		color:#FFF;
	}
	#subMenu {
		margin:4px 22px 0 0;
		border-top:1px dashed #fff;
		padding:8px 0 20px 0;
	}
	
	#subMenu ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	#subMenu ul li{
		margin: 0; padding:  0;
		list-style:none;
	}
	#subMenu ul li a {
		display: block;
		margin: 0; padding:  0px 0 0px 15px;
		text-decoration: none;
		color: #FFF;
		text-align:right;
		font-size:1.3em;
	}
	#subMenu ul li a:hover {
		color: #999;
	}



#content {
	float: left;
	width: 100%;
	padding: 0 0 0 270px;
}
	
	#header {
		padding:40px 0 100px;
	}
		h1.title {
			background:url(images/airbus_title.png) no-repeat 46px;
			display:block;
			text-indent:-9999px;
			height:38px;
			margin:0 0 26px;
		}
		h2.airportCityTxt {
			border:1px dashed #FFF;
			border-left:none;
			border-right:none;
			padding:20px 0 16px 46px;
			text-indent:-9999px;
			background:url(images/airbus_city-airport.png) no-repeat 46px center;
			height:146px;
		}
		
	#headPost {
		margin:10px 20px 0 46px;
		padding:0 0 20px;
		width:530px;
		color:#FFF;
	}
		#headPost h3 {
			font-family: 'LithoAntiqueMedium',Arial,sans-serif;
			font-size:2em;
			margin:20px 0 16px;
		}
		ol.whyList {
			font-family: 'LithoAntiqueDemiBold',Arial,sans-serif;
			color:#DDDC21;
			margin:-10px 0 0;
			padding:0 0 0 23px;
			font-size:1.2em;
			font-weight:bold;
		}
			ol.whyList li {
				margin:0;
				padding:0;
			}
				ol.whyList li span {
					font-weight:normal;
					font-family: 'LithoAntiqueMedium',Arial,sans-serif;
				}
			
			


	#post {
		background:#85D1F1;
		padding:0 0 100px;
	}
		
		#post h5 {
			font-size:2em;
		}
		.postTop {
			background:url(images/blue_bg.png);
			border-top:1px dashed #FFF;
			padding: 20px 10px 16px 46px;
			color:#FFF;
		}
			.postTitle {
				line-height:0.7em;
				text-transform:uppercase;
			}
			.subTitle
			{
				font-size:1.3em;
			}
			
		.postContent {
			margin:50px 20px 0 46px; /* make top margin 30px if using sub heading */
			padding:0 0 20px;
			width:630px;
			position:relative;
		}
		
		.priceFrame {
			background:#FFF;
			border:2px solid #85D1F1;
			width:280px;
			padding:6px;
			margin:-98px 0 0 16px;
			float:right;
			color:#FFF;
		}
			#priceTable {
				background:#E17C09;
				margin:0;
			}
				#priceTable td {
					padding:3px 4px
				}
					#priceTable .odd {
						background:#EAA352
					}
					#priceTable .even {
						background:#E17C09
					}
			ul.priceList {
				margin:0;
				padding:0 0 0 23px;
			}
				ul.priceList li {
					margin:3px 0;
					list-style-image:url(images/listBullet.png);
				}
		a.ftpBtn {
			width:257px; height:58px;
			display:block;
			text-indent:-9999px;
			background:url(images/frequentBtn.png) no-repeat 0px 0px;
			position:absolute;
			top:190px; right:21px;
		}
			a.ftpBtn:hover {
				background:url(images/frequentBtn.png) no-repeat 0px -58px;
			}
			
		/* a.timetableBtn {
			width:207px; height:75px;
			display:block;
			text-indent:-9999px;
			background:url(images/timetableBtn.png) no-repeat 0px 0px;
			margin:0 0 0 20px;
		}
			a.timetableBtn:hover {
				background:url(images/timetableBtn.png) no-repeat 0px -75px;
			}
		*/
		
		a.timetableBtnAirCity {
			width:227px; height:52px;
			display:block;
			text-indent:-9999px;
			background:url(images/timetableBtn_airCity.png) no-repeat 0px 0px;
			margin:12px 0 20px 0;
		}
			a.timetableBtnAirCity:hover {
				background:url(images/timetableBtn_airCity.png) no-repeat 0px -52px;
			}
		
		a.timetableBtnCityAir {
			width:227px; height:52px;
			display:block;
			text-indent:-9999px;
			background:url(images/timetableBtn_cityAir.png) no-repeat 0px 0px;
			margin:12px 0 20px 0;
		}
			a.timetableBtnCityAir:hover {
				background:url(images/timetableBtn_cityAir.png) no-repeat 0px -52px;
			}
		
		
		a.viewAllStops {
			width:234px; height:39px;
			display:block;
			text-indent:-9999px;
			background:url(images/viewStopsMapBtn.png) no-repeat 0px 0px;
			margin:50px 0 0 0;
		}
			a.viewAllStops:hover {
				background:url(images/viewStopsMapBtn.png) no-repeat 0px -39px;
			}
		
		.floatRight {
			float:right;
			right:0;
		}
		
		a.booknowBtn {
			width:180px; height:43px;
			display:block;
			text-indent:-9999px;
			background:url(images/booknowBtn.png) no-repeat 0px 0px;
			margin:20px 0 0 0;
		}
			a.booknowBtn:hover {
				background:url(images/booknowBtn.png) no-repeat 0px -43px;
			}
			
		.timetableText {
			width:360px;
			padding-bottom:30px;
		}
		.timetableDetailsOne {
			width:500px;
			padding-bottom:10px;
		}
		.timetableDetailsTwo {
			width:500px;
		}
		
		.airportCity {
			background:url(images/airportCity_logo.png) no-repeat top;
			width:213px; height:212px;
			display:block;
			margin:-70px 0 0 16px;
			float:right;
			text-indent:-9999px;
		}
		
		#accordion {
			padding:4px 0 30px 0;
		}
		
		#accordion div img {
			border:8px solid #CCC;
		}
		
		
	#page {
		width:600px;
		background:#85D1F1;
		padding:16px 0 20px;
		margin:0 30px;
	}
		.pageTitle {
			border-bottom:1px dashed #FFFFFF;
			padding:0 0 4px 2px;
		}
		.pageContent {
			margin:20px 0 0;		
		}
		
	
#footer {
	background:#009EE0;
	color:#FFF;
	padding:10px 0 20px 290px;
	border-top: 1px solid #FFF;
}
	.footContent {
		width:660px;
	}
	
	.right {
		float:right;
	}
	
	#footer a {
		color:#FFF;
	}
	
/* 	=========================================================================
	FORM STYLES		*/
	
.bookForm {
	margin:20px;
}
	.bookForm ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		.bookForm ul li {
			list-style:none;
			margin:0;
			padding:0;
			float:left;
			width:50%;
		}
	.bookForm label {
		display:block;
		width:200px;
		height:20px;
		font-family: 'LithoAntiqueMedium',Arial,sans-serif;
		color:#0C7EA9;
		text-transform:uppercase;
		font-size:1.2em;
		margin:0 0 6px;
	}
	.bookForm input[type=text] {
		display:block;
		width:200px;
		height:20px;
		color:#0C7EA9;
		border:none;
		padding:5px 6px 4px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;	
		-moz-border-radius: 6px;
		border-radius: 6px;
		position:relative;
		background:url(images/formBg.png);
	   -webkit-box-shadow: rgba(0,0,0,0.3) 1px 2px 2px inset;
	   -moz-box-shadow:  rgba(0,0,0,0.3) 1px 2px 2px inset;
	}
		.bookForm input[type=text]:focus {
			background:#FFF;
		}

#mapForm {
}
	#mapForm ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		#mapForm ul li {
			list-style:none;
			margin:0;
			padding:0;
			float:left;
			width:45%;
		}
			#mapForm ul li.or {
				list-style:none;
				margin:26px 0 0;
				padding:0;
				float:left;
				width:10%;
				text-align:center;
				color:#FFF;
				font-family: 'LithoAntiqueMedium',Arial,sans-serif;
				font-size:1.4em;
			}
		#mapForm label {
			display:block;
			width:250px;
			height:20px;
			font-family: 'LithoAntiqueMedium',Arial,sans-serif;
			color:#0C7EA9;
			text-transform:uppercase;
			font-size:1.2em;
			margin:0 0 -14px;
		}
		#mapForm input[type=text] {
			display:block;
			width:270px;
			height:20px;
			color:#0C7EA9;
			border:none;
			padding:5px 6px 4px;
			-webkit-border-radius: 6px;
			-khtml-border-radius: 6px;	
			-moz-border-radius: 6px;
			border-radius: 6px;
			position:relative;
			background:url(images/formBg.png);
		   -webkit-box-shadow: rgba(0,0,0,0.3) 1px 2px 2px inset;
		   -moz-box-shadow:  rgba(0,0,0,0.3) 1px 2px 2px inset;
		}
			#mapForm input[type=text]:focus {
				background:#FFF;
			}
			
#key {float:right; padding-bottom:7px;}
  #key img {padding-left:12px;}
	
	/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#sidenav {
		width: 270px;
		position: absolute;
		float: left;
		border-right:1px solid #FFF;
		background:url(images/yellow_bg.png);
		height:100%;
			-moz-box-shadow: -2px 0px 10px #000; /* FF3.5+ */
			-webkit-box-shadow: -2px 0px 10px #000; /* Saf3.0+, Chrome */
			box-shadow: -2px 0px 10px #000; /* Opera 10.5, IE 9.0 */
		behavior: url(css/PIE.htc);
	}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#sidenav {
		width: 270px;
		position: absolute;
		float: left;
		border-right:1px solid #FFF;
		background:url(images/yellow_bg.png);
		height:100%;
			-moz-box-shadow: -2px 0px 10px #000; /* FF3.5+ */
			-webkit-box-shadow: -2px 0px 10px #000; /* Saf3.0+, Chrome */
			box-shadow: -2px 0px 10px #000; /* Opera 10.5, IE 9.0 */
		behavior: url(css/PIE.htc);
	}
}