/* CSS styles for www.multiflight.com
   Coded by DJENAN KOZIC :: 4/06/2008
   ----------------------------------------------------- */

/* ------ CSS CONTENTS ------

   2. RESETS
   3. BASICS
   4. HEADER
   5. NAVIGAITON
   6. MAIN CONTENT
   7. FOOTER
   8. FORMS
   9. MISC STYLES
   10. STAFF PROFILE STYLES
   11. EXTRA DIV STYLES
   12. TABLE STYLES
   13. STYLES FOR LINK TYPES
   14. SIDEBAR STYLES
   15. HOMEPAGE SPECIFIC STYLES
   16. NEWS SPECIFIC STYLES
   17. AIRCRAFT FOR SALE STYLES
   18. FLIGHT TRANING CENTRE STYLES
   19. FAQ STYLES

/*


/* ------ 2. RESETS ------ */

* { 
	margin:0;
	padding:0;
	scrollbar-face-color:#444;
	scrollbar-highlight-color:#444;
	scrollbar-3dlight-color:#333;
	scrollbar-darkshadow-color:#333;
	scrollbar-shadow-color:#444;
	scrollbar-arrow-color:#999;
	scrollbar-track-color:#333;
	}

html { overflow-y: scroll; }

a, a:hover, a:active, a img, a, a:hover img, a:active img { outline:none; border:none; }

a { text-decoration:underline; }
a:hover { text-decoration:none; }


/* ------ 3. BASICS ------ */

body {
	font-size:62.5%;
	background: #2c2c2c url('../img-global/bg.jpg') repeat-x top;
	font-family: 'Lucida Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color:#fff;
	}

p {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

ol {}
ul {}
li {}

a {}
a:hover {}
a:active {}
a:visited {}

.nowrap { white-space:nowrap; }

hr {
	height:0px;
	background:#transparent; 
	border:none;
	margin:30px 0 20px 0;
	border-top:1px solid #777;
	}


/* ------ 4. HEADER ------ */
#header {
	position:relative;
	margin:19px auto 0 auto;
	width:920px;
	height:210px;
	background:transparent url('../img-global/header-bg.jpg') no-repeat top left;
	}

h1.logo {
	position:absolute;
	top:11px;
	left:10px;
	overflow:hidden;
	}
h1.logo a {
	display:block;
	text-indent:-5000em;
	width:262px;
	height:189px;
	background:transparent url('../img-global/multiflight-logo.gif') no-repeat top left;
	}
h1.logo a:hover {
	background:transparent url('../img-global/multiflight-logo.gif') no-repeat 0 -189px;
	}
h2.extra-details {
	position:absolute;
	top:25px;
	right:37px;
	overflow:hidden;
	font-size:1.2em;
	font-weight:normal;
	text-align:right;
	}
