@charset "UTF-8";

/************************************************************************
	
	CSS Document // Master
	Festival of Aviation

	1 - UNIVERSAL STYLES
	
	2 - UNIVERSAL STRUCTURAL ELEMENTS
		2A - HEADER
		2B - FOOTER
		2C - SECTION
	 
	3 - STRUCTURAL ELEMENTS
		3A - HOME
		3B - SECTION
		3C - ABOUT
		3D - ATTRACTIONS
		3E - GETTING THERE
		3F - PLACES TO STAY
		3G - 404
	
	4 - UNIVERSAL FONT STYLES
		4A - MAIN STYLES
		4B - HEADER STYLES
		4C - FOOTER STYLES
		4D - HOME STYLES
		4E - ABOUT STYLES
		4F - ATTRACTIONS STYLES
		4G - GETTING THERE STYLES
		4H - PLACES TO STAY STYLES
	
	5 - OTHER

************************************************************************/

@import url("menu.css");
@import url("slimbox.css");





/************************************************************************

	1 - UNIVERSAL STYLES
	
************************************************************************/

body {
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
	background: #D7EAF7 url('../images/common/Background-Gradient.jpg') repeat-x;
}

h1 { /* Blue Main Title  */
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #4587B6;
	margin: 0;
	padding: 20px 20px 0 0;
}

h2 { /* Blue Sub Title */
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #4587B6;
	margin: 15px 0 10px 0;
	padding: 0;
}

h3 { /* White Side Title */
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #FFF;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #4D4D4D;
	margin: 0 0 10px 0;
	padding: 0;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	color: #4587B6;
	margin: 0;
}

h6 {
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0 0 10px 0;
}

p {
    font-size: 13px;
	line-height: 1.4em;
	color: #4D4D4D;
	margin-top: 0px;
	margin-bottom: 10px;
}

a, a:visited,
p a, p a:visited  {
    color: #4587B6;
	text-decoration: none;
	outline: none;
}

a:hover, a:active, a:focus,
p a:hover, p a:active, p a:focus {
	color: #285488;
	text-decoration: none;	
}

img {
	border: 0px;
}

hr {
	border: 0;
	border-top: 1px solid #CCC;
	height: 1px;
	background: #FFFFFF;
	margin: 8px 0 8px 0;
}

* html hr { /* IE6 */
	margin: 0 0 0 0;
}

* + html hr { /* IE7 */
	margin: 0 0 0 0;
}

textarea {
	font-family: Arial, sans-serif;
}

.clear {
	clear: both;
}




/************************************************************************

	2 - UNIVERSAL STRUCTURAL ELEMENTS
	
************************************************************************/

#top { /* Reference for Back to Top */
	position: absolute;
	left: -9999px;
	top: -50px;
}

#wrapper {
	width: 960px;
	height: auto;
	margin: 15px auto 0 auto;
	padding: 0;
}

/****** -- 2A HEADER [START] -- ******/

#header {
	height: 95px;
}

#logo {
	float: left;
	width: 250px;
	height: 80px;
	margin: 0 0 15px 0;
}

#header-right {
	float: right;
	width: 690px; /* 710px */
	height: 67px;
	padding: 0 10px 0 0;
}

#main-nav {
	position: relative;
	float: right;
	width: 690px;
	height: 28px;
	z-index: 89;
}

/****** -- 2A HEADER [END] -- ******/



#home-content-wrapper {
	position:relative;
	float:left;
	width: 940px; /* 960px */
	height: 520px;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: #FFF url('../images/common/Page-Background-Top.jpg') no-repeat 0px 0px;
}

#content-wrapper {
	position:relative;
	float:left;
	width: 940px; /* 960px */
	height: auto;
	min-height: 500px;
	margin: 0;
	padding: 10px 10px 20px 10px;
	background: #FFF url('../images/common/Page-Background-Top.jpg') no-repeat 0px 0px;
}

#content-end { /* HOLDS BOTTOM CONTENT BACKGROUD */
	float: left;
	width: 960px;
	height: 10px;
	background: #FFF url('../images/common/Page-Background-Bottom.jpg') no-repeat 0px bottom;
}



/****** -- 2B FOOTER [START] -- ******/

#footer {
	position: relative;
	float: left;
	width: 960px;
	height: 60px;
	margin: 30px 0 10px 0;
	background: #FCD227 url('../images/common/Page-Footer-Background.jpg') no-repeat 0 0;
}

#footer-left {
	float: left;
	width: 460px;
	height: 40px;
}

