/* global whitespace clear */
* {
	padding:0;
	margin:0;
}

html {
	background-color: #304660;
	background-image: url(../images/bg-tile.gif);
	background-repeat: repeat;
	background-color: #304660;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}

#frame {
	width: 951px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	background-image: url(../images/bg_page.png);
	background-repeat: repeat-y;
	background-position: top left;
	min-height: 100%;
}

/* Layout
********************************************/


#main {
	position: relative;
	width: 641px;
	margin-right: 200x;
	float: left;
	background-image: url(../images/bg_main.png);
	background-repeat: repeat-y;
	background-position: 635px 0px;
	
}

#secondary {
	width: 290px;
	float: left;
	
}

#footer {
	position:relative;
	margin: 10px 0px;
	border-top: 1px solid #222;
	padding-top: 10px;
	font-size: 10px;
	padding-left: 20px;
}

#footer p {padding:0 0 20px 10px;}


#footer a {
	color: #222;
}

#content {
	padding: 20px 20px 20px 30px;
	_padding-right:0;
}
	
div#audio {
	position:relative;
	margin-top:-10px;
	*margin-top:15px;
	margin-bottom:30px;
	background:#a5051b;
	padding:5px;
	padding-bottom:0;
}/*-->*/div#audio object {z-index:100;position:relative;}

span#calendarTitle {display:none!important;font-family:Georgia, "Times New Roman", Times, serif;font-size:40px;}

div#audio span {
	position:absolute;
	z-index:50;
	top:9px;
	right:0;
	width:176px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.player {margin:15px 0;}
/* Header Area
********************************************/

#header {
	width: 951px;
	height: 195px;
	background-image:url(../../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	margin: 0px;
}

#header h1 {
	position: relative;
}

	#header h1 a {
		display: block;
		width:237px;
		height:84px;
		text-indent:-999em;
		position:absolute;
		top:20px;
		left:215px;
	}/*>*/body#home #header h1 a {width:307px;height:100px;top:42px;left:209px;}
	
#nav {
	list-style-type: none;
	position: absolute;
	bottom: 42px;
	left: 11px;
	width: 560px;
}

#nav li {margin-right:20px;
	float: left;
}

	#nav li a {
		display: inline;
		float: left;
		background-repeat: no-repeat;
		background-position: center left;
		text-indent: -999em;
		height: 17px;
	}

#nav li a#menu_biography {width:62px;margin-left:12px;}	
#nav li a#menu_presentations {width:76px;}
#nav li a#menu_testimonials {width:74px;}
#nav li a#menu_events {width:42px;}
#nav li a#menu_media {width:35px;}
#nav li a#menu_partners {width:52px;}

body#home #nav li a#menu_presentations {width:83px;}
body#home #nav li a#menu_biography {width:62px;margin-left:0;}

		
	
	#nav li a:hover, #nav li a.active {
		color: #83B1FF;
	}

	
ul#thumbs {
	list-style-type: none;
	margin: 0px 0px 10px 25px;
}

	ul#thumbs li {
		float: left;
	}
	
		ul#thumbs li a {
			margin-top:5px;
			margin-right:5px;
			float: left;	
		}
		
		ul#thumbs li a img {
			border: 0px none;
			width: 82px;
			height: 64px;
		}
	
/* General Typography and Style 
********************************************/

#content {
	line-height: 1.4;
	font-size: 12px;
	padding-top: 75px;
}

#content ul, #content ol {
	margin: 5px 50px;
}

#content ol li, #content ul li {
	padding-top: 12px;
	}

#content a {
	text-decoration: none;
	color: #193251;
	
}

	#content a:hover, #content a:focus, #content a:active {
		text-decoration: underline;
	}	

#content p {
	margin-bottom: 10px;
}

#content img {
	border:none;
	}

#content img.partner {
	margin-left: 65px;
	}

#content img.space {
	padding-left: 15px;
	}

#content img.endorse {
	padding-right: 15px;
	float:left;
	}


#content h1, #content h2, #content h2 a, #content h3, #content h4 {
	margin-bottom: 10px;
	font-weight: normal;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #5F0310;
}

#content h1 {
	font-size: 20px;
}

#content h2 {
	font-size: 14px;
	padding-top: 16px;
}