h2.extra-details strong { color:#fed38f; }
div.header-image {
	position:absolute;
	top:54px;
	right:10px;
	overflow:hidden;
	width:542px;
	height:125px;
	}
body#aircraft-management div.header-image { background:transparent url('../img-global/header-img-aircraftmanagement.jpg') no-repeat top left; }
body#aircraft-parts div.header-image { background:transparent url('../img-global/header-img-aircraftparts.jpg') no-repeat top left; }
body#aircraft-sales div.header-image { background:transparent url('../img-global/header-img-aircraftsales.jpg') no-repeat top left; }
body#cafe-bar div.header-image { background:transparent url('../img-global/header-img-cafe.jpg') no-repeat top left; }
body#charter div.header-image { background:transparent url('../img-global/header-img-charter.jpg') no-repeat top left; }
body#engineering div.header-image { background:transparent url('../img-global/header-img-engineering.jpg') no-repeat top left; }
body#executive-aircraft-handling div.header-image { background:transparent url('../img-global/header-img-exechand.jpg') no-repeat top left; }
body#flight-training-centre div.header-image { background:transparent url('../img-global/header-img-flighttraining.jpg') no-repeat top left; }
body#welcome div.header-image { background:transparent url('../img-global/header-img-home.jpg') no-repeat top left; }
body#news div.header-image { background:transparent url('../img-global/header-img-news.jpg') no-repeat top left; }

div.header-image span {
	position:absolute;
	display:block;
	width:542px;
	height:125px;
	top:0;
	left:0;
	background:transparent url('../img-global/header-image-overlay.gif') no-repeat top;
	}


/* ------ 5. NAVIGAITON ------ */

#navigation {
	width:194px;
	left:37px;
	float:left;
	padding:0 0 28px 0;
	}

	#navigation dl {
		list-style:none;
		margin:0;
		padding:0;
		}
	#navigation dt, #navigation li {
		margin:0;
		padding:0;
		font-size:1.15em;
		line-height:2.45em;
		font-weight:bold;
		color:#c7c7c7;
		border-bottom:1px dotted #4F4F4F;
		}
	#navigation dt:hover {
		background-color:#4C4C4C;
		}
		#navigation dt:hover a, #navigation dt a.on {
			color:#fff;
			}
		#navigation dt.on:hover {
			background-color:transparent
			}
		#navigation dt a, #navigation li a { color:#ABABAB; text-decoration:none; }
		#navigation dt a { padding-left:10px; }
		#navigation li a { padding-left:0; }
		#navigation dd ul { background-color:#595959; list-style:none; }
			#navigation dd ul li {
				font-size:1em;
				font-weight:bold;
				border-top:1px solid #666;
				padding-left:20px;
				border-bottom:none;
				}
				#navigation dd ul li:hover { background-color:#666; }
			#navigation dd ul li.bottom-level-nav {
				background-color:#5E5E5E;
				padding-left:0px;
				/*border:1px solid #777;*/
				border-top:none;
				}
				#navigation dd ul li.bottom-level-nav:hover { background-color:#5E5E5E; }
				#navigation dd ul li.bottom-level-nav:hover a { color:#ABABAB; }
			#navigation dd ul li:hover a, #navigation dd ul li a.on, #navigation dd ul li.on a { color:#fed38f; }
			#navigation dd ul li a.on { color:#fff; font-weight:bold; }
			#navigation dd ul li.on { background-color:#6B6B6B; border:none; border-bottom:1px solid #767676; }
			#navigation dd ul li.on:hover a { color:#fed38f; }
			#navigation dd ul li ul.bottom-level-nav {
				margin-left:0;
				padding-left:0;
				list-style:none;
				padding:0;
				background-color: #6B6B6B;
				}
				#navigation dd ul li ul.bottom-level-nav li {
					margin-left:0;
					border:none;
					line-height:1.7em;
					padding:1px 0 1px 20px;
					border-top:1px dotted #767676;
					}
				#navigation dd ul li ul.bottom-level-nav>li:first-child {
					margin-left:0;
					border:none;
					}
					#navigation dd ul li ul.bottom-level-nav li:hover { background-color:#6B6B6B; }
					#navigation dd ul li ul.bottom-level-nav li:hover a { color:#fed38f; }
					#navigation dd ul li ul.bottom-level-nav li a {
						padding-left:0px;
						font-weight:normal;
						font-size:1.0em;
						}
						#navigation dd ul li ul.bottom-level-nav li a:hover, #navigation dd ul li ul.bottom-level-nav li a.on { color:#fed38f; }


/* ------ 6. MAIN CONTENT ------ */

#wrapper {
	position:relative;
	width:846px;
	padding:0 37px;
	margin:0 auto;
	background:transparent url('../img-global/content-bg.gif') repeat-y left;
	}
#contentwrapper {
	border:1px dotted #aaa;
	width:845px;
	border-left:none;
	border-right:none;
	height:auto;
	}

