/*==============================================================================
	PAGE STYLES
	2009-09-20
	Mark Gerrard
	outsideline.co.uk

	1) HOMEPAGE
	2) MULTIMEDIA
	3) NEWS
	4) BOOKING
	5) SPACEBOOK
	6) SATS
	7) NEWSLETTER
	8) OVERVIEW
	9) SPACEBOOK 2?
==============================================================================*/
.textPage .row {
	padding: 20px;
	background: #0d1517 url("../img/layout/bg_spacebook.jpg") no-repeat right bottom;
}

#error404.textPage .row {background-image: none;}

#error404.textPage h2 {
	text-transform: none;
	font-size: 1.8em;
}
	
/*=======================================
	1) HOMEPAGE STYLES
=======================================*/
#home #video {
	position: relative;
	height: 370px;
	background: url("../img/layout/bg_home_video.jpg") no-repeat 0 0;
}

#home #video h2 {width: 160px; text-transform: none;}

#home #video .col.one {
	float: left;
	width: 556px;
	margin: 20px 0 0 20px;
}

#home #video .col.two {
	position: absolute;
	bottom: 40px;
	right: 200px;
	width: 190px;
}

#home #video .col.two h2 {
	margin-bottom: 20px !important;
	font-size: 1.833em !important;
}

#home #video .col.two h2 a {color: #FFF;}

#home #video .col.two h3 {
	margin-bottom: 15px;
	color: #000;
	font-size: 1.083em;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}

#home #video .col.two h3 a {color: #000;}

#home #video .col.two p {
	margin: 0;
}

#home #video .col.two p a {
	padding-left: 20px;
	background: url("../img/layout/bg_cta.gif") no-repeat 0 0.15em;
	font-size: 1.167em;
	color: #FFF;
}
#home #video .col.two p a:hover {color: #5ca8d8;background-position: 0 -47px;}

#home #news {
	padding: 20px;
	background: #0d1517;
}

#home #news h2 {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.5em;
}

#home #news .date {
	margin-bottom: 0;
	font-size: 0.833em;
	color: #5ca8d8;
	font-weight: bold;
}

#home #news h3 {
	font-size: 2em;
}

#home #news h3 a {
	color: #FFF;
}

#home #news h4 {
	margin-bottom: 15px;
	font-size: 1.333em;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	color: #5ca8d8;
}

#home #news ol li {
	margin-bottom: 15px;
	list-style: none;
}

#home #news ol li h3 {
	font-size: 1em;
}

#home a.cta {
	margin-left: 4px;
	line-height: 0.9em;
	display: inline-block;
	width: 7px;
	height: 8px;
	text-indent: -1000em;
	background: url("../img/layout/bg_cta_sml.gif") no-repeat;
}

#home .col2 a.cta {width: auto; text-indent: 0;}

#home p.comments {
	margin: 0;
}

#home #news p.cta a {
	padding-left: 15px;
	color: #FFF;
	background: url("../img/layout/bg_cta_sml.gif") no-repeat left center;
}

#home #news p.cta a:hover {
	color: #5ca8d8;
}

#home .row.promo {
	position: relative;
	height: 190px;
}

#home .row.promo img {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
}

#home .row.promo .col1 {
	left: 20px;
	top: 20px;
	padding: 10px 20px;
	width: 182px;
	height: 130px;
	position: relative;
	z-index: 2;
	background: url("../img/layout/bg_opacity.png") no-repeat 0 0;
	font-size: 0.917em;
	line-height: 1.8em;
}

#home .row.promo .col1 h2 {
	line-height: 1.4em;
	text-transform: uppercase;
	font-size: 1.636em !important;
	font-weight: normal;
}

#home .row.promo .col1 h3 {
	line-height: 1.4em;
	font-size: 1.455em;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	color: #5ca8d8;
}

#home .row.promo .col1 .cta a {
	position: absolute;
	right: 20px;
	padding-left: 15px;
	height: 11px;
	background: url("../img/layout/bg_cta.gif") no-repeat 0 0;
	color: #FFF;
}

#home .row.promo .col1 .cta a:hover {
	background-position: 0 -49px;
}


/*=======================================
	2) MULTIMEDIA STYLES
=======================================*/
#multimedia .header h2 {float: left;}
#multimedia .header ul {
	float: right;
	margin-top: 10px;
	list-style: none;
	font-size: 1.167em;
}
#multimedia .header ul li {display: inline;}
#multimedia .header ul li a {padding-left: 15px; margin-left: 10px; background: url("../img/layout/bg_cta.gif") no-repeat 0 0.1em; color: #FFF;}

#multimedia .row {
	background: #0d1517;
	padding: 30px;
	position: relative;
}

#multimedia .row h3 {
	margin-bottom: 30px;
	font-size: 2em;
}

#multimedia .row h3 a {color: #FFF;}

#multimedia #hero .hero {
	margin-bottom: 30px;
	display: block;
}

#multimedia #hero .description {
	width: 680px;
}

#multimedia.album #hero h3 {float: left; width: 700px;margin-bottom: 10px;}

#multimedia.album #hero .description {margin-top: 0;}

#multimedia.album .share {float: right; clear: none;}

#multimedia #hero .description h4 {
	margin-bottom: 10px;
	font-size: 1.333em;
}

#multimedia #hero .description p {
	font-size: 1.167em;
	font-family: Georgia, "Times New Roman", serif;
	color: #337294;
	font-style: italic;
}

#multimedia #hero .more {
	float: left;
	margin-left: 80px;
}