#footer-right {
	float: right;
	width: 400px;
	height: 40px;
	padding: 10px;
}

#footer-logo {
	float: left;
	width: 110px;
	margin: 0 10px 0 0;
}

#footer-strapline {
	float: left;
	width: 250px;
	height: 40px;
	padding: 10px 0 0 20px;
}

#footer-sponsors {
	float: left;
    height: 40px;
	width: 230px;
	padding: 10px;
}

.footer-sponsor-logo {
	float: left;
	width: auto;
	height: 40px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#footer-social-links {
	position: relative;
	float: right;
	width: 380px;
	height: 20px;
	margin: 7px 0 0 0;
	font-size: 14px;
	color: #FFF;
	text-align: right;
}

#footer-social-links img {
	margin: 0 0 0 3px;
}

/****** -- 2B FOOTER [END] -- ******/



/****** -- 2C SECTION [START] -- ******/

#section-header {
	width: 930px; /* 940px */
	height: 38px; /* 120px */
	padding: 82px 0 0 10px;
}

#left-column {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

#wide-right-column {
	float: right;
	width: 680px;
	margin: 0;
	padding: 0;
}

#language {
	position: relative;
	float: right;
	width: 90px; /* 230px */
	height: 28px; /* 28px */
	top: 0px;
	margin: 0 0 20px 0;
	padding: 6px 0 0 140px;
	background: url('../images/common/Language-Selection-Background.gif') no-repeat 0px 0px;
}

#centre-column {
	float: left;
	width: 430px;
	margin: 0 20px 0 0;
	padding: 0;
}

#right-column {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

/****** -- 2C SECTION [END] -- ******/




/************************************************************************

	3 - STRUCTURAL ELEMENTS
	
************************************************************************/

/****** -- 3A HOME [START] -- ******/

#home-top {
	position: relative;
	width: 940px;
	height: 270px;
	margin: 0 0 10px 0;
	padding: 0;
}

#home-bottom {
	position: relative;
	width: 940px;
	height: 240px;
}

#home-video {
	float: left;
	width: 370px;
	height: 270px;
	margin: 0 10px 0 0;
	background: #F2F2F2;
}

#home-no-flash {
	padding: 140px 70px 0px 70px;
	height: 30px;
	background: url('../images/common/No-Flash.jpg') center 90px no-repeat;
	color: #333;
	font-size: 12px;
	text-align: center;
}

#home-welcome {
	float: left;
	width: 255px; /* 275 */
	height: 240px; /* 270 */
	padding: 20px 10px 10px 10px;
	margin: 0 10px 0 0;
	background: url('../images/common/Welcome-Message-Background-Closed.jpg') no-repeat 0px 0px;
}

#welcome-message {
	width: 255px;
	height: 170px;
}

#countdown {
	width: 255px;
	height: 65px;
	text-align: center;
}
#countdown h2 {
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}
#countdown p {
	font-size: 14px;
	color: #FFF;
	margin: 0;
	line-height: 16px;
}
#countdown a, #countdown a:visited  {
    color: #FFCA05;
	text-decoration: none;
}
#countdown a:hover, #countdown a:active, #countdown a:focus {
	color: #FFF;
	text-decoration: none;	
}

#home-news {
	float: left;
	width: 275px;
	height: 270px;
	margin: 0;
}

#home-language {
	float: right;
	width: 80px;
	height: 20px;
}

.home-article {
	width: 275px;
	height: 65px;
}

.home-article img {
	float: left;
	margin: 0 10px 0 0;
}

.home-feature {
	float: left;
	width: 180px;
	height: 240px;
	margin: 0 10px 0 0;
}

#exhibition {
	background: url('../images/common/Festival-of-Aviation-Exhibition-Off.jpg') no-repeat 0px 0px;
}

#exhibition:hover {
	background: url('../images/common/Festival-of-Aviation-Exhibition-On.jpg') no-repeat 0px 0px;
}

#air-displays {
	background: url('../images/common/Festival-of-Aviation-Air-Displays-Off.jpg') no-repeat 0px 0px;
}

#air-displays:hover {
	background: url('../images/common/Festival-of-Aviation-Air-Displays-On.jpg') no-repeat 0px 0px;
}

#demo-flights {
	background: url('../images/common/Festival-of-Aviation-Demo-Flights-Off.jpg') no-repeat 0px 0px;
}

#demo-flights:hover {
	background: url('../images/common/Festival-of-Aviation-Demo-Flights-On.jpg') no-repeat 0px 0px;
}