div.content {
	float:right;
	padding:0 0 20px 0;
	width:624px;
	border-left:1px dotted #aaa;
	background-color:#555;
	}

	div.content p {
		font-size:1.2em;
		line-height:1.6em;
		padding:0.8em 33px 0.8em 33px;
		color:#ddd;
		}
	div.content p img {	
		border:1px solid #777;
		}
	div.content blockquote {
		background-color:#606060;
		margin:10px 33px 10px 33px;
		}
	div.content blockquote p {
		padding:0.8em 1.6em;
		}
	div.content img {
		margin:0.8em 33px 0.8em 33px;
		padding:4px;
		border:1px solid #777;
		}
	div.content div p, 
	div.content div h2, 
	div.content div h3, 
	div.content div h4, 
	div.content div h5,
	div.content div h6 {}
	
	div.content strong {
		color:#fff;
		}

	div.content h1 {
		color:#fff;
		font:normal 2.5em Georgia, Garamond, Times, serif;
		line-height:1em;
		padding:15px 33px 15px 104px;
		border-bottom:1px dotted #aaa;
		margin-bottom:15px;
		background:#666 url('../img-global/multiflight-h1-logo.gif') no-repeat 30px 16px;
		}
	div.content h2 {
		line-height:1.6em;
		padding:0.8em 33px 0em 33px;
		font:normal 1.8em Georgia, Garamond, Times, serif;
		color:#fff;
		clear:left;
	}
	div.content h3 {
		font-size:1.3em;
		line-height:1.6em;
		font-weight:normal;
		padding:0.8em 33px 0.8em 33px;
	}
	div.content h4 {}
	div.content h5 {
		margin:0.5em 33px 1em 33px;
		font:normal 1.05em 'Lucida Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
		color:#ddd;
		line-height:1.3em;
		text-transform:uppercase;
		padding-bottom:1em;
		border-bottom:1px solid #606060;
	}
	div.content h6 {
		font-size:1.3em;
		line-height:1.3em;
		padding:0.1em 33px 1em 33px;
		color:#ddd;
		font-style:italic;
		font-weight:normal;
		font-size:1.15em;
		}

	div.content ol, div.content ul {
		padding:0.8em 33px 0.8em 49px;
		}
	div.content li {
		padding:0;
		font-size:1.3em;
		line-height:1.6em;
		color:#ddd;
		}
		div.content li h3 {
			line-height:1.1em;
			padding:0.8em 33px 0em 15px;
			font:normal 1.1em 'Lucida Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
			}
		div.content li p {
			padding:0.8em 33px 0.8em 15px;
			font-size:0.95em;
			}
	div.content a {
		color:#fed38f;
		text-decoration:underline;
		}
	div.content a:hover {
		text-decoration:none;
		}
	div.content a:active {}

	body#sitemap * ul { list-style:none; }
	body#sitemap * li { font-size:13px; }
	body#sitemap div.content>ul { list-style:square; }



/* ------ 7. FOOTER ------ */

#footer {
	position:relative;
	clear:both;
	width:846px;
	padding:20px 37px 35px 37px;
	margin:0 auto;
	background:transparent url('../img-global/footer-bg.gif') no-repeat bottom;
	}

	#footer p {
		font-size:1.15em;
		line-height:1.6em;
		padding:0.4em 0 0.4em 0;
		}

	#footer a {
		color:#9e9e9e;
		text-decoration:underline;
		}
	#footer a:hover {
		text-decoration:none;
		}
	#footer a:active {}

div.footerlogos {
	position:absolute;
	top:30px;
	right:38px;
	text-align:right;
	}
	div.footerlogos img {
		margin-left:10px;
	}



/* ------ 8. FORMS ------ */

form {
	padding:0 0 0 33px;
	}
	form div.eah-formcolumn {
		float:left;
		padding:0;
		margin:0;
	}
	fieldset {
		border:none;
		background-color:#515151;
		border-top:1px solid #666;
		padding:10px 0px;
		margin:0 30px 5px 0;
		}
	fieldset.eah { padding:10px; margin:0 10px 10px 0;}
		
		form fieldset div.formcolumn {
			width:260px;
			float:left;
			padding:10px;
		}
		
		div.content form fieldset h3 {
			padding:0 0 5px 0;
			margin:0 0 15px 0;
			text-align:center;
			border-bottom:1px solid #555;
		}
		label {
			clear:both;
			font-size:1.4em;
			font-variant:small-caps;
			}
		label.hand {
			font-size:1.4em;
			font-variant:small-caps;
			padding:0;
			margin:0 0 0 0;
			}
		input, textarea {
			border:1px solid #333;
			padding:2px;
			color:#fff;
			font:normal 1.4em Verdana, Tahoma, sans-serif;
			background-color:#444;
			margin:5px 0 8px 0;
			width:250px;
			}
		textarea { height:83px; }
		input {
			width:250px;
			}
		input.button {
			width:150px;
			background-color:#fed38f;
			border:1px solid #333;
			color:#000;
			}
		input.heck {
			width:auto;
			padding-top:10px;
			margin-right:10px;
			border:none;
			background-color:transparent;
		}
			input.button:hover {
				background-color:#FFE1B6;
				}

/* ------ 9. MISC STYLES ------ */

div.clear { clear:both; }
div.content img.floatleft, div.content .floatleft { 
	float:left;
	clear:left;
	margin-left:33px;
	margin-top:15px;
	margin-right:15px;
	}
div.content img.floatright, div.content .floatright {
	float:right;
	clear: right;
	margin-right:33px;
	margin-top:15px;
	margin-left:15px;
	}
div.content p .floatright {
	margin-right:0;
	margin-top:5px;
}
div.content p .floatleft {
	margin-left:0;
	margin-top:5px;
}


/* ------ 10. STAFF PROFILE STYLES ----- */