#multimedia #hero .more a {
	padding-left: 20px;
	background: url("../img/layout/bg_cta.gif") no-repeat 0 0.22em;
	font-size: 1.167em;
	color: #FFF;
}

#multimedia .items {position: relative;}

#multimedia .items .pagination {
	position: absolute;
	top: 20px;
	right: 20px;
}

#multimedia .items .view {
	float: left;
	width: 912px;
	margin-right: 28px;
}

#multimedia .items .item {
	float: left;
	width: 160px;
	margin: 0 28px 22px 0;
	position:relative;
}

#multimedia .items .item a img {
	display: block;
	margin-bottom: 5px;
	border: 11px solid #16262a;
}

#multimedia .items .item a .play {
	position:absolute;
	top:50%; left:50%;
	margin:-18px 0 0 -18px;
	border:none;
	background:url(../img/layout/play_overlay.gif) 50% 50% no-repeat;
}
#multimedia .items .item h4 {
	font-weight: normal;
	font-size: 1em;
}


/*=======================================
	3) NEWS STYLES
=======================================*/
#news .row {
	background: #0d1517;
}

#news.archive .row {
	position: relative;
	padding: 30px 20px;
}

#news p.date {
	color: #337294;
	margin-bottom: 5px;
	font-size: 0.833em;
}

#news a.cta {
	padding-left: 15px;
	color: #FFF;
	background: url("../img/layout/bg_cta_sml.gif") no-repeat left center;
}

#news p.cta a {
	padding-left: 15px;
	color: #FFF;
	background: url("../img/layout/bg_cta_sml.gif") no-repeat left center;
}

#news #hero .col2,
#news #hero .col1,
#news.item .col2,
#news.item .col1 {
	margin-top: 25px;
}

#news #hero .col2,
#news.item .col2 {
	margin-left: 20px;
}

#news #hero .item,
#news.item .item {
	float: left;
	margin: 0 15px 15px 0;
}

#news.archive .item {
	margin-bottom: 30px;
}

#news #hero .item img,
#news.item .item img,
#news.archive .item .media img {
	border: 7px solid #16262a
}

#news.archive .col3.items {margin-bottom: 20px;}

#news.archive .item .media {
	float: left;
}

#news.archive .item .copy {
	float: left;
	width: 450px;
	margin-left: 20px;
}

#news.archive .item h4 a {
	color: #FFF;
}

body#news h3 {
	margin-bottom: 10px;
	font-size: 2em;
	line-height: 0.8em;
}

#news #hero h3 a {
	color: #FFF;
}

#news #hero h4,
#news.item h4,
#news.archive h5 {
	margin-bottom: 20px;
	font-size: 1.333em;
	color: #337294;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
}

#news #hero h4 {
	margin-bottom: 30px;
}

#news.archive h5 {margin-bottom: 5px;font-size: 1.167em;}

#news #hero p.cta,
#news.item p.cta {
	margin-top: 15px;
	font-size: 1em;
}

#news.item p.comments {
	float: left;
	margin-bottom: 30px;
}
#news.item p.cta.top {
	float: left;
	margin: 0 0 0 100px;
}

#news.archive a.cta {
	margin: 0;
	padding: 0 0 0 15px;
	text-indent: 0;
	width: auto;
	color: #FFF;
}

#news #featured,
#news #latest {
	position: relative;
	margin: 20px 0 20px 20px;
}

#news #featured .rss,
#news #latest .rss,
#news.archive .rss {
	position: absolute;
	top: 0.5em;
	right: 0;
	line-height: 1.6em;
	padding: 0 25px 0 0;
	background: url("../img/layout/ico_rss.gif") no-repeat right top;
	font-size: 0.917em;
}

#news.archive .rss {
	top: 30px;
	right: 400px;
}

#news #featured .rss a,
#news #latest .rss a {
	padding-left: 15px;
	color: #FFF;
	background: url("../img/layout/bg_cta_sml.gif") no-repeat left center;
}

#news h3 {
	font-size: 1.5em;
}

#news #latest h4,
#news #featured h4 {
	margin-bottom: 5px;
	font-size: 1.083em;
}

#news #latest h4 a,
#news #featured h4 a {color: #FFF;}

#news #latest h5,
#news #featured h5 {
	margin-bottom: 5px;
	color: #337294;
	font-size: 1.167em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
}

#news #featured h5 {
	margin-bottom: 20px;
}

#news #featured p {
	margin-bottom: 5px;
	font-size: 0.917em;
}

#news #featured p.cta {
	clear: left;
	margin: 0 0 10px 242px;
	font-size: 1.167em;
	line-height: 1em;
}

#news #featured .item,
#news #latest .item {
	overflow: hidden;
	margin-bottom: 30px;
	clear: both;
}

#news #featured .item.last {margin-bottom: 20px;}

#news #latest .item {
	margin-bottom: 20px;
}

#news #latest #aggregator .item {
	margin-bottom: 10px;
}

#news #latest #aggregator h3 em {
	font-size: 0.5em;
	color: #337294;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
}

#news #featured {
	width: 468px;
}

#news #twitter {
	padding: 20px;
}

#news #videoHolder {position: relative;}

#news #videoHolder img.play {
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	position: absolute;
}

#news #videoHolder .play_icon {
	position:absolute;
	top:50%; left:50%;
	margin:-18px 0 0 -18px;
	border:none;
	background:url(../img/layout/play_overlay.gif) 50% 50% no-repeat;
}

#news #twitter .col1 {width: 165px; padding-right: 57px;}

#news #twitter .col1 h4 {margin-bottom: 5px; font-size: 1.167em;}

#news #twitter .col1 ul {overflow: hidden; margin-bottom: 10px;}