#sky-diving {
	background: url('../images/common/Festival-of-Aviation-Sky-Diving-Off.jpg') no-repeat 0px 0px;
}

#sky-diving:hover {
	background: url('../images/common/Festival-of-Aviation-Sky-Diving-On.jpg') no-repeat 0px 0px;
}

#festival-experiences {
	background: url('../images/common/Festival-of-Aviation-Festival-Experiences-Off.jpg') no-repeat 0px 0px;
}

#festival-experiences:hover {
	background: url('../images/common/Festival-of-Aviation-Festival-Experiences-On.jpg') no-repeat 0px 0px;
}


/****** -- 3A HOME [END] -- ******/



/****** -- 3B SECTION [START] -- ******/

.side-photo {
	width: 230px;
	height: 130px;
	margin: 0 0 10px 0;
}

.sponsored-by {
	width: 160px;
	text-align: center;
	padding: 0;
	margin: 20px 0 20px 0;
}

.sponsored-by h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	color: #666;
	margin: 0 0 10px 0;
}

.sponsored-by hr {
	margin: 14px 0 12px 0;
}

/****** -- 3B SECTION [END] -- ******/



/****** -- 3C ABOUT [START] -- ******/

/* SHOW INFO */

table.about { /* Also used for Demo Flights table */
	font-size: 13px;
	border-collapse: collapse;
	width: 430px;
	margin: 10px 0 10px 0;
	padding: 0;
}

tr.heading td {
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	background: #FCD227;
	color: #000;
	border-bottom: 1px solid #000;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}

tr.details td {
	height: 15px;
	font-size: 13px;
	border-bottom: 1px solid #999;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}

/* PHOTO GALLERY */

.gallery-thumbnail {
	width: 103px; /* 105 */
	height: 73px; /* 75 */
	padding: 2px 0 0 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	background: url('../images/common/Gallery-Thumbnail-Background.jpg') no-repeat 0px 0px;
}

.gallery-thumbnail:hover {
	background: url('../images/common/Gallery-Thumbnail-Background.jpg') no-repeat 0px -75px;
}

/* NEWS */

.news-photo {
	margin: 0 0 10px 0;
}

.news-article {
	width: 430px;
	height: 65px;
}

.news-article img {
	float: left;
	margin: 0 10px 0 0;
}

.rss {
	width: 230px;
	height: 54px;
	background: url('../images/common/RSS.jpg') no-repeat 0px 0px;
	margin: 0 0 3px 0;
}

.rss:hover {
	background: url('../images/common/RSS.jpg') no-repeat 0px -54px;
}

.bookmark {
	width: 230px;
	height: 54px;
	background: url('../images/common/Bookmark.jpg') no-repeat 0px 0px;
	margin: 0 0 3px 0;
}

.bookmark:hover {
	background: url('../images/common/Bookmark.jpg') no-repeat 0px -54px;
}

.twitter {
	width: 230px;
	height: 54px;
	background: url('../images/common/Twitter.jpg') no-repeat 0px 0px;
	margin: 0 0 3px 0;
}

.twitter:hover {
	background: url('../images/common/Twitter.jpg') no-repeat 0px -54px;
}

.facebook {
	width: 230px;
	height: 54px;
	background: url('../images/common/Facebook.jpg') no-repeat 0px 0px;
	margin: 0 0 3px 0;
}

.facebook:hover {
	background: url('../images/common/Facebook.jpg') no-repeat 0px -54px;
}

/* SPONSORS */

.main-sponsor {
	float: left;
	width: 680px;
	height: 150px;
	margin: 0;
}

.sponsor-logo {
	float: left;
	width: 160px;
	height: 150px;
	margin: 0 20px 0 0;
}

.sponsor-group {
	float: left;
	width: 220px;
	margin: 0 10px 10px 0;
}

.sponsor-logo-grid {
	width: 680px;
	margin: 0 0 10px 0;
}

.sponsors-column {
	float: left;
	width: 164px;
	margin: 0 8px 8px 0;
}

.sponsors-column-last {
	float: left;
	width: 164px;
	margin: 0 0 8px 0;
}

.grid-logo {
	float: left;
	width: 164px;
	height: 60px;
	margin: 0 8px 8px 0;
}

/* CONTACT */

.team-member {
	float: left;
	width: 300px;
	height: 120px;
	margin: 0 10px 20px 0;
}

.team-member-photo {
	float: left;
	width: 98px;
	margin: 0 10px 0 0;
}

.team-member-details {
	float: left;
	width: 180px;
}

.email-button {
	margin: 10px 0 0 0;
}

/****** -- 3C ABOUT [END] -- ******/



/****** -- 3D ATTRACTIONS [START] -- ******/

.air-displays {
	margin: 0 0 10px 0;
}

.air-displays img {
	float: left;
	margin: 0 10px 0 0;
}

.air-display-detail {
    display: none;
}

.air-display-detail-show {
	width: 280px; /* 300px */
	background: #FCD227 url('../images/menu/Submenu-Background.jpg') repeat-x 0px bottom;
	padding: 10px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
}

/****** -- 3D ATTRACTIONS [END] -- ******/



/****** -- 3E GETTING THERE [START] -- ******/

#airfield-info {
	float: left;
	width: 648px;
	height: auto;
	background: #F2F2F2 url('../images/common/Airfield-Information-Box-Background.jpg') no-repeat 0px bottom;;
	padding: 15px 15px 35px 15px;
	margin: 0 0 10px 0;
	border: 1px solid #CCC;
}

.airfield-info-left {
	float: left;
	width: 125px;
	font-size: 13px;
	color: #4587B6;
}

.airfield-info-right {
	float: left;
	width: 190px;
	font-size: 13px;
	color: #808080;
	margin: 0 10px 0 0;
}

.flying-in-details {
	float: left;
	width: 220px;
	margin: 0 10px 10px 0;
}

#by-car-map {
	width: 680px;
	height: auto;
	background: #F2F2F2;
	margin: 0 0 10px 0;
}

