@charset "utf-8";
/* CSS Document for AstroJet */

/* ------------------------------------- basic tags and objects ------------------------ */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #eceeed;
	text-align: center;
	color: #666666;
}
h1, h2, h3 {
	color: #999999;
	text-align: left;
	font-weight: bold;
	padding-bottom: 18px;
}
#charter_btn {
	width: 170px;
	height: 120px;
	background: url(../images/charter_btn.png) no-repeat;
	margin: 15px 21px;
}
p {
	text-align: justify;
	font-size: 1.3em;
	line-height: 1.35em;
	padding-bottom: 14px;
}
a:link, a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
img {
	border: none;
}
.imgLeft {
	float: left;
	margin-right: 8px;
}
.imgRight {
	float: right;
	margin-left: 8px;
}
form {
	text-align: left;
}
form table {
	font-size: 1.3em;
}
input.textfield {
	width: 120px;
}
.button_link {
	display: block;
	width: 100%;
	height: 100%;
}
/* -------------------------------------- page sections -------------------------------- */
#wrapper {
	width: 722px;
	margin: 20px auto 0px;
	padding: 20px 44px;
	background-color: #ffffff;
	position: relative;
}
	#header {
		height: 90px;
		overflow: hidden;
		padding-bottom: 10px;
		background-color: #ffffff;
	}
	#header h1 {
		float: left;
		color: #f0f0f0;
		font-size: 4em;
		letter-spacing: 0.8em;
		text-transform: uppercase;
		padding: 40px 0px 0px 60px;
	}
	#leftColumn {
		float: left;
		width: 212px;
		background-color: #eceeed;
	}
		#leftColumn a {
			text-decoration: none;
			text-align: center;
			color: #999999;
		}
		#leftColumn h1 {
			font-size: 2.4em;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			padding: 10px 20px;
		}
			#leftColumn h1 a {
				display: block;
			}
				#leftColumn a:hover {
					color: #7cd3f1;
				}
		#leftColumn h2 {
			background-color: #c9cace;
			text-align: center;
			font-size: 2em;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			padding: 8px 20px;
		}
		#leftColumn h3 {
			background-color: #dddddd;
			text-align: center;
			font-size: 1.6em;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			padding: 8px 20px;
		}
		#leftColumn ul {
			text-align: left;
			font-size: 1.3em;
			line-height: 1.5em;
			padding: 10px 0px 10px 30px;
		}
		#leftColumn #twitterFeed ul {
			list-style-type: none;
			padding: 10px;
		}
			#leftColumn #twitterFeed ul li {
				background: url(../images/logoTwitterLarge.png) no-repeat top left;
				padding: 10px 10px 10px 55px;
			}
				#leftColumn #twitterFeed ul li span.twitterStatus {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 95%;
					font-style: italic;
				}
				#leftColumn #twitterFeed ul li span.twitterTime {
					font-size: 85%;
					font-weight: bold;
				}
		#leftColumn ul#gallery {
			list-style-type: none;
			padding: 10px 0px 0px 10px;
		}
			#leftColumn ul#gallery li {
				float: left;
			}
			#leftColumn ul#gallery li a {
				display: inline;
				margin: 0px 10px 10px 0px;
			}
		#leftColumn p {
			padding: 12px;
			text-align: left;
			font-weight: bold;
		}
		#leftColumn p.quote { /* testimonial text */
			font-size: 1.4em;
			font-weight: bold;
			text-align: center;
		}
			#leftColumn p.quote span.qmark { /* quote marks */
				font-family: "Times New Roman", Times, serif;
				font-size: 2em;
				font-style: normal;
			}
			#leftColumn p.quote span { /* testimonial quote by name */
				font-size: 90%;
				font-style: italic;
				font-weight: normal;
			}
	#mainColumn {
		float: left;
		width: 510px;
		background-color: #ffffff;
		padding-bottom: 30px;
	}
		#mainNav {
			height: 30px;
			background-color: #868789;
			font-size: 1em;
			color: #ffffff;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}
			#mainNav ul {
				list-style-type: none;
			}
				#mainNav ul li {
					float: left;
					border-left: 1px solid #999999;
				}
				#mainNav ul li#home_item {
					width: 56px;
					border: none;
				}
				#mainNav ul li#charter_item {
					width: 75px;
				}
				#mainNav ul li#management_item {
					width: 99px;
				}
				#mainNav ul li#sales_item {
					width: 59px;
				}
				#mainNav ul li#lease_item {
					width: 59px;
				}
				#mainNav ul li#about_item {
					width: 79px;
				}
				#mainNav ul li#contact_item {
					width: 77px;
				}
					#mainNav ul li a {
						float: left;
						width: 100%;
						padding-top: 8px;
						height: 22px;
						color: #ffffff;
						text-decoration: none;
					}
					#mainNav ul li a:hover {
						background-color: #bbbcc0;
					}
						body#home_page #mainNav ul li#home_item a {
							background-color: #bbbcc0;
						}
						body#charter_page #mainNav ul li#charter_item a {
							background-color: #bbbcc0;
						}
						body#management_page #mainNav ul li#management_item a {
							background-color: #bbbcc0;
						}
						body#sales_page #mainNav ul li#sales_item a {
							background-color: #bbbcc0;
						}
						body#lease_page #mainNav ul li#lease_item a {
							background-color: #bbbcc0;
						}
						body#about_page #mainNav ul li#about_item a {
							background-color: #bbbcc0;
						}
						body#contact_page #mainNav ul li#contact_item a {
							background-color: #bbbcc0;
						}
		.infoBox {
			position: absolute;
			left: 300px;
			top: 160px;
			background: url(../images/trans-50.png) repeat;
			width: 410px;
			height: 200px;
			padding: 10px 0px 0px 10px;
		}
			.inner {
				background: url(../images/trans-80.png) repeat;
				width: 376px;
				height: 166px;
				overflow: auto;
				padding: 12px;
			}
				.inner h1 {
					color: #c2c3c5;
					font-size: 1.8em;
					text-transform: uppercase;
					letter-spacing: 0.4em;
					font-weight: bold;
				}
		.links {
			position: absolute;
			left: 278px;
			top: 166px;
			width: 455px;
			height: 195px;
		}
		.links ul {
			list-style-type: none;
			width: 280px;
			margin: 10px 5px 0 10px;
			float: left;
		}
		.links ul li {
			display: inline;	
		}
		.links ul li a {
			float: left;
			margin: 0 2px 2px 0;
			border: 1px solid #cccccc;
		}
		.loginform {
			position: absolute;
			left: 277px;
			top: 170px;
			width: 466px;
			height: 196px;
			background: #E0E1E3 url(../images/login.jpg) no-repeat;
			font-size: 1.1em;
		}
		.loginform form label {
			margin-left: 310px;
			margin-top: 20px;
			color: #B6B7B9;
			text-transform: uppercase;
			letter-spacing: 3px;
			font-weight: bold;
		}
		.loginform form input {
			margin: 3px 0 10px 310px;
			width: 140px;
		}
		.loginform form input.submitButton {
			color: #838488;
			background-color: #C9CACE;
			text-transform: uppercase;
			border: none;
			padding: 7px 0;
			margin-top: 30px;
			letter-spacing: 3px;
		}
		.loginform form input.error {
			border: 1px solid #f00;
		}
		ul.memberLinks {
			position: absolute;
			left: 360px;
			top: 180px;
			width: 280px;
			font-size: 1.5em;
			list-style-type: none;
		}
		ul.memberLinks li {
			background: transparent url(../images/iconiCal.png) no-repeat;
			display: block;
			text-transform: uppercase;
			letter-spacing: 2px;
			height: 60px;
			font-weight: bold;
		}
		ul.memberLinks li a {
			padding: 20px 0 0 70px;
			display: block;
			text-decoration: none;
			color: #a4a5a9;
		}
		ul.memberLinks li.iconDisc {
			background-image: url(../images/iconiDisk.png);
		}
		#mainText {
			padding: 8px 10px;
		}
			#subMenu {
				padding: 5px 10px;
			}
				#subMenu ul {
					list-style-type: none;
					text-align: center;
					text-transform: uppercase;
					letter-spacing: 0.1em;
					font-size: 1.4em;
					line-height: 1.5em;
					color: #666666;
				}
					#subMenu ul li {
						display: inline;
						font-weight: bold;
					}
						#subMenu ul li a {
							color: #666666;
							text-decoration: none;
						}
							#subMenu ul li a:hover {
								color: #7cd3f1;
							}
	#contactInfo {
		width: 510px;
		margin-left: 212px;
		height: 30px;
		background-color: #87888c;
		position: relative;
		bottom: 30px;
		text-align: left;
		color: #ffffff;
		letter-spacing: 0.1em;
		font-weight: bold;
		text-transform: uppercase;
	}
		#contactInfo a {
			color: #a4a5a9;
			text-decoration: none;
		}
		#contactInfo .socialIcon {
			float: right;
			margin: 5px 5px;
		}
		p#contactText {
			float: left;
			font-size: 1.25em;
			margin: 7px 0px 0px 10px;
		}
