/* Transwest Air */
@import url("reset.css");

/* sticky footer */

body { background: #030b1d; font-family: Tahoma, sans-serif; color: #a5b1cd; }
#wrap { width: 975px; background: #081843; margin: 0 auto 0 auto; position: relative; }


/* header*/

#header { height: 124px; position: relative; background: url('img/header-bg3.jpg') no-repeat 0 0; }

#logo { display: block; position: absolute; width: 260px; height: 124px; background: none; text-indent: -2000em; }

#menu { position: absolute; left: 320px; top: 86px; z-index: 5000; }
#menu li { float: left; display: inline; margin-right: 15px; position: relative; z-index: 5000; }
#menu li a { z-index: 5000; overflow: visible; display: block; float: left; height: 43px; position: relative; background: url('img/menu-sprite.gif') no-repeat 0 0; text-indent: -2000em; }
#menu li a span { display: block; background: url('img/tick.gif') no-repeat 0 0; height: 4px; width: 8px; position: relative; top: 22px; left: 47%; cursor: pointer; }
#menu li.hover a span { background-position: 0 -7px; }


#menu li#about-us a { width: 86px; }
#menu li#flying-transwest a { width: 160px; background-position: -86px 0; }
#menu li#services a { width: 90px; background-position: -246px 0; }
#menu li#media a { width: 110px; background-position: -336px 0; }
#menu li#contact-us a { width: 107px; background-position: -449px 0; }

#menu li#about-us.hover a, #menu li#about-us a:hover { background-position: 0px -49px; }
#menu li#flying-transwest.hover a, #menu li#flying-transwest a:hover { background-position: -86px -49px; }
#menu li#services.hover a, #menu li#services a:hover{ background-position: -246px -49px; }
#menu li#media.hover a, #menu li#media a:hover { background-position: -336px -49px; }
#menu li#contact-us.hover a, #menu li#contact-us a:hover { background-position: -449px -49px; }

#menu li ul li.hover { background: none; background-position: 0px 0px; }

/* dropdowns */

#menu li ul { z-index: 6000; left: -999em; position: absolute; display: inline; background: #08173a; width: 200px; border: 1px solid #000e2e; border-width: 0px 1px 1px 1px; }
#menu li:hover ul, #menu li.hover ul { left: 0; top: 37px; display: block; }

/* DROPDOWN LINK STYLING */
#menu li ul li { margin-top: 1px; }
#menu li ul li.first a { border-top-width: 0px;}
#menu li ul a { width: 192px !important; text-indent: 0; display: block; text-decoration: none; font: bold .75em Arial, sans-serif; margin: 0; float: none; height: 16px; padding: 9px 8px 7px 0px; background: none; margin: 0; overflow: hidden; color: #a5b1cc; border-top: 1px solid #000e2e; } 
#menu li ul a:hover { background: #0b1e45 url('img/dropdown-link-bg.gif') repeat-x 0px 0px !important;  color: #fff; }
#menu li ul li a small { padding-left: 25px; display: block; float: left; background: url('img/dropdown-tick.gif') no-repeat 12px 4px; }
#menu li ul li a:hover small { background-position: 12px -37px }


/* splash */

#splash { height: 182px; font-size: 0em; padding-top: 1px; border: 1px solid #612315; border-width: 1px 0px 1px 0px; }




/* content */

#content { background: #081843; position: relative; padding-bottom: 190px; }
#main { margin-left: 50px; width: 603px; height: auto; background: #0a1d4a url('img/news-bg.jpg') no-repeat 304px 230px; overflow: hidden; }

#main.content { background-image: none; color: #d7d7d7; font-size: .81em; padding: 30px 30px 50px 30px; width: 543px; }
#main.content.wide { width: 813px; }
#main.content.wide object { margin-left: 220px; }

#main.content p { margin-top: 1.5em; text-align: justify; line-height: 1.3em; }
#main.content ul { margin: 1em 0 0 2.5em; list-style-type: disc; text-align: justify; line-height: 1.2em; }
#main.content ul li { padding-top: 5px; }
#main.content a { color: #efe2b5; text-decoration: none; font-weight: bold; }
#main.content a:hover { text-decoration: underline; }
#main.content h1 { margin: 1em 0 0 0; font-size: 24px; color: #efefef; } 
#main.content h3 { margin: 2em 0 0 0; font-size: 18px; color: #efefef; }

#main.content h4 { font-size: 16px; line-height: 1.1em; margin: 35px 0 0 0; color: #efefef; }
#main.content h5 { color: #efefef; font-size: 14px; padding-top: 1.5em; }

#main.content table { margin-top: 20px; }
#main.content table td, #main.content table th { padding: 0 20px 5px 0; }
#main.content th { text-align: left; }
#main.content p small { font-size: .75em; }
#main.content blockquote {  margin: .7em 0 0 2.5em; line-height: 16px; padding-bottom: 1em; }

#main.content table.schedule { font-size: 1em; color: black; background: white; margin-top: 50px !important; width: 500px; margin: auto; border: 5px solid white; }
#main.content table.schedule th { border-bottom: 1px solid #ddd; border-top: 2px solid #ddd; padding: 7px;}
#main.content table.schedule tr { border-bottom: 1px solid #ddd; line-height: 30px; }
#main.content table.schedule td { color: black; padding: 7px; }
#main.content .legend p { text-align: center; }
#main.content .fleet { display: block; text-align: center; margin-top: 5em; margin-bottom: -1em; }

#main.content img { border: 1px solid black; }
#main.content img.headshot { margin-top: 20px; }
#main.content .title img { border: none; }
#main.content .download { font-size: 1.2em; line-height: 2em; }

#main.content #overview ul { list-style-type: none; margin: 2em 0 0 0; padding: 0 0 0 0; }
#main.content #overview ul li { display: block; margin: none; padding: 13px 13px 13px 14px; border-top: 1px solid #162953; border-bottom: 1px solid #162953; overflow: hidden; margin-bottom: 24px; }
#main.content #overview ul li img { float: left; margin-right: 10px; }
#main.content #overview ul li h2 { font-size: 1.15em; color: white; padding: 1px 0 5px 0; }
#main.content #overview ul li p { float: left; }
#main.content #overview ul li a { background: url('img/btn-go.gif'); display: block; width: 58px; height: 27px; float: right; margin: 1em 0 0 10px; border: none; }
#main.content #overview ul li a:hover { background-position: 0 27px; }


#main #message { display: none; background: #192b55; font-family: arial, sans-serif; font-size: 12px; text-align: center; line-height: 18px; width: 340px; padding: 15px; margin: 20px auto 20px auto;}
#main #message.show { display: block !important; }

#content #main #main-left { width: 304px; float: left; display: block; padding-bottom: 15px;}
#content #main #charters { width: 304px; float: left; margin: 20px auto 30px auto; }
#content #main #helicopters { width: 304px; float: left; }

#content #main #main-right { width: 230px; float: left; padding-left: 12px; }




#content #main #news { width: 240px; float: left; }
#content #main #news h2 {margin: 20px auto 8px auto; background: url('img/h2-news.gif') no-repeat 50% 0; height: 16px; text-indent: -2000em;}
#content #main #news ul { display: block; width: 100%; overflow: hidden; margin-bottom: 20px; margin-left: 15px; padding-bottom: 10px; }
#content #main #news ul li { float: left; }
#content #main #news ul li.date { margin-right: 10px; }
#content #main #news ul li.date a { margin-top: 4px; padding: 8px 8px 8px 9px; background: #0c2b5c; text-decoration: none; color: #cdd4de; font-size: .69em; font-weight: bold; display: block; float: left; }
#content #main #news ul li.date a:hover { background: #0c3365; }
#content #main #news ul li.date a span { font-weight: normal; color: #8594ad; display: block; padding-left: 2px; padding-top: 3px;}

#content #main #news ul li.post { width: 170px; }
#content #main #news ul li.post h3 { margin-bottom: 4px; }
#content #main #news ul li.post h3 a { color: #efe2b5; font-weight: bold; font-size: .75em; text-decoration: none; line-height: 16px;  }
#content #main #news ul li.post p { font-size: .69em; line-height: 16px; margin-bottom: 3px; }
#content #main #news ul li.post a.more { color: #efe2b5;  text-decoration: none; font-size: .69em; padding-left: 15px; background: url('img/more-arrow.gif') no-repeat 2px 4px; }
#content #main #news ul li.post a:hover { text-decoration: underline; }

#content #main #promos { width: 30px; float: left; padding-left: 30px; padding-top: 20px; }
#content #main #promos a { display: block; background: #09173d; border: 1px solid #000e2e; width: 226px; font-size: 0em; margin-bottom: 20px; }
#content #main #promos a:hover { border-color: #293a62; }

#main.content #vid { list-style: none; }
#main.content #vid li { width: 215px; margin: 30px 30px 5px 5px; float: left; display: block; text-align: center; }
#main.content #vid a.video { background: black no-repeat 1px 1px; display: block; position: relative; margin: 0 auto 0 auto; border: 1px solid #732d1b; width: 200px; height: 166px; padding: 1px; }
#main.content #vid a.video:hover { border: 1px solid #36466b; }
#main.content #vid a.title { line-height: 14px; padding-top: 6px; color: #efe2b5; text-decoration: none; font-weight: bold; text-align: center; display: block; font-size: .89em; }
#main.content #vid a.title:hover { text-decoration: none; }
#main.content #vid a.video span { display: block; position: absolute; bottom: 10px; right: 10px; height: 27px; width: 27px; background: transparent url('http://www.mediadragon.ca/transwest/css/img/play-btn.gif') no-repeat 0px 0px; }
#main.content #vid a.video:hover span { background-position: 0 -27px; }

#main.content a.back { padding: 5px; }
#main.content a.back:hover {  } 


/* book online form */

#bookonline { /* background: url('img/bookonline-bg.jpg') no-repeat 0 0; */ height: 190px; padding-top: 20px; overflow: hidden; }
#bookonline h2 { background: url('img/h2-bookonline.gif') no-repeat 50% 0; text-indent: -2000em; margin-bottom: 15px; }
#bookonline ul { display: block;  float: left; height: 45px; margin-left: 20px; }
#bookonline ul.to { height: 40px; }
#bookonline ul li { display: block; float: left; margin-right: 15px; }
#bookonline ul li.loc { }
#bookonline ul li input { background: #132856; border: 1px solid; border-color: #081636 #385185 #385185 #081636; height: 22px; }
#bookonline ul li label { font-size: .75em; font-family: Tahoma, sans-serif; color: #99a6c3; font-weight: bold; text-align: right; display: block; float: left; width: 50px; padding-right: 9px; padding-top: 6px; }
#bookonline ul li.date { width: auto; }
#bookonline ul li.date label { width: 100px; }
#bookonline ul li.date input { font-size: .75em; font-family: Tahoma, sans-serif; color: #fff;padding: 3px; height: 16px;}
#bookonline ul li select { background: #132856; border: 1px solid; border-color: #081636 #385185 #385185 #081636; font-size: .75em; font-family: Tahoma, sans-serif; color: #fff;padding: 3px; width: 200px; }
#bookonline ul.bot { padding-left: 20px; }
#bookonline ul.bot li { margin-right: 8px; width: 100px; text-align: center;  }
#bookonline ul.bot li label { float: none; width: 100px; text-align: center; padding-bottom: 10px; }
#bookonline ul.bot li select { width: 50px; }
#bookonline ul.bot li.submit button { width: 110px; height: 26px; display: block; background: url('img/getflights-btn.gif') no-repeat 0 0; border: none;  text-decoration: none; color: #353535; font-weight: bold; text-align: left; font-size: .69em; cursor: pointer; padding: 0px 0px 4px 8px; }
#bookonline ul.bot li.submit { padding: 24px 0 0 40px; }
#bookonline ul.bot li.submit button:hover { background-position: 0 -26px; color: #484d57; }

#links { text-align: center; margin-bottom: 25px; color: #303a55; font-weight: normal; }
#links a { padding: 2px; color: #efe2b5; text-decoration: none; font-weight: bold; font-size: .75em; }
#links a:hover { text-decoration: underline; }


/* sidebar */

#sidebar { position: absolute; right: 10px; top: 10px; width: 280px; }

#sidebar div { margin-bottom: 20px; }
#sidebar .box { width: 267px; background: url('img/sidebar-box-botbg.jpg') no-repeat 0 100%; overflow: hidden; padding: 0 0 6px 0; }
#sidebar .box h2 { background: url('img/sidebar-box-topbg.jpg') no-repeat 0 100%; display: block; height: 56px; }
#sidebar .box h2 img { margin: 0 auto 0 auto; display: block; padding-top: 16px; }
#sidebar .box.sidebar { padding-bottom: 15px; }
#sidebar .box.sidebar ul { margin: -16px 0 0 0;  width: 247px; }
#sidebar .box.sidebar ul li { margin: 0 auto 0 auto; text-align: center; width: 200px; }
#sidebar .box.sidebar ul li a { font-size: 13px; padding: 10px; color: white; text-decoration: none; display: block; width: 100%; }
#sidebar .box.sidebar ul li a:hover { background-color: #101f49; }
#sidebar .box.sidebar ul li.current a { background: #071437; }
#sidebar .box a.btn { width: 267px; padding-top: 12px; height: 26px; display: block; background: url('img/btn-bg.jpg') no-repeat 50% 0; float: left; margin-top: 7px; text-decoration: none; color: #353535; font-weight: bold; text-align: center; font-size: .69em; font-family: Tahoma, sans-serif; }

#sidebar .box.videogallery ul { margin: 0 0 50px 15px; }
#sidebar .box.videogallery li { width: 110px; float: left; display: block; margin-right: 12px; }
#sidebar .box.videogallery li a.video { background: #09173d url('img/video-partnership.gif') no-repeat 1px 1px; width: 110px; height: 82px; display: block; border: 1px solid #293a62; position: relative; }
#sidebar .box.videogallery li a.video:hover { border-color: #4e6089 }
#sidebar .box.videogallery li a.video span { float: left; height: 27px; width: 27px; position: absolute; bottom: 8px; right: 9px; background: transparent url('img/play-btn.gif') no-repeat 0 0; display: block; }
#sidebar .box.videogallery li a.video:hover span { background-position: 0 -27px; }
#sidebar .box.videogallery li a.title { line-height: 14px; padding-top: 6px; color: #efe2b5;  text-decoration: none; font-weight: bold; text-align: center; display: block; font-size: .69em; }
#sidebar .box.videogallery li a.video.partnership { background: #09173d url('img/video-partnership.gif') no-repeat 1px 1px; }
#sidebar .box.videogallery li a.video.introduction { background: #09173d url('img/video-introduction.jpg') no-repeat 1px 1px; }

#sidebar .box.photogallery ul { margin-left: 15px; width: 236px; }
#sidebar .box.photogallery li { margin: 0 1px 1px 0; float: left; display: block; }
#sidebar .box.photogallery li a { width: 58px; height: 44px; float: left; display: block; background: #202e53; opacity: .8; filter: alpha(opacity=80); }
#sidebar .box.photogallery li a:hover { background: #49587f; opacity: 1.0; filter: alpha(opacity=100); }

#sidebar .numbers { background: url('img/sidebar-numbers2.gif') no-repeat 0 0; margin: 10px auto; width: 194px; height: 30px; }


/* search */

#sidebar #search { position: relative; background: url('img/search-bg.gif') no-repeat 8px 7px; overflow: auto; height: 35px; width: 220px; padding: 18px 0 0 24px;  margin: 0 auto 12px 5px; }
#sidebar #search input#search-input { background: transparent; position: relative; height: 24px; width: 154px; border: none; float: left; font-size: .75em; color: #99a6c3; font-weight: bold; padding: 5px 8px 0 0; font-family: Tahoma, sans-serif; }
#sidebar #search input#search-input.focus { font-weight: normal; color: #a5b1cd; }
#sidebar #search input#search-submit { margin: 1px 0 0 9px; background: transparent; position: relative; height: 26px; width: 31px; border: none; display: block; float: left; cursor: pointer; }











/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
	float: left;
}