#news #twitter .col1 ul li {float: left; width: 80px; list-style: none; font-weight: bold; font-size: 1.167em; color: #337294;}
#news #twitter .col1 ul li span {display: block; font-size: 0.786em; color: #FFF;}

#news #twitter .followersList {list-style: none;}

#news #twitter ul.followersList li {float: left; width: 50%; margin: 0 4px 4px 0; width: auto;}

#news #twitter .tweets {padding: 5px; background: #121e21; font-size: 1.167em; font-weight: bold; overflow: hidden;}
#news #twitter .tweets span {float: left;}
#news #twitter .tweets strong {float: right; color: #337294;}

#news #twitter .col3 p {
	margin-bottom: 20px;
}

#news #twitter .col3 p span {
	margin-top: 5px;
	display: block;
	color: #337294;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}


.share {
	clear: both;
	padding-bottom: 50px;
	overflow: hidden;
}

.share ul li,
ul.share li {
	list-style: none;
	display: inline;
}

#multimedia.album .lb-cont .share {float: none; width: 185px; margin: 10px auto; padding-bottom: 0;}
#multimedia.album .lb-cont .share span {float: left; margin-right: 10px;}


#news .comments h4 {
	font-style: normal;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
}
#news .comments h4 a {color: #FFF;}

#news .comments .item {padding: 20px 30px; float: none; margin-bottom: 20px;}
#news .comments .item.odd {background: #0f191c;}
#news .comments .item h5 {margin-bottom: 15px; color: #337294; font-weight: normal;}

#news .comments .item h5 strong {
	font-style: italic;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
}

#news .comments .item h5 span {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}

#news .comments form {margin-top: 20px; clear: both;}

#news .comments form h5 {margin: 0 0 15px 5px;font-size: 1.5em;}

#news .comments form p.col1 {
	margin-top: 0;
	margin-right: 10px;
	clear: none;
}

#news .comments form p.col1 input {width: 192px;}
#news .comments form p.comm {margin-bottom: 30px;}
#news .comments form p textarea {width: 424px;}
#news .comments form p.submit {float: right; margin: 0 20px 30px 0;}

/*=======================================
	4) BOOKING STYLES
=======================================*/
#booking .row {
	padding: 20px;
	background: #0d1517;
}

#booking .row h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 1.667em;
}

#booking .row h3 a {color: #FFF;}

#booking #intro {
	font-size: 1.333em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}

#booking #intro li {
	margin-right: 40px;
	display: inline;
	list-style: none;
	font-style: normal;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.938em;
	text-transform: uppercase;
}

#booking #intro li a {
	padding-left: 20px;
	background: url("../img/layout/bg_cta.gif") no-repeat 0 0.2em;
	color: #FFF;
}

#booking #intro li a:hover {background-position: 0 -46px;}

#booking #bookingForm {
	background-image: url("../img/layout/bg_booking_form.jpg");
	background-position: right top;
	background-repeat: no-repeat;
}


#booking form input,
#booking form select,
#booking form textarea {
	width: 312px;
	border: none;
	background: #1b2528;
	padding: 4px;
	color: #5ca8d8;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}

#booking form textarea {
	height: 100px;
}

#booking form select {
	width: 320px;
}

#booking form p.formMulti {overflow: hidden;}

#booking form p.formMulti span {
	float: left;
	width: 155px;
	margin-right: 10px;
}

#booking form p.formMulti input {width: 104px;}

#booking form p.formMulti input#phonecode,
#booking form p.formMulti input#mobilecode {width: 20px;}

#booking form p.formMulti select {width: 154px;}

#booking form p.optin input {width: auto; float: left; margin-right: 10px;}
#booking form p.optin label {display: inline; color: #FFF; font-weight: normal;}

#booking form p.submit input {
	width: auto;
	padding-left: 20px;
	font-size: 1.167em;
	font-weight: bold;
	color: #FFF;
	background: url("../img/layout/bg_cta.gif") no-repeat 0 0.5em;
}


#booking #map {
	width: 902px;
	height: 444px;
	position: relative;
	background: url("../img/layout/booking_map.gif") no-repeat 0 0;
}

#booking #map .flag {
	position: absolute;
	width: 31px;
	height: 28px;
	background: url("../img/layout/bg_flag.png") no-repeat 0 0;
	text-indent: -1000em;
}


/*=======================================
	5) SPACEBOOK
=======================================*/
#spacebook .row {
	padding: 20px;
	height: 260px;
	background: #0d1517 url("../img/layout/bg_spacebook.jpg") no-repeat right top;
}

#spacebook #controls span {
	margin-bottom: 20px;
	display: block;
	color: #5ca8d8;
	font-size: 2em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}

#spacebook #controls .go,
#spacebook #controls .cancel {
	padding-left: 20px;
	color: #FFF;
	font-size: 1.167em;
	background: url("../img/layout/bg_cta.gif") no-repeat 0 0.25em;
}

#spacebook #controls .cancel {
	margin-left: 20px;
	background: url("../img/layout/bg_cross.gif") no-repeat left center;
}


/*=======================================
	6) SATS STYLES
=======================================*/
#sats .row {
	position: relative;
	padding: 20px;
	background: #0d1517;
}

#sats .row h3 {
	margin-bottom: 0;
	font-size: 2em;
}

#sats .row h4 {
	margin-bottom: 20px;
	font-size: 1.333em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #5ca8d8;
}

#sats .row img {
	float: right;
}