div.staffmember {
	margin:10px 0px 15px 26px;
	position:relative;
	padding:10px;
	width:250px;
	float:left;
	height:160px;
	background-color:#666;
}
div.staffmember img {
	position:absolute;
	top:10px;
	right:10px;
	margin:0;
	padding:0;
	border:none;
}
div.staffmember h2 {
	font:normal 1.5em Georgia, Garamond, Times, serif;
	padding:0em 0px 10px 0px;
	border-bottom:1px solid #777;
	width:107px;
}
div.staffmember h3 {
	font:normal 1.0em Georgia, Garamond, Times, serif;
	padding:0.5em 0px 0em 0px;
	color:#CCC;
	width:107px;
	text-transform:uppercase;
}
div.staffmember p {
	position:absolute;
	bottom:10px;
	left:10px;
	width:107px;
	padding:0;
}


/* ------ 11. EXTRA DIV STYLES ----- */

div.vacancy {
	margin:0 33px 5px 33px;
	position:relative;
	padding:0 10px 10px 10px;
	background-color:#666;
	border-left:1px solid #777;
}
div.vacancy p {
	padding:10px 0 0 0;
}
div.vacancy em {
	color:#fff;
	text-transform:uppercase;
	font-style:normal;
}


/* ------ 12. TABLE STYLES ----- */

div.content table {
	margin:10px 0 20px 33px;
	text-align:left;
	border:1px solid #777;
	font-size:12px;
	background-color:#666;
	border-right:none;
	color:#ddd;
}
div.content table th {
	border-bottom:1px solid #777;
	padding:5px;
	background-color:#727272;
	vertical-align:top;
	
}
div.content table tr th.narrowcolumn, div.content table tr td.narrowcolumn {
	width:10px;
	text-align:center;
}
div.content table tr th.menu-price, div.content table tr td.menu-price {
	width:50px;
	text-align:center;
}
div.content table tr th.menu-item, div.content table tr td.menu-item {
	width:480px;
}

div.content table tr th.middlecolumn, div.content table tr td.middlecolumn {
	width:50px;
}
div.content table td {
	padding:5px;
	border-bottom:1px dotted #777;
	border-right:1px solid #777;
	width:170px;
	vertical-align:top;
}
div.content table.events td {
	width:auto;
}
div.content table td ul, div.content table th ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
div.content table td ul li, div.content table th ul li {
	white-space: nowrap;
	font-size:inherit;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div.content p.question {
	font-weight:bold;
	padding-bottom:0;
}



/* ------  13. STYLES FOR LINK TYPES ------ */

a[href $='.pdf'] { 
	padding-right:18px;
	background: transparent url('../img-global/linkicons/icon_pdf.gif') no-repeat center right;
}

a[href $='.doc'] { 
	padding-right:18px;
	background: transparent url('../img-global/linkicons/icon_doc.gif') no-repeat center right;
}

a[href $='.xls'] { 
	padding-right:18px;
	background: transparent url('../img-global/linkicons/icon_xls.gif') no-repeat center right;
}

a[href ^='mailto:'] { 
	padding-right:18px;
	background: transparent url('../img-global/linkicons/icon_mailto.gif') no-repeat center right;
}



/* ------  14. SIDEBAR STYLES ------ */

div.content div.sidebar {
	float:right;
	width:200px;
	border-left:1px solid #666;
	background-color:#555;
	margin:15px 33px 15px 20px;
	padding-left:15px;
}
div.sidebar h2 {
	padding-left:0;
	padding-top:0;
}
div.sidebar h3 {}

div.sidebar p {
	padding-left:0;
}
div.sidebar img {
	margin-left:0;
}

	div.sidebar ul {
	padding:0.8em 33px 0.8em 16px;
	list-style:circle;
	}
	
	
	
/* ------ 15. HOMEPAGE SPECIFIC STYLES ------ */

div.home-introtext {
	width:320px;
	float:left;
}
img.thumb {
	margin:0em 33px 0.8em 0px;
	padding:4px;
	border:1px solid #777;
	float:left;
	clear: right;
	}
div.home-ads {	
	position:relative;
	float:right;
	width:260px;
	margin:15px 33px 15px 0px;
	padding-top:0px;
	}
	div.home-ads img.promo {
		margin:0 0 10px 0;
		}
	div.home-ads h2 {
		padding:0 0 10px 0;
		margin:0 0 0 0;
	}
	
	div.home-ads div.ad-item{
		position:relative;
		width:258;
		height:78px;
		margin:0 0 10px 0;
		border:1px solid #777;
		}
		div.home-ads div.ad-item img.thumb {
			width:70px;
			height:70px;
			position:absolute;
			top:4px;
			left:4px;
			padding:0;
			margin:0;
			border:none;
			}
		div.home-ads div.ad-item p {
			top:4px;
			left:74px;
			position:absolute;
			width:168px;
			height:58px;
			padding:6px;
			background-color:#4C4C4C;
			margin:0;
			overflow:hidden;
			font-size:1.1em;
			line-height:1.35em;
		}
div.home-ads img.image-banner {
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #777;
}

div.content ul.homepagelist {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
div.content ul.homepagelist li {
	list-style:none;
	padding:3px 5px 5px 15px;
	margin-left:0;
	background-color:#4f4f4f;
	margin: 5px 0 5px 33px;
	clear:both;
}
div.content ul.homepagelist li img, div.content ul.homepagelist li a img, div.content ul.homepagelist li a img.floatleft { *margin:0px; }
div.content ul.homepagelist li img.floatleft { *margin:5px 10px 10px 0; }
div.content ul.homepagelist li p, div.content ul.homepagelist li h3 {
	padding-left:0;
}
ul.homepagelist h3 {
	clear:left;
}
	
	
	
/* ------ 16. NEWS SPECIFIC STYLES ------ */

body#news div.content h2 {
	margin-top:15px;
	clear:both;
	border-top:1px solid #777;
	}
body#news div.sidebar h2 {
		padding-left:0;
		padding-top:0;
		border-top:none;
	}