#footer {
	width: 810px;
	margin: 0px auto;
	padding: 15px 0px 20px;
	color: #999999;
	font-size: 1em;
	text-align: left;
}
	#engageLogo {
		float: right;
		width: 160px;
		height: 24px;
		background: url(../images/logoEngage.png) no-repeat;
	}
		#engageLogo a {
			display: block;
			width: 100%;
			height: 100%;
		}
.clearing {
	line-height: 0px;
	height: 0px;
	font-size: 1px;
	clear: both;
}
/* -------------------------------------------- CONTACT page ----------------- */
.contactContent {
	position: absolute;
	left: 277px;
	top: 170px;
	width: 426px;
	height: 176px;
	padding: 10px 20px;
}
.contactContent p {
	margin-left: 0;	
}
.contactContent em {
	font-weight: bold;
	color: #c2c3c5; 
	letter-spacing: 2px;
	font-style: normal;
}
.contactContent a {
	color: #686868;
}
.contactContent h2 {
	color: #c2c3c5;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-bottom: 8px;
	font-size: 95%;
}
.contactContent #airportAddress {
	position: absolute;
	right: 10px;
	bottom: 14px;
	width: 232px;
	line-height: 1em;
}
.contactContent address {
	font-style: normal;
	text-align: left;
}
#googleMap {
	position: absolute;
	top: 10px;
	right: 20px;
	border: 5px solid #bbbcc0;
	width: 222px;
	height: 114px;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------------- NEWS page --------------------- */