/*=======================================
	7) NEWSLETTER STYLES
=======================================*/
#newsletter .row {
	height: 380px;
	padding: 20px;
	background: #0d1517 url("../img/layout/bg_spacebook.jpg") no-repeat right top;
}

#newsletter h3 {
	margin-bottom: 20px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.333em;
}



/*=======================================
	8) OVERVIEW STYLES
=======================================*/
#overview .row {background: #0d1517;}

#overview .row .intro {
	margin-top: 20px;
	font-size: 1.6em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}

#overview .row .intro strong {
	color: #5CA8D8;
}

#overview .header h2 {float: left;}

#overview .header ul {
	float: right;
	list-style: none;
	font-size: 0.917em;
}

#overview .header ul li {
	float: left;
}
#overview .header ul li a {float: left;padding: 4px 10px 5px 10px;}
#overview .header ul li.active {background: url("../img/layout/bg-over-nav-right.gif") no-repeat right top;}
#overview .header ul li.active a {color: #5ca8d8;background: url("../img/layout/bg-over-nav-left.gif") no-repeat 0 0;}

#overview .header ul li a {color: #FFF;}

/*NONE JS*/
#overview #timeline #tl-items {width: 600px; margin: 0 auto;clear: both; padding-left: 40px; list-style: none;}
#overview #timeline #tl-items li {clear: both; overflow: hidden; margin-bottom: 20px;}
#overview #timeline #tl-items .copy .media {float: left; width: 160px; text-align: center;}
#overview #timeline #tl-items .copy .copy {float: left; width: 400px;}

#overview #timeline #tl-layer-1,
#overview #timeline #tl-layer-2,
#overview #timeline #tl-layer-3,
#overview #timeline #tl-layer-4,
#overview #timeline #tl-layer-5 {display: none;}

#overview #timeline.js {
	width: 982px;
	overflow: hidden;
	position: relative;
}

#overview #timeline.js .overlay {
	position: absolute;
	width: auto;
	height: 28px;
	padding: 12px 20px 0 25px;
	background: url("../img/timeline/bg-overlay.png") no-repeat 0 -299px;
	z-index: 20;
}

#overview #timeline.js .overlay h3 {
	font-size: 1em;
}

#overview #timeline.js .overlay .close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 15px;
	height: 15px;
	background: url("../img/timeline/btn-close.gif") no-repeat 0 0;
	text-indent: -1000em;
}

#overview #timeline.js #tl-items li {margin-bottom: 0;}

#overview #timeline.js .overlay .close.hide {display: none;}

#overview #timeline.js .overlay.left {
	padding: 12px 25px 0 20px;
	background: url("../img/timeline/bg-overlay-left.png") no-repeat right -299px;
}

#overview #timeline.js .overlay.open h3 {
	font-size: 2em;
}

#overview #timeline.js .overlay.open h4,
#overview #timeline #tl-items .copy h4,
#overview #timeline.js .overlay.open h5,
#overview #timeline #tl-items .copy h5 {
	margin-bottom: 20px;
	font-size: 1.333em;
	color: #5ca8d8;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
}

#overview #timeline.js .overlay.open h5 {
	margin-bottom: 10px;
	font-size: 1em;
}

#overview #timeline.js .overlay.open ul {
	list-style: none;
}

#overview #timeline.js .overlay.open ul a {
	padding-right: 20px;
	font-weight: bold;
	color: #FFF;
	line-height: 0.9em;
	display: inline-block;
	background: url("../img/layout/bg_cta_sml.gif") no-repeat right center;
}

#overview #timeline.js .overlay.open .copy .copy {
	float: left;
	width: 450px;
}

#overview #timeline.js .overlay.open .copy .media {
	float: left;
	width: 160px;
	margin-right: 20px;
	text-align: center;
}

#overview #timeline.js .overlay.open .copy .copy p {padding: 0;}

#overview #timeline.js .overlay.open .copy .inner {
	float: left;
	width: 420px;
	height: 140px;
	overflow: hidden;
}

.vScrollbar {float: right;position: relative;}
.vScrollbar .arrowUp, .vScrollbar .arrowDown {display: none;}
.vScrollbar .vThumb {width: 8px; border: 1px solid #419cbe; position: absolute;}
#overview #timeline.js .overlay.open {width: 800px; height: 350px; background-image: url("../img/timeline/bg-overlay-over.png");}

#overview #timeline.js .overlay.expanded {
	height: 240px;
	width: 675px;
}

#overview #timeline.js .overlay h3 {margin: 0;}

#overview #timeline.js #tl-items {
	position: absolute;
	z-index: 16;
	width: 100%;
	left: 0;
	height: 100%;
	list-style: none;
	clear: none;
}

#overview #timeline.js #tl-items li .copy {
	display: none;
}

#overview #timeline.js #tl-items li {position: absolute;background-repeat: no-repeat;}

#overview #timeline.js #tl-items li a {display: block;position: absolute;width: 100%; height: 100%;z-index: 50;text-indent: -100000em;}

#overview #timeline.js #tl-inner {
	position: relative;
	width: 4958px;
	width: 5958px;
	height: 431px;
}

#overview #timeline.js .layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#overview #timeline.js #tl-layer-1,
#overview #timeline.js #tl-layer-2,
#overview #timeline.js #tl-layer-3,
#overview #timeline.js #tl-layer-4,
#overview #timeline.js #tl-layer-5, 
#overview #timeline.js #tl-layer-6 {display: block;}

#overview #timeline.js #tl-layer-1 {
	background: url("../img/timeline/grid.png") 0 0;
	z-index: 14;
}

#overview #timeline.js #tl-layer-2 {
	height: 119px;
	background: url("../img/timeline/clouds.jpg") 0 0;
	z-index: 10;
}