button.calendar {
	background: url('img/calendar/calendar-icon.gif');
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 0px;
	width: 20px;
	margin: 2px 0 0 4px; 
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url('img/calendar/calendar.png');
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url('img/calendar/calendar-prev.gif');
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url('img/calendar/calendar-next.gif');
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
div.calendar td, div.calendar th { border: 0; color: #0597DB; font: normal 14px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; line-height: 21px; }
div.calendar td { background: url('img/calendar/calendar-td.gif'); color: #FFF; font-size: 12px; }
div.calendar td.invalid { color: #999; }
div.calendar td.valid { background: url('img/calendar/calendar-valid.gif'); color: #0597DB; cursor: pointer; }
div.calendar td.hilite { background: url('img/calendar/calendar-hilite.gif'); }
div.calendar td.inactive { background: url('img/calendar/calendar-td.gif') 0 100%; color: #FFF; }
div.calendar td.active, div.calendar td.hover { background: url('img/calendar/calendar-valid.gif') 0 100%; color: #FFF; cursor: pointer; }






/* footer */

#footer { background: #081843 url("img/footer-bg.jpg") no-repeat 50% 0; height: 120px; width: 905px; margin: 0 auto 0 auto; position: relative; padding: 30px 0 0 70px; clear: both; position: relative; z-index: 10; margin-top: -160px; }

#footer p { float: left; display: block; width: 655px; font-size: .75em; color: #a5b0cc; line-height: 17px; }
#footer a.logo { float: right; width: 125px; height: 60px; display: block; background: url('img/footer-twa.gif') no-repeat 0 0; position: relative; left: -80px; }

#footer a.mediadragon { position: absolute; bottom: 7px; left: 70px; background: url('img/footer-md.gif') no-repeat 0 0; width: 85px; height: 31px; }
#footer a.mediadragon:hover { color: #fff; text-decoration: underline; }

#footer ul { position: absolute; bottom: 24px; right: 70px; }
#footer ul li { float: left; display: block; border-left: 1px solid #303a55;  }
#footer ul li a { padding: 0px 9px 0 9px; color: #fff; text-decoration: none; font-size: .69em; color: #3961c2; font-weight: bold; float: left; display: block; }
#footer ul li a:hover { color: #fff; text-decoration: underline; }

#footer ul li.stafflogin { border-left: none; }