div.content img.charter-thumbnail-floatleft {
	float:left;
	clear:left;
	margin:5px 15px 15px 0;
}



/* ------ 17. AIRCRAFT FOR SALE STYLES ------ */

div.aircraft-for-sale {
	background-color:#666;
	margin:5px 33px;
	padding:0px 10px 0px 15px;
}
div.aircraft-for-sale p, div.aircraft-for-sale h2, div.aircraft-for-sale h3 { padding-left:0; }
div.aircraft-for-sale ul {
	padding-left:16px;
}
div.aircraft-for-sale div.floatright {
	margin:10px 0px 10px 0;
	padding:0;
	width:190px;
	height:117px;
	padding:4px;
	border:1px solid #777;
	position:relative;
	background:transparent url('../img-global/no-photo.gif') no-repeat 4px 4px;
	
}
div.aircraft-for-sale div.floatright img {
	margin:0;
	padding:0;
	border:none;
}
div.aircraft-for-sale div.floatright span.sold {
	position:absolute;
	bottom:4px;
	left:4px;
	background-color:#FFB954;
	width:3.2em;
	font:bold 1.2em Tahoma, Verdana, Helvetica, Arial;
	line-height:1em;
	padding:4px;
	text-align:center;
	color:#AC3204;
}
div.aircraft-for-sale div.floatright span.on-sale {
	display:none;
}



/* ------ 18. FLIGHT TRANING CENTRE STYLES ------ */

div.our-aircraft {
	background-color:#666;
	margin:5px 33px;
	padding:0px 10px 0px 15px;
}
div.our-aircraft p, div.our-aircraft h2, div.our-aircraft h3 { padding-left:0; }
div.our-aircraft ul {
	padding-left:16px;
}
div.our-aircraft div.floatright {
	margin:10px 0px 10px 0;
	padding:0;
	width:230px;
	height:154px;
	padding:4px;
	border:1px solid #777;
	position:relative;
	background:transparent url('../img-global/no-photo-large.gif') no-repeat 4px 4px;
	
}
div.our-aircraft div.floatright img {
	margin:0;
	padding:0;
	border:none;
}


/* ------ 19. FAQ STYLES ------ */

div.content h4.question {
	cursor:pointer;
	margin-left:33px;
	margin-right:33px;
	background-color:#666;
	padding:10px 15px;
	border-top:1px solid #555;
	font-size:12px;
	font-weight:bold;
}
div.content div.answer {
	height:0;
	overflow-x:hidden;
	overflow-y:hidden;
	padding:5px;
	background-color:#505050;
	margin-left:33px;
	margin-right:33px;
}
div.content div.answer p {
	padding-left:10px; !important
}



/* ------ 20. CAFE BAR MENU STYLES ------ */

div.content h2.menu-title {
	width:553px;
	height:147px;
	display:block;
	text-indent:-200em;
	background-repeat:no-repeat;
	padding-left:0;
	margin-top:50px;
	margin-left:33px;
	margin-bottom:0;
	line-height:0;
	padding-bottom:0;
	}
div.content h2.menu-title + table {
	margin-top:0;
}