#overview #timeline.js #tl-layer-3 {
	height: 26px;
	background: url("../img/timeline/mountains.png") 0 0;
	z-index: 11;
}

#overview #timeline.js #tl-layer-4 {
	height: 10px;
	z-index: 12;
	background: url("../img/timeline/foreground.png") 0 0;
}

#overview #timeline.js #tl-layer-5 {
	z-index: 9;
	background: url("../img/timeline/bg_stars.jpg") repeat-x 0 0;
	height: 100%;

}

#overview #timeline.js #tl-layer-6 {
	z-index: 10;
	background: url("../img/timeline/mountain.png") no-repeat 1087px 100%;
	height: 100%;
}
#overview #timeline #tl-preview {display: none;}

#overview #timeline.js #tl-preview {
	display: block;
	position: relative;
	width: 100%;
	height: 63px;
	top: -12px;
	z-index: 18;
	background: url("../img/timeline/bg-scroller-2.gif") no-repeat 0 0;
}

#overview #timeline.js #tl-preview .inner {
	position: relative;
	left: 16px;
	width: 950px;
}

#overview #timeline.js #tl-preview #tl-preview-view {
	position: absolute;
	left: 0;
	top: 6px;
	width: 200px;
	height: 60px;
	/*background-image: url("../img/timeline/slider-cut-2.jpg");*/
	background-image: url("../img/timeline/slider-cut-3.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: move;
}

#overview #timeline.js #tl-preview-prev,
#overview #timeline.js #tl-preview-next {
	position: absolute;
	top: 25px;
	width: 19px;
	height: 19px;
	background: url("../img/timeline/scroller-prev.png") no-repeat 0 0;
	text-indent: -1000em;
	z-index: 50;
	left: -10px;
}

#overview #timeline.js #tl-preview-next {
	left: 190px;
	background: url("../img/timeline/scroller-next.png") no-repeat 0 0;
}


#overview #timeline.js #tl-preview-prev:hover,
#overview #timeline.js #tl-preview-next:hover {
	background-position: 0 -19px;
}



#overview #timeline.js #tl-item-1 {
	top: 0;
	left: 93px;
	width: 200px;
	height: 233px;
	background: url(../img/timeline/item1.png);
}

#overview #timeline.js #tl-item-2 {
	top: 240px;
	left: 319px;
	width: 125px;
	height: 175px;
	background: url(../img/timeline/item2.png);
}

#overview #timeline.js #tl-item-3 {
	bottom: 0;
	left: 520px;
	width: 125px;
	height: 175px;
	background: url(../img/timeline/item3.png);
}

#overview #timeline.js #tl-item-4 {
	bottom: 0;
	left: 653px;
	width: 33px;
	height: 69px;
	background: url(../img/timeline/item4.png);
}

#overview #timeline.js #tl-item-5 {
	bottom: 100px;
	left: 780px;
	width: 420px;
	height: 247px;
	background: url(../img/timeline/item5.png);
}

#overview #timeline.js #tl-item-6 {
	bottom: 80px;
	left: 1051px;
	width: 335px;
	height: 137px;
	background: url(../img/timeline/item6.png);
}

#overview #timeline.js #tl-item-7 {
	bottom: 60px;
	left: 1400px;
	width: 185px;
	height: 58px;
	background: url(../img/timeline/item7.png);
}

#overview #timeline.js #tl-item-8 {
	bottom: 60px;
	left: 1674px;
	width: 139px;
	height: 306px;
	background: url(../img/timeline/item8.png);
}

#overview #timeline.js #tl-item-9 {
	bottom: 0;
	left: 1905px;
	width: 252px;
	height: 209px;
	background: url(../img/timeline/item9.png);
}

#overview #timeline.js #tl-item-10 {
	bottom: 60px;
	left: 2200px;
	width: 389px;
	height: 265px;
	background: url(../img/timeline/item10.png);
}

#overview #timeline.js #tl-item-11 {
	bottom: -5px;
	height: 196px;
	left: 2160px;
	width: 512px;
	background: url(../img/timeline/item11.png);
}

#overview #timeline.js #tl-item-12 {
	top: 60px;
	left: 2700px;
	width: 525px;
	height: 220px;
	background: url(../img/timeline/item12.png);
}

#overview #timeline.js #tl-item-13 {
	bottom: -5px;
	height: 218px;
	left: 2672px;
	width: 436px;
	background: url(../img/timeline/item13.png);
}

#overview #timeline.js #tl-item-14 {
	bottom: -6px;
	left: 3108px;
	width: 185px;
	height: 195px;
	background: url(../img/timeline/item14.png);
}

#overview #timeline.js #tl-item-15 {
	bottom: 80px;
	height: 118px;
	left: 3250px;
	width: 203px;
	background: url(../img/timeline/item15.png);
}

#overview #timeline.js #tl-item-16 {
	bottom: 60px;
	height: 182px;
	left: 3550px;
	width: 318px;
	background: url(../img/timeline/item16.png);
}

#overview #timeline.js #tl-item-17 {
	bottom: 60px;
	left: 3800px;
	width: 374px;
	height: 254px;
	background: url(../img/timeline/item17.png);
}

#overview #timeline.js #tl-item-18 {
	bottom: 60px;
	height: 246px;
	left: 4200px;
	width: 532px;
	background: url(../img/timeline/item18.png);
}

#overview #timeline.js #tl-item-19 {
	bottom: 0;
	height: 71px;
	left: 4702px;
	width: 365px;
	background: url(../img/timeline/item19.png);
}