.bus {
	float: left;
	width: 320px;
	margin: 0 10px 10px 0;
}

/****** -- 3E GETTING THERE [END] -- ******/



/****** -- 3F PLACES TO STAY [START] -- ******/


#location-map {
	width: 680px;
	height: 400px;
	background: #F2F2F2;
	margin: 0 0 0 0;
}

/****** -- 3F PLACES TO STAY [END] -- ******/



/****** -- 3G 404 [START] -- ******/

#error-page {
	float: left;
	width: 540px; /* 560 */
	height: 240px; /* 270 */
	padding: 20px 10px 10px 10px;
	margin: 0;
	background: url('../images/common/404-Background.jpg') no-repeat 0px 0px;
}

.error-message {
	width: 540px;
	height: 90px;
}
.error-message h2 {
	font-size: 30px;
	color: #333333;
	margin: 0;
}

.error-link {
	float: left;
	width: 166px;
	height: 130px;
	padding: 14px 0 0 0;
	margin: 0 20px 0 0;
	text-align: center;
}
.error-link h2 {
	font-size: 22px;
	margin: 10px 0 0 0;
}

/****** -- 3G 404 [END] -- ******/



/************************************************************************

	4 - UNIVERSAL FONT STYLES
	
************************************************************************/

/****** -- 4A MAIN STYLES [START] -- ******/

.alt {
	font-size: 10px;
	color: #808080;
}

.alt a, .alt a:visited {
	color: #808080;
	text-decoration: none;
	margin: 0;
}

.alt a:hover, .alt a:active, .alt a:focus {
	color: #666;
	text-decoration: none;
	margin: 0;
}

.alt-white {
	font-size: 10px;
	color: #FFF;
}

.alt-white a, .alt-white a:visited {
	color: #FFF;
	text-decoration: none;
	margin: 0;
}

.alt-white a:hover, .alt-white a:active, .alt-white a:focus {
	color: #E8E8E8;
	text-decoration: none;
	margin: 0;
}

.note {
	font-size: 13px;
	color: #FF0000;
}

.emphasis {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #4587B6;
}

.smallline {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.jumptop, .jumptop a {
	font-size: 10px;
	color: #666;
	margin: 10px 0 10px 0;
}

.red {
	color: #FF0000;
}

/****** -- 4A MAIN STYLES [END] -- ******/



/****** -- 4B HEADER STYLES [START] -- ******/

#header h1 { /*  */
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.01em;
	text-align: right;
	color: #FFF;
	margin: 0;
	padding: 0;
}

#header h1 span {
	display: none;
}

#header h2 { /*  */
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -0.01em;
	text-align: right;
	color: #FFCA05;
	margin: 0 0 15px 0;
	padding: 0;
}

/****** -- 4B HEADER STYLES [END] -- ******/



/****** -- 4C FOOTER STYLES [START] -- ******/ 

#footer h5 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.01em;
	text-align: left;
	color: #333;
	margin: -2px 0 0 0;
	padding: 0;
}

