/* CSS Master Document */

*{ margin: 0; padding:0; }

html{ height:100%; }

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#111;
	background-image: url(../images/main/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

a {color: #FFF; text-decoration: none;}
a:hover {color: #FF6600; }
a:visited {color: #FFF;}

#wrapper { margin: 0 auto; width: 900px; }


/* Header  */

#header { height: 110px; width: 820px; }
#header h1 { text-indent: -9000px; position: absolute; }
#header img {position: absolute; z-index: 100; border: 0;}

#nav-main { float: left; height: 35px; width: 820px; background-image: url(../images/main/navbar.png); background-repeat: no-repeat; border-bottom: 3px solid #CCC;}
#nav-main ul { height: 35px; width: 700px; float: left; }
#nav-main ul li { float: left; display: block; text-transform: uppercase; color: #FFF; border-right: 1px solid #666; font-size: 0.78em; margin-top: 2px; }
#nav-main ul li a { text-decoration: none; color: #FFF; display: block; padding: 9px 18px 7px 20px; }
#nav-main ul li a:hover { border-bottom: 3px solid #212121; padding-bottom: 9px; cursor: pointer; }
#nav-main ul li.active { border-bottom: 3px solid #FF6600; padding-bottom: 2px; cursor: pointer; }
#nav-main ul li.first { border-left: solid 1px #666; margin-left: 20px; }
#nav-main ul li.active a:hover {border-bottom: 0; padding-bottom: 6px;}

#feed {margin-top: 4px;}

img.rss-image {margin-right: 10px; margin-bottom: -3px;}


/* Content Top  */

#content-top { width: 900px; height: 300px; float: left; background-color: #2C2C2C; width: 820px;}
#content-top h2.indent { text-indent: -9999px; }
#top-box-cta { position: absolute; float: right; width: 168px; margin: -110px 0 0 680px; border: 0; z-index: 50;}
#top-box-title { position: absolute; float: left; width: 500px; margin: -180px 0 0 -32px; border: 0; z-index: 20;}


/*  Main Content Elements  */

#content-wrap { overflow: hidden; width: 820px; clear: left;}


/*  Main Content (left hand side)  */

#main-content { background: url(../images/main/main_content_bkg.gif) repeat-x top; width: 550px; float: left; margin: 6px 6px 0px 0; background-color: #4B4B4B; border-bottom: 1px solid #666;}

.main-content-box {
	margin: 0; 
	border: 1px solid #666;
	border-bottom: 0;
	border-top: 0;
	overflow: hidden;
	z-index: 1;
	padding-bottom: 20px;
}

.main-content-box.first { margin-top: 0; border-top: 1px solid #666;}
.main-content-box p {color: #CCC; font-size: 12px; padding-right: 20px; padding-bottom: 15px;}
.main-content-box h2 { 
	font-family: Helvetica, Sans-serif; 
	font-size: 1em; 
	padding: 5px 20px 5px 20px;
	margin-top: 3px;
	color: #FFF; 
	font-weight: normal; 
	float: left; 
	width: 350px;
	overflow: hidden;
	z-index: 1;
	text-transform: lowercase;
}
.main-content-box h2 span {color: #CCC; }

.content-tabs {float: right; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/main_content_bar.gif) no-repeat; border-bottom: 1px solid #666;}

.content-bar-exped { float: left; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/h2_exped.gif) no-repeat bottom; border-bottom: 0; }
.content-bar-news { float: left; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/h2_news.gif) no-repeat bottom; border-bottom: 0; }
.content-bar-profile { float: left; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/h2_profile.gif) no-repeat bottom; border-bottom: 0; }
.content-bar-team { float: left; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/h2_team.gif) no-repeat bottom; border-bottom: 0; }
.content-bar-shark { float: left; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/h2_shark.gif) no-repeat bottom; border-bottom: 0; }
.content-bar-fe { float: left; width: 550px; overflow: hidden; display: block; height: 30px; background: url(../images/main/h2_fe.gif) no-repeat bottom; }

.content-bar {float: left; width: 550px; display: block; height: 50px; position: absolute; background: url(../images/main/main_content_bar.png) no-repeat; margin: 0 0 0 -14px;}
.content-bar h2 {margin-left: 15px;}

.content { padding: 20px 20px 0px 20px; clear: left; margin-top: 35px;}

.main-content-box h3 { font-family: Helvetica, Sans-serif; font-size: 14px; margin-bottom: 10px; color: #FFF; font-weight: normal; clear: left; line-height: 18px;}
.main-content-box h3.intro { font-family: Helvetica, Sans-serif; font-size: 18px; margin-bottom: 10px; color: #FFF; font-weight: normal; clear: left; line-height: 22px;}
.main-content-box h4 { font-family: Helvetica, Sans-serif; font-size: 12px; margin-bottom: 5px; color: #FFF; font-weight: normal; clear: left; line-height: 18px;}
.main-content-box img.main-img { float: right; padding: 0 0 10px 20px; border: 0; }
.main-content-box img.main-img-strip { padding-bottom: 20px; border: 0; }
.main-content-box li {font-size: 12px; }
.main-content-box li a {color: #FFF; }
.main-content-box a {text-decoration: underline; }
.main-content-box a:hover {color: #FF6600;}
.main-content-box ul {margin-bottom: 16px;}
.main-content-box ul li {color: #CCC; font-size: 12px; margin-left: 20px;}

.main-content-box ul.tabs { float: right; width: 300px; z-index: 50; position: absolute; overflow: hidden; margin-top: 4px;}
.main-content-box ul.tabs.truk4 { float: left; width: 350px; margin-left: 198px; z-index: 50; position: absolute; overflow: hidden; margin-top: 4px; }
.main-content-box img.tab-img { float: right; padding: 0 0 10px 20px; }
.main-content-box ul.tabs li { 
	float: left; 
	display: inline; 
	padding: 5px 8px 3px 8px; 
	border: 1px solid #999;
	border-bottom: 1px solid #666;
	margin: 0 0 0 9px; 
	font-size: 0.82em; 
	list-style-type: none;
	background-color: #505050;
	position: relative; z-index: 100;
}

.main-content-box ul.tabs li img {float: left; display: inline; padding-right: 4px;}
.main-content-box ul.tabs li.active { background-color: #2C2C2C; border-color: #999 #999 #2C2C2C #999; padding-bottom: 3px;}
.main-content-box ul.tabs li.active a { color: #FF6600;}
.main-content-box ul.tabs li a { color: #CCC; text-decoration: none; border: 0; }
.main-content-box ul.tabs li img a { list-style-type: none; border: 0; }
.main-content-box ul.tabs li:hover { color: #FFF; }
.main-content-box ul.tabs li:hover.active { background-color: #2C2C2C; }

.content-tabs h2 {position: absolute; z-index: 10; width: 400px;}

.caption {margin-top: 10px; width: 400px; }
.share-this2 { float: right; padding: 7px; margin: -30px 30px 0px 0; font-size: 12px; clear: both; }
.share-this { float: right; padding: 7px; background: #666; margin-right: 20px; margin-bottom: -20px; font-size: 12px; clear: both; }
.share-this a { color: #FFF; font-weight: bold;}
.share-this a:hover { color: #3FA73E; }

.quote { font-style: italic; color: #FFF; }
.report { margin-bottom: -5px; padding-right: 5px; }
.updates { margin: -5px 0 10px 0; border-bottom: 1px dashed #171717; }

/* CTA BUTTONS */
a.more {display: block; float: right; height: 25px; width: 85px; text-indent: -9999px; background: url(../images/misc/more_btn.png) no-repeat; margin: 3px 12px 0 0;}
a.more:hover {background-position: 0 -24px; }
a.fb {display: block; float: right; height: 25px; width: 85px; text-indent: -9999px; background: url(../images/main/fb-btn.png) no-repeat; margin: 3px 12px 0 0;}
a.fb:hover {background-position: 0 -24px; }
a.find-more {display: block; float: left; height: 29px; width: 169px; text-indent: -9999px; background: url(../images/misc/find_more.png) no-repeat; margin: 15px 12px 0 -3px;}
a.find-more:hover {background-position: 0 -29px; }
a.share {display: block; float: right; height: 25px; width: 85px; text-indent: -9999px; background: url(../images/misc/share_btn.png) no-repeat; margin: 3px 12px 0 0;}
a.share:hover {background-position: 0 -24px; }

p.register {float: left; width: 400px; margin: 10px 20px -15px 20px; padding-bottom: 0px;}
span.video-thumbnail, span.video-thumbnail3 {float: left; width: 245px; overflow: hidden; margin-right: 17px; padding-bottom: 20px;}
span.video-thumbnail2, span.video-thumbnail4 {float: left; width: 245px; overflow: hidden; padding-bottom: 20px;}
span.video-thumbnail h3, span.video-thumbnail2 h3, span.video-thumbnail3 h3. span.video-thumbnail4 h3 { width: 245px; padding-bottom: 5px; font-size: 0.8em;}

#tab2 img a { border: 0; list-style-type: none; cursor: pointer;}
#tab2 a img { border: 0; list-style-type: none; cursor: pointer;}
#tab2 ul {width: 520px; margin-bottom: 20px;}
#tab2 ul li { float: left; width: 94px; list-style-type: none; padding-right: 9px; padding-bottom: 6px; margin-left: 0;}

div.date {width: 25px; height: 42px; display: block; background: url(../images/misc/date_bkg.gif) top center; position: absolute; margin: -2px 0 0 -35px; z-index: 30;}
div.date .top {height: 10px;  }
div.date .top p {color: #FF6600; font-size: 0.6em; padding: 7px 1px 1px 1px; text-align: center; font-weight: bold;}
div.date p.day {color: #FFF; font-size: 1.2em; padding: 9px 2px 4px 2px; text-align: center; font-weight: normal;}

/*  More Info List Slides  */

#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8 {display: none;}
ul#more-info {margin: 0 0 25px 0; padding: 0; }
ul#more-info li {list-style-type: none; border-bottom: 1px dashed #666; margin-left: 0;}

ul#more-info li a, ul#more-info li a:link {
background:url("../images/misc/back_nav.png") no-repeat scroll 0 0 transparent;
color:#CCC;
display:block;
font-size:1em;
height:23px;
overflow:hidden;
padding:6px 0 0 20px;
text-decoration:none;
width:470px;
}

ul#more-info li h3 {margin-bottom: 0px; font-weight: normal;}
ul#more-info li h3 a { font-weight: normal;}
ul#more-info li h3 a:hover, ul#more-info li h3 a.active:visited {color: #FF6600; }
ul#more-info li h3 a.active {color: #FF6600; }
ul#more-info li p {margin: 10px 20px 10px 20px; padding-right: 0;}

ul#more-info li a, ul#more-info li a:link, ul#more-info li a:visited {
background:url("../images/misc/back_nav.png") no-repeat scroll 0 0 transparent;
color:#CCC;
display:block;
font-size:1em;
height:23px;
overflow:hidden;
padding:6px 0 0 20px;
text-decoration:none;
width:470px;
}

img.mugshot {float: left; padding: 0 15px 15px 20px; clear: left;}
ul#more-info li a.link {background: none; color: #FFF; display: inline; padding: 0;}
ul#more-info li a.link:hover {background: none; color: #FF6600; display: inline; padding: 0;}
ul#more-info li a img.lightbox {height: 94px;}

/*  DVDs and Books List Syling  */

ul.dvd {overflow: hidden; margin: 0 0 0px 5px;}
ul.dvd li {width: 110px; height: 165px; margin: 5px 10px 20px 0 !important; list-style-type: none; float: left; text-align: left; font-size: 0.7em; padding-right: 26px !important;}
ul.dvd li img {padding: 0 10px 0px 0px; }

/* 3 column list  */

ul#col3 {width: 510px; margin: 10px 0 20px 0; overflow: hidden;}
ul#col3 li {float: left; width: 150px; padding-bottom: 3px;}

/* Subscribe Form */

#side-bar-form {width: 265px; min-height: 130px; background: url(../images/misc/form-bkg.png) no-repeat top left; padding: 13px; }
#side-bar-form2 {width: 265px; background: url(../images/misc/form-bkg-short.png) no-repeat top left; padding: 13px; }
#side-bar-form3 {width: 265px; background: url(../images/misc/form-email-bkg.png) no-repeat top left; padding: 13px; height: 124px;}
span.label,span.spacer,span.multiple span {width:50px;float:left; font-size: 10px; color: #CCC; padding-top: 3px;}
label.label {width:60px;float:left; font-size: 10px; color: #CCC; padding-top: 3px;} 
span.multiple {color:#CCCCCC; float:left; font-size:12px; margin-top: 10px; margin-bottom: 5px;} 
span.button {padding-left:188px; margin-top: 6px;} 
div.clear {clear:both; padding-top:5px;}
div.name {margin: 30px 0 5px 0;}
input {background: #333; border: none; padding: 2px; color: #FF6600; border-top: 1px solid #1d1d1d; border-left: 1px solid #1d1d1d;}
input.enter {background: url(../images/main/form-btn.png) no-repeat; height: 25px; width: 60px; border: none; cursor: pointer;}
input.enter2 {background: url(../images/main/form-btn.png) no-repeat; height: 25px; width: 60px; border: none; cursor: pointer; margin-left: 183px; position: absolute; margin-top: -85px;}

table.exped-form {margin-top: 30px;}

/*  Form Landing Page  */

#landing-box {background: url(../images/main/landing-box.png) no-repeat center top; width: 500px; height: 300px; margin: 0 auto; clear:both; position:relative; z-index:1; overflow: hidden;}
#landing-box2 {background: url(../images/main/landing-box2.png) no-repeat center top; width: 500px; height: 300px; margin: 0 auto; clear:both; position:relative; z-index:1; overflow: hidden;}
#floater { float:left; height:50%; margin-bottom:-250px; margin-top:30px; width:900px;}
img.back-btn {margin-left: 120px; margin-top: 230px;}

/*  Side-Bar (right hand side) */

#side-bar { float: left; width: 264px;  margin-top: 6px; }

.side-bar-box {
	float: left;
	width: 265px;
	background-image: url(../images/main/main_content_bkg.gif);
	background-repeat: repeat-x;
	background-color: #4B4B4B; 
	margin: 0 0 6px 0;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #666; 	
}

.side-bar-box h3 { font-family: Helvetica, Sans-serif; font-size: 0.85em; color: #FFF; font-weight: normal; padding: 5px 0 5px 10px; margin-top: 3px; }

.side-bar-bar h2 { font-family: Helvetica, Sans-serif; font-size: 1em; color: #FFF; font-weight: normal; padding: 5px 0 5px 10px; margin-top: 3px; }
.side-bar-bar-team h2 { font-family: Helvetica, Sans-serif; font-size: 1em; color: #FFF; font-weight: normal; padding: 5px 0 5px 10px; margin-top: 3px; }
.side-bar-bar {float: left; width: 265px; overflow: hidden; display: block; height: 32px; background: url(../images/main/h2_team.gif) bottom; border-bottom: 0; }
.side-bar-bar span {color: #CCC;}
.side-bar-bar-team h2 span { color: #CCC; }
.side-bar-bar-team {float: left; width: 265px; overflow: hidden; display: block; height: 32px; background: url(../images/main/h2_team2.gif) no-repeat bottom; border-bottom: 0; }

#side-bar img.cta { padding-bottom: 6px; }
#side-bar a {font-size: 12px;}
.side-bar-box.team ul li.new { background: url(../images/misc/new.png) right top no-repeat;}


/*  XML Controlled Team List Styling (profile pages) */

.side-bar-box a { color: #CCC; text-decoration: none; }
.side-bar-box p { font-size: 12px; color: #CCC; padding: 10px; }
.side-bar-box img a { border: 0; }
.side-bar-box.team-xml a {position: absolute; z-index: 10; width: 262px; height: 50px; margin: -50px 0 0 -10px; display: block;}
.side-bar-box.team-xml h4 { float: right; width: 190px; font-family: Helvetica, Sans-serif; font-size: 14px; color: #FFF; font-weight: normal; margin-top: 2px;}
.side-bar-box.team-xml img.thumb { float: left; width: 56px; margin: 0 10px 0px 0; border: 1px solid #333; }
.side-bar-box.team-xml ul { margin: 0;}
.side-bar-box.team-xml ul li { width: 255px; height: 55px; border-bottom: 1px solid #666; list-style-type: none; padding: 10px 10px 10px 10px; display: block; cursor: pointer;}
.side-bar-box.team-xml ul li h6 { float: left; width: 190px; position: absolute; color: #CCC; font-weight: normal; font-size: 0.7em; padding: 5px; padding-right: 10px; margin: -45px 0 0 60px;}
.side-bar-box.team-xml ul li:hover {background: url(../images/dive_team/thumbs/selected_bkg.png) left repeat-y; background-color: #212121; cursor: pointer; }
.side-bar-box.team-xml ul li:hover h4 { color: #FF6600; }


/*  Side-Bar Info  */

.side-bar-box.info {padding: 0 0 20px 0;}
.side-bar-box.info ul { margin: 20px 0 0px 20px; border: 0;}
.side-bar-box.info ul li {font-size: 12px; min-height: 20px; width: 100px; color: #CCC; list-style-type: none; float: left; display: inline; margin-right: 20px;}

.side-bar-box.team ul li.selected { background-color: #212121; background-image: url(../images/dive_team/thumbs/selected_bkg.png) ;}
.side-bar-box.team ul li.selected.new { background-color: #212121; background-image: url(../images/dive_team/thumbs/selected_bkg2.png) ;}
.side-bar-box.team ul li.selected h4 {color: #FF6600; }
.side-bar-box a {color: #FFF; text-decoration: none; }
.side-bar-box a:hover { text-decoration: none; }


/*  Side-Bar Extras  */

#explore {padding: 20px 0px 15px 0px;}
#explore ul {margin-left: 20px;}
#explore ul li {list-style-type: none; padding-bottom: 5px;}
.explore {text-align: center; font-size: 18px; color: #CCC; margin-bottom: 10px; clear: both; border-bottom: 1px solid #666; padding: 3px 0 10px 0; }

.links li {color: #CCC; font-size: 12px; padding-bottom: 0px;}
.links a {color: #FFF; } 
.links a:hover { color: #FF6600; }

a.see-all { float: right; background-color: #666; padding: 7px; margin-right: 20px; margin-top: -7px; font-size: 12px; clear: both; }
a.see-all:hover { color: #FF6600;}
span.see-all {color: #666; font-size: 0.8em; margin-left: 90px;}

.more-btn {width: 40px; float: right; margin: -8px 10px 0 5px; color: #FFF; font-size: 0.8em; padding: 5px; background-color: #666; text-align: center; cursor: pointer;}
.more-btn span a:hover {color: #FF6600;}
.team-list {height: 380px;}

#side-bar p.caption2 {font-size: 11px; color: #CCC; padding: 0 10px 10px 10px;}

img.img-box {margin-bottom: 6px;}


/*  Dive Team 3 Column Page  */

.side-bar-box a { color: #CCC; text-decoration: none; }
.side-bar-box p { font-size: 12px; color: #CCC; padding: 10px; }
.side-bar-box img a { border: 0; }
.side-bar-box.team h4 { font-family: Helvetica, Sans-serif; font-size: 14px; color: #FFF; font-weight: normal; margin-top: 2px;}
.side-bar-box.team img.thumb { float: left; margin: 0 10px 0px 0; border: 1px solid #333; }
.side-bar-box.team ul { margin: 0;}
.side-bar-box.team ul li { width: 244px; min-height: 52px; border-bottom: 1px solid #666; list-style-type: none; padding: 10px 10px 10px 10px; display: block; cursor: pointer;}
.side-bar-box.team ul li p {color: #CCC; font-size: 0.7em; padding: 5px; padding-right: 10px;}
.side-bar-box.team ul li:hover {background: url(../images/dive_team/thumbs/selected_bkg.png) right repeat-y; background-color: #212121; cursor: pointer; }
.side-bar-box.team ul li:hover.new { background-color: #212121; background-image: url(../images/dive_team/thumbs/selected_bkg2.png) ;}
.side-bar-box.team ul li:hover h4 {color: #FF6600;}

.side-bar-bar-team.photographers {background: url(../images/main/h2team-photographers.gif) no-repeat bottom; border-bottom: 0;}
.side-bar-bar-team.media {background: url(../images/main/h2team-media.gif) no-repeat bottom; border-bottom: 0;}
.side-bar-bar-team.wildlife {background: url(../images/main/h2team-wildlife.gif) no-repeat bottom; border-bottom: 0; margin-top: -7px;}
.side-bar-bar-team.free {background: url(../images/main/h2_team2.gif) no-repeat bottom; border-bottom: 0; margin-top: -7px;}
.side-bar-bar-team.tech {background: url(../images/main/h2team-tech.gif) no-repeat bottom; border-bottom: 0;}
.side-bar-bar-team.owuss {background: url(../images/main/h2team-owuss.gif) no-repeat bottom; border-bottom: 0; margin-top: -7px;}
.side-bar-bar h2.map { background: url(../images/main/h2_map.gif) no-repeat; border-bottom: 0; }

/*  Footer Styling  */

#footer { 
	clear: both;
	width: 820px; 
	height: 115px; 
	margin-top: 6px; 
	padding: 5px 0 20px 0; 
	background: url(../images/main/seabed2.png) no-repeat; 
	background-position: -1px -20px;
	z-index: 20;
	position: absolute;
}

#foot-left {float: left; width: 750px; padding-left: 10px; }
#foot-right {float: left; width: 50px; padding-right: 10px; }
#foot-right p { text-align: right; }
#foot-left ul { margin-bottom: 90px; }
#footer ul li { float: left; display: inline; border-right: 1px solid #FF6600; padding: 0px 10px 0px 10px; margin: 2px 0 2px 0;}
#footer ul li.last { border-right: none;}
#footer ul li a {color: #666; text-decoration: none; font-size: 0.72em; }
#footer ul li a:hover {color: #FF6600; }
#footer p a { color: #FF6600; font-size: 0.9em; text-decoration: none; margin-right: 10px;}

#seabed {margin: 0 auto; height: 200px; background: url(../images/main/seabed.png) repeat-x center; margin-top: -50px; padding-bottom: 0px; width: 100%;}

/* Inline DVD Pages  */

#inline-page {background: #FFF; height: 100%; border: 1px solid #CCC;}
#inline-page #left {float: left; width: 250px; overflow: hidden; margin: 10px 0 0 -20px; height: 300px;}
#inline-page #right {float: left; width: 380px; height: 210px; overflow: hidden; padding: 10px; }
#inline-page h2 {font-size: 1.3em; color: #333; margin: 7px 0 10px 0; font-family: Helvetica, Arial, Sans-serif; font-weight: normal;}
#inline-page p {font-size: 0.8em; color: #666; }
#inline-page #buy-now {width: 370px; float: left; background: #EEE; padding: 5px; margin: 10px 0 0 10px;}
#inline-page #buy-now input.purchase {background: url(../images/misc/buy-online.png) no-repeat top; width: 80px; height: 21px; display: block; overflow: hidden; border: 0; }
#inline-page #buy-now input.purchase:hover {background-position: -1px -24px;}
#inline-page #buy-now span#button {float: right; width: 90px; }
#inline-page #buy-now span#price {float: right; width: 100px; margin-right: 170px; padding-top: 3px; font-size: 0.9em; color: #333;}