#overview #timeline.js #tl-item-20 {
	bottom: 189px;
	height: 174px;
	left: 4981px;
	width: 409px;
	background: url(../img/timeline/item20.png);
}

/*=======================================
	 Overview pages
=======================================*/

/*generic*/

#overview #content {font-size:1em; }
#overview #content .header ul { padding-top:20px; font-size:1.1em; padding-right:10px; }
#overview #content .header .f_left { width:323px; padding:18px 0 14px 30px;    line-height:0.9; }
#overview #content .header h2 { text-transform:none;font-size:2.4em; display:block; width:100%; line-height:0.9; }
#overview #content .header h3 { font-size:1.6em; color:#5ca8d8; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;line-height:1;}

#overview .box { padding: 30px 0 0 0; }
#overview .box h3{ font-size:2.4em; font-weight:bold; padding: 0 0 15px 30px ;}
#overview .box h4{ font-size:2.4em; font-weight:bold;}
#overview .box h5 { font-size:1.6em; color:#5ca8d8; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;line-height:1; margin-bottom: 20px;}

#overview p{ font-size:1.3em; padding: 0 30px 0 30px; font-weight:lighter; color:#bfbfbf}
#overview #footer p {color: #5CA8D8; padding: 0;}
#overview .kicker { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.6em;  line-height:1.5}
#overview .kicker em{  color:#5ca8d8; }
#overview .kicker.last {margin-bottom: 50px;}

#overview .banner_box { position:relative; width:100%; float:left; margin:0; padding:0; }
#overview .banner_box img{ float:left; margin:0; padding:0; }
#overview .banner_box cite{ position:absolute; bottom:10px; left:30px; color:#fff; font-size:1.1em; font-style:italic;}

#overview .pic_box { float:right;position:relative; margin-left:30px; display:inline}
#overview .pic_box img{ border: 10px solid #16262a; position:relative;}
#overview .pic_box cite{ position:absolute; bottom:20px; left:20px; font-size:1.1em; font-style:italic; }

#overview .c1 { width:208px; float:left;}
#overview .c2 { width:208px; float:right;}

#footer p { padding-left:0; font-size:1.2em}

#overview p.cta a {	padding: 15px ;	color: #FFF;	background: url("../img/layout/bg_cta_sml.gif") no-repeat left center;}

/*saftey*/
#overview .saftey p.cta {padding-left:0;}
#overview .saftey .box{ background:url(../img/overview/safety/footer.jpg) 100% 100% no-repeat  }
#overview .saftey .c_division { padding:0 0 30px 0; }

#overview .saftey .row_01{ width:100%; background:url(../img/overview/safety/drop_jets.jpg) 100% 0 no-repeat; float:left; position:relative; margin-top: 20px;}
#overview .saftey .row_01 .f_left{ width:445px; padding-left:30px; }
#overview .saftey .row_01 cite{ position:absolute; top:385px; left:505px; color:#676e70;width:445px; }
#overview .saftey .row_01 p{ padding:0;}

#overview .saftey .row_02 p{ padding-left:0;  }
#overview .saftey .row_02 .pic_box{ float:left; }
#overview .saftey .row_02 .f_right{ width:445px; padding-right:30px;  }
#overview .saftey .row_02 cite{  color:#fff; }

#overview .saftey .row_03{ padding: 0 30px 0 30px;   }
#overview .saftey .row_03 .f_left{ width:445px; }
#overview .saftey .row_03 .f_right{width:445px;  }
#overview .saftey .row_03 dl{ width:118px; float:right;  font-weight:bold; font-style:italic; font-size:1.1em }
#overview .saftey .row_03 dt{ width:118px; float:right; color:#feffff; padding-bottom:5px;  }
#overview .saftey .row_03 dd{ width:118px; float:right; color:#676e70;font-weight:normal;  }

#overview .saftey .c1 p,
#overview .saftey .c2 p { padding:0;} 

#overview .saftey .box_link01{ width:100%; height:400px;  display:block; text-indent:-999em}

/*spaceships*/
#overview .spaceships .box{  }
#overview .spaceships p.cta {padding-left:30px;}
#overview .spaceships .row_01 p{ width:666px; padding-left:30px; float:left; }
#overview .spaceships .row_01 .f_right{ width:252px; position:relative; }
#overview .spaceships .row_01 .f_right img{ float:left; }
#overview .spaceships .row_01 .f_right dl{ width:98px; float:right;  font-weight:bold; font-style:italic; font-size:1.1em; position:absolute; top:0; right:11px }
#overview .spaceships .row_01 .f_right dt{ width:98px; float:right; color:#feffff; padding-bottom:5px;  }
#overview .spaceships .row_01 .f_right dd{ width:98px; float:right; color:#676e70;font-weight:normal;  }

#overview .spaceships .row_02 p{ width:445px;float:right; padding-left:0; }
#overview .spaceships .row_02 img{  float:left; padding-left:30px; margin-top: 30px; }

#overview .spaceships .row_03 {width:100%; float:left; position:relative; margin-bottom: 20px;}
#overview .spaceships .row_03 cite{ position:absolute;  font-size:1em; color:#676e70; font-style:italic; width:203px }
#overview .spaceships .row_03 .cite01{top:222px; left:30px; }
#overview .spaceships .row_03 .cite02{bottom:15px; left:505px; width:445px }
#overview .spaceships .row_03 .f_left { width:490px;  background:url(../img/overview/spaceships/launch.jpg) 0 0 no-repeat; padding-top:35px;   }
#overview .spaceships .row_03 p{padding-right:15px;  }
#overview .spaceships .row_03 .col_01{width:204px; float:right;  }
#overview .spaceships .row_03 .f_right { background:url(../img/overview/spaceships/ship.jpg) 0 100% no-repeat; min-height:395px; width:492px;}