#footer h6 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -0.01em;
	text-align: left;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
}

ul#footer-menu { position: relative; float: right; margin: 0; padding: 0; }
ul#footer-menu li { position: relative; list-style: none; float: left; display: inline; font-size: 14px; font-weight: bold; background: url('../images/common/Footer-Menu-Divide.gif'); background-repeat: no-repeat; background-position: right; margin: 0; padding: 0 12px 0 5px; }
ul#footer-menu li.last { background: none; margin: 0; padding: 0 0 0 5px; }
ul#footer-menu li a, ul#footer-menu li.last a { position: relative; display: block; text-decoration: none; color: #333; line-height: 14px; padding: 2px 0 0 0; }
ul#footer-menu li:hover a { color: #4D4D4D; }

ul#social-links { position:relative; float:right; width:460px; height:14px; margin:0 auto 0 auto; padding:0; }
ul#social-links li { position:relative; float:left; list-style:none; display:inline; margin:0; padding:0; }
ul#social-links li.twitter a { position: relative; display: block; width:56px; height:14px; text-decoration: none;  color: #666; margin:0 4px 0 0; padding: 0; }
ul#social-links li.facebook a { position: relative; display: block; width:54px; height:14px; text-decoration: none;  color: #666; margin:0 4px 0 0; padding: 0; }
ul#social-links li.bookmark a { position: relative; display: block; width:110px; height:14px; text-decoration: none;  color: #666; margin:0; padding: 0; }

.credits {
	position: relative;
	float: left;
	width: 960px;
	font-size: 11px;
	text-align: right;
	color: #808080;
	padding: 0 0 10px 0;
}

.credits a, .credits a:visited {
	color: #808080;
	text-decoration: none;
	margin: 0;
}

.credits a:hover, .credits a:active, .credits a:focus {
	color: #285488;
	text-decoration: none;
	margin: 0;
}

/****** -- 4C FOOTER STYLES [END] -- ******/ 



/****** -- 4D HOME STYLES [START] -- ******/

.welcome {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.welcome-main p {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #333;
}

.latest-news {
	font-size: 18px;
	color: #808080;
}

.home-article-heading {
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.02em;
	color: #4587B6;
	margin: 0 0 8px 0;
}

.read-more a, .read-more a:visited {
	font-size: 11px;
	line-height: 11px;
	color: #808080;
	text-decoration: none;
}

.read-more a:hover, .read-more a:active, .read-more a:focus {
	color: #285488;
	text-decoration: none;
}

/****** -- 4D HOME STYLES [END] -- ******/



/****** -- 4E ABOUT STYLES [START] -- ******/

/* NEWS */

.main-article-heading {
	font-size: 18px;
	line-height: 15px;
	letter-spacing: -0.02em;
	color: #4587B6;
	margin: 0;
}

.article-heading {
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.02em;
	color: #4587B6;
	margin: 0;
}

.article-date {
	font-size: 12px;
	letter-spacing: -0.02em;
	color: #808080;
	margin: 0 0 8px 0;
}

/* SPONSORS */

.main-sponsor h5 {
	font-size: 18px;
	font-weight: normal;
	color: #4587B6;
	margin: 0;
}

.sponsor-group p {
	font-size: 12px;
	line-height: 1.3em;
}

/* CONTACT */

.team-member h5 {
	font-size: 16px;
	font-weight: normal;
	color: #4587B6;
	margin: 0;
}

.team-member h6 {
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0 0 10px 0;
}

.team-member p {
	font-size: 11px;
	color: #333;
	margin: 0;
}

.team-member-name {
	font-size: 15px;
	color: #4587B6;
}

/****** -- 4E ABOUT STYLES [END] -- ******/



/****** -- 4F ATTRACTIONS STYLES [START] -- ******/

.air-displays a {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.air-display-detail-show p {
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
}

.air-display-detail-show h2 {
	font-size: 17px;
	color: #333;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 0;
}

/****** -- 4F ATTRACTIONS STYLES [END] -- ******/



/****** -- 4G GETTING THERE STYLES [START] -- ******/
/****** -- 4G GETTING THERE STYLES [END] -- ******/



/****** -- 4H PLACES TO STAY STYLES [START] -- ******/

.maps {
	font-size: 11px;
	line-height: 1.2em;
	color: #4D4D4D;
	margin-top: 0px;
	margin-bottom: 0px;
}
	
/****** -- 4H PLACES TO STAY STYLES [END] -- ******/