#content h3 {
	font-size: 12px;
	padding-top: 16px;
}

#content h4 {
	font-size: 11px;
	text-align:center;
	background-color:#E4EEFC;
	margin-top: 20px;
	margin-bottom: 18px;
	}



#content a.video_prv {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	color:#5f0310;
	width:213px;min-height:116px;
}/*-->*/#content a.video_prv:hover {background-position:top right;}
#content a.video_prv.top {background-image:url(../../images/vd.preview_01.jpg);}
#content a.video_prv.btm {clear:right;background-image:url(../../images/vd.preview_02.jpg);}
#content a.video_prv.btm2 {clear:right;background-image:url(../../images/vd.preview_04.jpg);}

#content a.video_prv span {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#e4eefc;
	color:#5f0310;
	display:block;
	margin-top:121px;
	width:213px;
	padding:3px 0;
}/*-->*/#content a.video_prv span em {font-weight:strong;}

	

ul.top_nav {
	list-style-type: none;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
}

	ul.top_nav li {
		display: inline;
		padding-left: 7px;
	}

	
		ul.top_nav li a {	
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			background-image: url(../images/bg_top_nav.png);
			background-repeat: no-repeat;
			background-position: center right;
			padding-right: 9px;
		}

		ul.top_nav li.last a {	
			background: transparent;
		}
		


a#schedule {
	display: block;
	width: 250px;
	height: 84px;
	text-indent: -999em;
	background-image: url(../images/button_schedule.png);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	bottom: 76px;
	right: 10px;
}


	
#testimonials {
	margin: 10px 0px;
	padding-top: 60px;
	padding-left: 10px;
	background-image: url(../images/bg_quotes.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
}
	

#testimonials blockquote {
	margin: 20px 10px;
}

#testimonials blockquote cite {
	display: block;
	text-align: right;
}

	
/* Footer Area
********************************************/
#footer {
	clear: both;
}


/* Home PAge
********************************************/
#home #header {
	width: 626px;
	height: 350px;
	margin-left: 10px;
	background-image:url(../../images/bg_header_home.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	position: relative;
}

#home #main {
	background: transparent;
}

#home #nav {
	list-style-type: none;
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: 560px;
}

#home a#schedule {
	display: block;
	width: 290px;
	height: 140px;
	text-indent: -999em;
	background-image: url(../images/button_schedule_home.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 10px auto;margin-left:10px;
	position: static;
}

#home ul.top_nav li a {	
	color: #222;
}


p#quote {
	display: block;
	width: 260px;
	padding: 15px 15px;
	height: 110px;
	background-image: url(../images/bg_testimonial.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 10px;
	color: #fff;
}

ul#news {
	width: 250px;
	height: 380px;
	padding: 80px 20px 10px 20px;
	margin: 10px auto;*margin-left:10px;
	list-style-type: none;
	position:relative;
	background-image:url(../../images/bg_news.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

	ul#news li {
		margin-bottom: 25px;
	}

	ul#news li a {
		color: #5F0310;
		}
	
	
ul#news li#rss {
	
}
	
ul#news li#rss a {
	display:block;
	position:absolute;
	top:19px;right:23px;
	background:url(../../images/icon_rss.jpg) left no-repeat;
	width:43px;height:57px;
	text-indent:-1000em;
}/*>*/ul#news li#rss a:hover {background-position:top right;}

.right-float {
	float:right;
	}
	
.left-float {
	float:left;
	}

/*--------------
DOCUMENTARY PAGE
--------------*/
div#main div.documentary h2,
div#main div.documentary h3,
div#main div.documentary h4 {
	background:0;
	text-align:left;
	margin:0;padding:0;margin:5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5f0310;
}/*>*/div#main div.documentary h2 {font-size:18px;margin:15px 0;}
/*-->*/div#main div.documentary h3 {font-size:14px;font-weight:bold;}
/*--->*/div#main div.documentary h4 {font-size:12px;}

div#main div.documentary h5 {
	font-family:Arial, Helvetica, sans-serif;
	margin:-15px 0 15px 0;
	font-weight:normal;
	font-size:12px;
}



div#main div.documentary img {
	float:right;margin-left:10px;
	border:1px solid #9ea2a5;
	display:block;
}/*>*/div#main div.documentary div.wrapr img {float:left;margin:0 0 -1px -1px;}
/*-->*/div#main div.documentary div.wrapr div {float:left;clear:both;margin-bottom:10px;}