#overview .spaceships .row_04 {width:100%; float:left;}
#overview .spaceships .row_04 h4{ padding:0 0 15px 30px}
#overview .spaceships .row_04 .pic_box{float:left; margin-top: 8px;}
#overview .spaceships .row_04 .pic_box cite{bottom:auto; top:15px; color:#c7cccd;}
#overview .spaceships .row_04 p{float:right; width:445px; padding-left:0!important;}
#overview .spaceships .row_05 p{margin-bottom: 40px;}

#overview .spaceships .row_05 .f_left {width:445px; padding: 0 0 0 30px}
#overview .spaceships .row_05 .f_right {width:445px; padding: 0 30px 0 0}

#overview .spaceships .row_06 { background:url(../img/overview/spaceships/footer.jpg) 0 0  no-repeat; width:100%; float:left;	  }
#overview .spaceships .row_06 .clear { padding: 0 0 8px 0}
#overview .spaceships .row_06 .f_left {width:445px; padding: 0 30px 0 0}
#overview .spaceships .row_06 .pic_box{float:left;}
#overview .spaceships .row_06 .pic_box cite{left:auto; right:20px; color:#fff; }


/* spaceport*/
#overview .spaceport .c_division { padding:0 0 30px 0; }

#overview .spaceport .row_01{ width:100%; float:left;margin:0;   }
#overview .spaceport .row_01 .f_left{ width:445px; }
#overview .spaceport .row_01 .f_left p{ padding-right:0; }
#overview .spaceport .row_01 .pic_box{ margin: 0 30px 0 0}
#overview .spaceport .row_01 cite{color:#fff;}

#overview .spaceport .row_02{margin-top: 60px; background:url(../img/overview/spaceport/diagram01.jpg) 100% 100% no-repeat; min-height:521px; float:left; padding: 0 0 50px;}
#overview .spaceport .row_02 p{ float:right; width:445px;}

#overview .spaceport .row_03{  min-height:942px; float:left;  background:url(../img/overview/spaceport/footer.jpg) 100% 100% no-repeat; width:100%; position:relative; }
#overview .spaceport .row_03 .f_left{ width:208px;  padding-left:30px;}
#overview .spaceport .row_03 .f_left p{padding:0;}
#overview .spaceport .row_03 .pic_box{ margin: 0 30px 0 0 ; float:right;}
#overview .spaceport .row_03 cite.cap1{bottom:auto; top:20px; }
#overview .spaceport .row_03 cite.cap2{bottom:auto; top:113px; }
#overview .spaceport .row_03 cite.cap3{bottom:auto; top:207px; }
#overview .spaceport .row_03 .cite_abs{ position:absolute; bottom:10px; right:10px; color:#fff; font-size:1.1em; font-style:italic;}
#overview .spaceport p.cta a {background-image: url("../img/layout/bg_cta_sml-trans.gif");}

/* training*/
#overview .training .box{ background:url(../img/overview/training/footer.jpg) 100% 100% no-repeat; padding-bottom:303px; padding-top:0;  }
#overview .training .c_division { padding:0 0 30px 0; }
#overview .training .row_01{ width:100%; background:url(../img/overview/training/earth.jpg) 100% 0 no-repeat; float:left;margin:0;padding-top:30px;   }
#overview .training .row_01 .f_left{ width:445px; }
#overview .training .row_01 .f_left h4{ padding-left:30px;}

#overview .training .row_02 { padding-bottom:20px; }
#overview .training .row_02 .pic_box{ float:left; margin-bottom: 45px;}
#overview .training .row_02 .pic_box cite{ left:auto; right:30px; }
#overview .training .row_02 .pic_box cite.fff{ color:#fff }

#overview .training .row_03 h4 ,#overview .training .row_03 h5{ padding-left:30px;}

#overview .training .row_03 .f_left{ width:445px; padding-left:30px  }
#overview .training .row_03 .f_left p{ padding:0; }
#overview .training .row_03 .pic_box{ float:left;margin:0;  }
#overview .training .row_03 .f_left{ width:445px; }
#overview .training .row_03 .f_right{width:445px; padding-right:30px  }
#overview .training .row_03 .f_right p{padding:0;  }

/*space tickets */
#overview .space_tickets .box{ padding-bottom:410px; background:url(../img/overview/space_tickets/footer.jpg) -1px 100% no-repeat  }
#overview .space_tickets .f_left{ width:451px; }
#overview .space_tickets .pic_box{ padding-right:30px}
#overview .space_tickets dl { font-size:1.1em; font-style:italic; display:block; float:left; width:445px; padding-left:30px; margin: 24px 0 40px 0; }
#overview .space_tickets dt { font-weight:bold; display:block; float:left;width:75px; padding-bottom:5px;}
#overview .space_tickets dd { color:#676e70; float:left; width:350px; padding-bottom:5px;}
#overview .space_tickets p.cta a {background-image: url("../img/layout/bg_cta_sml-trans.gif");}


/*experience */
#overview .experience .box{ padding-bottom:495px; background:url(../img/overview/experience/footer.jpg) 0 100% no-repeat; position:relative;  }
#overview .experience .row_01 .pic_box{ float:left;  }
#overview .experience .row_01 .f_left{ width:451px	; }
#overview .experience .row_01 .f_left p{ padding:0 0 0 30px; }