#newsArticle {
	margin: 20px;
	padding-bottom: 20px;
}
/*#newsArticle p {
	margin: 0 0 1em;
}*/
#newsArticle h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #999;
	font-weight: bold;
	margin: 10px 0 1em;
}
ul#pagedArticles {
	margin: 5px;
	/*width: 450px;*/
	list-style-type: none;
}
/*ul#pagedArticles li {
	float: left;
	width: 450px;
}*/
ul#pagedArticles li img {
	float: left;
	clear: left;
	width: 90px;
	margin: 0 10px 5px 0;
}
ul#pagedArticles li div {
	float: left;
	width: 300px;
}
ul#pagedArticles li div p {
	margin: 0;
	float: left;
	clear: left;
}
/* -------------------------------------------- BANNER ----------------- */
ul#banner {
	list-style-type: none;
	margin-top: -3px;
}
	body#home_page #cycleImages {
		margin-bottom: 3px;
	}
ul#banner li {
	float: left;
	border: 1px solid #848589;
	border-width: 5px 1px;
	border-right: none;
	height: 82px;
}
/*ul#banner li a {
	display: block;
	width: 84px;
	height: 82px;
	background: transparent none no-repeat;
	overflow: hidden;
}
ul#banner li.banner_home a {background-image: url(../images/banner1.jpg)}
ul#banner li.banner_charter a {background-image: url(../images/banner2.jpg)}
ul#banner li.banner_sales a {background-image: url(../images/banner3.jpg)}
ul#banner li.banner_lease a {background-image: url(../images/banner4.jpg)}
ul#banner li.banner_about a {background-image: url(../images/banner5.jpg)}
ul#banner li.banner_contact a {background-image: url(../images/banner6.jpg)}
ul#banner li a:hover {
	background-position: 0 -82px;
}
body#home_page ul#banner li.banner_home a {background-position: 0 -82px;}
body#charter_page ul#banner li.banner_charter a {background-position: 0 -82px;}
body#sales_page ul#banner li.banner_sales a {background-position: 0 -82px;}
body#lease_page ul#banner li.banner_lease a {background-position: 0 -82px;}
body#about_page ul#banner li.banner_about a {background-position: 0 -82px;}
body#contact_page ul#banner li.banner_contact a {background-position: 0 -82px;}
/* ---------------------------------------------------------------------------- */