/*------------------
TEASER : IMIQUTAILAQ
------------------*/
div.teaser {background:url(../../images/documentary_teaser.jpg) 5px no-repeat;}
div.teaser a {
	display:block;
	width:275px;height:180px;
	text-indent:-1000em;
	margin:-5px 0 20px 5px;
	cursor:pointer;
}/*-->*/div.teaser:hover a {background:rgba(228,238,252,0.2);}

/*------------------
TEASER2 : SAILBOAT
------------------*/
div.teaser2 {
	position:relative;
	background:url(../images/arctic_tern_1.png);
	margin-top:-55px;
	width:296px;
	height:236px;
	z-index:200;
}

div.teaser2 a {
	position:absolute;
	top:45px;left:10px;
	background:transparent url(../images/arctic_tern_1overlay.png); /* fallback - unsupported rgba, box shadow, etc. */
	background:rgba(0,0,0,0.1) none;	
	display:block;
	width:278px;height:183px;
	text-indent:-1000em;
	cursor:pointer;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.3);
	*top:40px;top:40px\9;
	*left:3px;left:3px\9;
	*width:292px;width:292px\9;
	*height:194px;height:194px\9;
}

div.teaser2 a:hover {background:0;-moz-box-shadow:none;}



/*-----------------
NEW NAV, TEXT BASED
*/
ul#nav_new {
	position:absolute;
	bottom:43px;left:25px;
	clear:both;
}

ul#nav_new li {
	list-style:none;
	float:left;
	padding-right:7px;
	margin-right:7px;
	border-right:1px solid #c5cad4;
	line-height:10px;
}/*>*/ul#nav_new li.last {border-right:0;}

ul#nav_new li a {
	font-family:"Trebuchet MS", Georgia, serif;
	color:#466097;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	display:block;
	float:left;
}/*>*/ul#nav_new li a:hover {text-decoration:underline;}

ul.social_media {
	position:absolute;
	left:480px;bottom:40px;
	list-style:none;
}/*>*/ul.social_media.footer {bottom:14px;right:32px;left:auto;}

ul.social_media li {float:left;}
ul.social_media li a {
	margin-right:10px;
	width:16px;height:16px;
	text-indent:-999em;
	display:block;
	float:left;
}

ul.social_media li.twitter a {background:url(../../images/1286895060_twitter.png);}
ul.social_media li.facebook a {background:url(../../images/1286895063_facebook.png);}

/*TWITTER 
FEED(S)*/
div#twitter_div {margin-left:0;float:left;clear:both;}
div#twitter_div ul {
	margin-left:0;
	list-style:none;
	background:#e6e6e4;
	padding:15px 20px;
	width:550px;
}

div#twitter_div ul li {margin:0;padding:0;}
div#twitter_div ul span > a {color:#5F0310;text-decoration:underline}

/*
HIGHLIGHT
_*/
.highlight {font-size:11px;background:#E4EEFC;padding:10px;color:#5F0310;font-family:Georgia;}

/*
GALLERY
_*/
.gallery {margin:10px 0 20px 15px;float:left;}
.gallery li {float:left;list-style:none;width:136px;margin:0 0 0 16px;height:95px;}
.gallery a {text-decoration:none;position:relative;width:136px;height:95px;float:left;display:block;}
.gallery img {border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;float:left;}
.gallery a:hover .gradient {background-image:url(../../images/gradient2.png);}

.gallery .text {
	cursor:pointer;
	color:#fff;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	font-size:11px;
	position:absolute;
	bottom:10px;
	left:0;
	display:block;
	z-index:100;
	text-align:center;
	text-shadow:1px 1px 0 #000;
	background:url(../../images/icon_vcamera.png) 65px top no-repeat;
	padding-top:20px;
	line-height:18px;
	width:136px;
}

.gallery .gradient {
	cursor:pointer;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url(../../images/gradient1.png) bottom left repeat-x;
	opacity:0.5;
	display:block;
	float:left;
	position:absolute;
	bottom:0;left:0;
	height:95px;
	width:136px;
}




/* Hacks 
********************************************/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

a
{
outline: none;
}