#overview .experience .row02{ }
#overview .experience .row02 p{ padding:0; }
#overview .experience .c_left{ width:445px; float:left; padding-left:30px;}
#overview .experience p.cta a {background-image: url("../img/layout/bg_cta_sml-trans.gif");}
#overview .experience .row02 .c_left p.cta {margin-top: 20px;}

#overview .experience .c_right{ width:445px;  float:right;padding:30px 30px 0 0;}

#overview .experience .c_left .pic_box{ margin-left:0!important; display:inline; margin-bottom: 30px;}
#overview .experience .row02 .paddout{ padding: 0 0 25px 0 }

#overview .experience dl { font-size:1.1em; font-style:italic; display:block; float:left; width:445px; padding-left:30px; }
#overview .experience dt { font-weight:bold; display:block; float:left; padding-bottom:5px;}
#overview .experience dd { color:#676e70; float:left; width:350px; padding-bottom:5px;}

#overview .experience .concept{ position:relative; }
#overview .experience .concept dl{ position:absolute; }
#overview .experience .concept dl.one{ width:160px; top:38px; left:0; padding:0;}


#overview .experience .concept dl.two{ width:163px; top:499px; left:237px;padding:0;}
#overview .experience .concept dl.two dt{ width:163px; }
#overview .experience .concept dl.two dd{ width:163px; color:#fff}

#overview .experience .cite{ position:absolute; bottom:10px; right:20px; color:#fff; font-size:1.1em; font-style:italic; }


/*environment*/
#overview .environment .box{ background:url(../img/overview/environment/footer.jpg) 0 100% no-repeat  }
#overview .environment .row_01 { width:100%; float:left; background:url(../img/overview/environment/eve.jpg) 0 321px no-repeat; }
#overview .environment .row_02 { width:100%; float:left; background:url(../img/overview/environment/eve.jpg) 0 -102px no-repeat;  padding-bottom:30px}
#overview .environment .row_02 .f_right{ width:445px; }
#overview .environment .row_02 .f_right p{ padding-left:0;}
#overview .environment .row_02  ul {margin:0; padding:0; list-style:none;}
#overview .environment .row_02  ul li{margin:0; padding:0 0 0 20px; background:url(../img/layout/li.gif) 0 5px no-repeat;list-style:none; font-size:1.2em; color:#bfbfbf; line-height:1.4;}
#overview .environment .row_03 { width:100%; float:left; padding-bottom:280px; position:relative; background:url(../img/overview/environment/spaceship2.jpg) 0 100% no-repeat; }
#overview .environment .row_03 .f_left{ width:445px; }
#overview .environment .row_03 .f_left p{padding-right:0;}
#overview .environment .row_03 .pic_box{margin: 0 30px 0 0}
#overview .environment .row_03 .cite{ position:absolute; bottom:46px; left:505px; font-size:1em; color:#676e70;width:445px; }

#overview .environment .row_04 { width:100%; float:left; }
#overview .environment .row_04 h4, #overview .environment .row_04 h5{padding-left:30px }
#overview .environment .row_04 { width:100%; float:left; }
#overview .environment .row_04 .f_left{ width:445px; }
#overview .environment .row_04 .f_left p{padding-right:0;}
#overview .environment .row_04 .pic_box{margin: 68px 30px 0 0}
#overview .environment .row_04 .pic_box cite{ color:#fff }

#overview .environment .row_05 { width:100%; float:left;  background:url(../img/overview/environment/diagram01.jpg) 0 20px no-repeat; }
#overview .environment .row_05 .f_right{ width:445px; padding-top:48px; }
#overview .environment .row_05 .f_right p{padding-left:0;}
#overview .environment .row_05 .diagram{ width:490px; height:554px; float:left; }

#overview .environment .row_06 { margin: 40px 0 50px; width:100%; float:left; background:url(../img/overview/environment/diagram01.jpg) 0 -595px no-repeat;}
#overview .environment .row_06 h5{ padding-left:30px   }
#overview .environment .row_06 .f_right, #overview .environment .row_06 .f_left{ width:445px; }
#overview .environment .row_06 .f_left { width: 460px;}
#overview .environment .row_06 .left p{padding-right:0;}
#overview .environment .row_06 .f_right p{padding-left:0;}
#overview .environment .row_06 .diagram{ width:490px; height:554px; float:left; }

.lb-cont .contact_pop { width:450px; display:block; margin:auto; }
.lb-cont .contact_pop  h2{ padding-bottom:10px; }



/*=======================================
	9) SPACEBOOK 2?
=======================================*/
#spacebook2 h2 {
	margin-bottom: 60px;
}

#spacebook2 h3 {
	margin-bottom: 20px;
	font-size: 1.667em;
	text-transform: uppercase;
	color: #56a8d8;
}

#spacebook2 h3 span {
	display: block;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #FFF;
	font-size: 0.75em;
	text-transform: none;
}

#spacebook2.js h3 {
	cursor: pointer;
	padding-right: 20px;
	display: inline-block;
	background: url(../img/layout/sb-arrow.gif) no-repeat 100% -63px;
}

#spacebook2 .group.hide table {display: none;}
#spacebook2 .group h3 span.open {display: none;}
#spacebook2 .group.hide h3 span.close {display: none;}
#spacebook2.js .hide h3 {background-position: 100% 8px;}

#spacebook2 table {
	margin-bottom: 40px;
	width: 100%;
	border-collapse: collapse;
}

#spacebook2 table th {
	padding-bottom: 20px;
	text-transform: uppercase;
	text-align: left;
	font-size: 1.25em;
	font-weight: normal;
}

#spacebook2 table td {line-height: 2em;}