/* HOME
----------------------------------------------*/

#home .promo, #surf .promo, #dive .promo, #wake .promo {
	background:  #262626;
	width: 750px;
	height: 328px;
	margin: 10px 0;
}
#home .promo-video, #surf .promo-video, #dive .promo-video, #wake .promo-video {
	width: 717px;
	height: 569px;
	margin: 20px 5px 0px 25px;
	float: left;
	background: url(../images/bg_promo-video.jpg) no-repeat;
	border: 1px solid #1a1818;
}
#home .promo-thumbs, #surf .promo-thumbs, #dive .promo-thumbs, #wake .promo-thumbs {
	width: 250px;
	height: 305px;
	margin: 10px 0 10px 0;
	float: right;
}
.videosList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.videosList li {
	float: left;
	display: inline;
	margin: 0 0 24px 0;
	padding: 0;
	width: 250px;
	height: 85px;
}
.videosList li h2 {
	padding: 5px 5px 3px 0;
	font-size: 11px;
}
.videosList li p {
	margin: 0;
	padding: 4px 10px;
	font-size: 9px;
}
.videosList li img {
	float: left;
	background:  #1a1a1a;
	margin: 0 10px 10px;
	width: 100px;
	height: 75px;
	padding: 4px;
	border: 1px solid #313131;
}
.videosList a:hover img {
	background:  #212121;
	border: 1px solid #eea602;
}
#home .promoFeature, #surf .promoFeature, #dive .promoFeature, #wake .promoFeature {
	background:  #262626;
	width: 750px;
	height: 328px;
	margin: 10px 0 10px 0;
}
#home .features, #surf .features, #dive .features, #wake .features {
	width: 750px;
	height: 120px;
	margin: 0 0 10px 0;
}
.featuresThumbs {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.featuresThumbs li {
	float: left;
	display:inline;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 120px;
}
.featuresThumbs li img {
	float: left;
	margin: 0;
	width: 250px;
	height: 120px;
}
.featuredThumbs li p {
	padding: 10px;
	float: left;
}
#home .contentLeft, #surf .contentLeft, #dive .contentLeft, #wake .contentLeft {
	float:left;
	width: 370px;
	padding: 0;
	margin: 0 0 10px 0;
}
#home .contentRight, #surf .contentRight, #dive .contentRight, #wake .contentRight {
	float:right;
	width: 370px;
	padding: 0;
	margin: 0 0 10px 0;
}
.featuredNews {
	padding: 0 0 10px 0;
}
.featuredGalleries {
	padding-bottom: 20px;
}
.featuredList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.featuredList li {
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	padding: 0;
	width: 370px;
}
.featuredList li img {
	background:  #1a1a1a;
	width: 360px;
	padding: 4px;
	border: 1px solid #313131;
}
.featuredList a:hover img {
	background:  #212121;
	border: 1px solid #eea602;
}
.featuredList li h2 {
	padding: 13px 0 4px 0;
	font-size: 12px;
}
.featuredList li h4 {
	font-size: 11px;
}
.featuredList li p {
	margin: 0;
	padding: 4px 10px;
}
.featuredList2 {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.featuredList2 li {
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	padding: 0;
	width: 370px;
	height: 180px;
	background: transparent url(../images/diagonal.gif) repeat;
}
.featuredList2 li h2 {
	padding: 13px 0 4px 0;
	font-size: 12px;
}
.featuredList2 li h4 {
	font-size: 11px;
}
.featuredList2 li p {
	margin: 0;
	padding: 4px 10px;
}
.featuredList2 li img {
	float: left;
	background:  #1a1a1a;
	margin: 10px;
	width: 200px;
	height: 150px;
	padding: 4px;
	border: 1px solid #313131;
}
.featuredList2 a:hover img {
	background:  #212121;
	border: 1px solid #eea602;
}
.featuredCol {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 350px;
	display:inline
}
.featuredCol h2 {
	padding: 18px 0 4px 0;
	border-bottom: 1px solid #222222;
}
.featuredCol h3 {
	padding: 8px 0 0 0;
}
.featuredCol p {
	line-height: 16px;
	padding: 12px 0 12px 0;
}
.featuredCol .list ul {
	margin: 0;
	padding: 10px 0;
	list-style-type:none;
}
.listCol ul {
	margin: 0;
	padding: 10px 0;
	list-style-type:none;
	float: left;
	width: 175px;
}
.listCol ul li {
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/bullet.gif) 0 6px no-repeat;
}
.listCol ul li a {
	color: #bbbbbb;
	text-decoration: none;
}
.listCol ul li a:hover {
	color: #eea602;
}
#slider-container {
	width: 750px;
	margin-bottom: 10px;
}
#slider {
	float: left;
	width: 750px;
	background: #cccccc;
	margin: 0;
	position: relative;
	padding-bottom: 20px;
}
.scroll {
	height: 180px;
	width: 750px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: #000000;
}
.scrollContainer div.panel {
	height: 180px;
	width: 750px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollContainer div.panel img {
	float: left;
	margin: 10px 20px 10px 10px;
	display: inline;
	width: 320px;
	height: 160px;
}
.scrollContainer div.panel h2 {
	margin-top: 10px;
	color: #d7a010;
}
.scrollContainer div.panel div.panel-text {
	width: 280px;
	float: left;
}
.scrollButtons {
	position: absolute;
	top: 75px;
	cursor: pointer;
}
.scrollButtons.left {
	left: 651px;
	z-index: 1000;
}
.scrollButtons.right {
	left: 701px;
}
/* NEWS
----------------------------------------------*/

#newsContent {
	width: 770px;
	margin: 5px 0 0 0;
	background: url(../images/contentGradient.gif) repeat-y;
}
#newsContent p {
	padding: 4px 10px 4px 10px;
}
#newsContent h2 {
	padding: 8px 10px 4px 10px;
}
#newsContent .highlight {
	font-size: 9px;
}
#newsLeft {
	float:left;
	width: 220px;
	padding: 0;
	margin: 0 0 10px 0;
}
#newsLeft h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 8px 10px;
	color: #d7a010;
	text-transform: uppercase;
	background: url(../images/title_bg2.gif) repeat-x;
}
#newsLeft .featuredNews {
	margin: 0 0 10px 0;
}
#newsLeft .featuredEvents {
	margin: 0 0 10px 0;
}
#newsLeft .featuredEvents a {
	color: #eeeeee;
}
#newsLeft .featuredEvents a:hover {
	color: #eea602;
}
#newsRight {
	float:right;
	width: 550px;
	padding: 0;
	margin: 0 0 10px 0;
}
#newsRightTop {
	margin: 0;
	padding: 0;
	height: 32px;
	width: 550px;
	background: url(../images/contentTop.gif) no-repeat;
}
#newsDetail {
	float:left;
	width: 320px;
	padding: 0;
	margin: 4px 0 10px 10px;
}
#newsDetail h3 {
	padding: 8px 10px 4px 10px;
}
#imageGutter {
	float:right;
	width: 200px;
	padding: 0;
	margin: 0 0 10px 0;
}
.newsImage img {
	background:  #1a1a1a;
	width: 180px;
	height: 120px;
	padding: 4px;
	border: 1px solid #313131;
	margin: 10px 0 0 0;
}
.newsImage2 img {
	background:  #1a1a1a;
	width: 120px;
	height: 180px;
	padding: 4px;
	border: 1px solid #313131;
	margin: 10px 0 0 0;
}
/* TEAM
----------------------------------------------*/

#teamContent {
	width: 770px;
	margin: 10px 0 0 0;
}
#teamContent2 {
	width: 770px;
	margin: 10px 0 0 0;
}
#teamPromo {
	margin: 10px 0;
	float: left;
}
#teamPromoLeft {
	margin: 0 10px;
	float: left;
}
#teamPromoRight {
	margin: 0;
	float: left;
}
.teamIntro {
	margin: 10px 10px 20px;
}
.teamIntro p {
	margin: 12px 10px 4px;
}
.teamIntro h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 8px 10px;
	color: #d7a010;
	text-transform: uppercase;
	background: url(../images/title_bg2.gif) repeat-x;
}
.teamIntro h3 {
	font-size: 12px;
	padding: 16px 10px 4px;
	color: #97b9cf;
}
#teamContent .highlight {
	font-size: 9px;
}
#teamLeft {
	float:left;
	width: 370px;
	padding: 0;
	margin: 0 0 30px 10px;
}
#teamRight {
	float:right;
	width: 370px;
	padding: 0;
	margin: 0 10px 30px 0;
}
#teamRightTop {
	margin: 0;
	padding: 0;
	height: 32px;
	width: 550px;
	background: url(../images/contentTop.gif) no-repeat;
}
#teamDetail {
	float:left;
	width: 550px;
	padding: 0;
	margin: 0;
}
#teamLeft h2, #teamRight h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 8px 10px;
	color: #d7a010;
	text-transform: uppercase;
	background: url(../images/title_bg2.gif) repeat-x;
}
#teamLeft h3, #teamRight h3 {
	font-size: 12px;
	padding: 16px 10px 4px;
	color: #97b9cf;
}
#teamLeft .list ul {
	margin: 0;
	padding: 4px 10px;
	list-style-type:none;
}
#teamLeft .list ul li {
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/bullet.gif) 0 6px no-repeat;
}
.teamlistnew ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 10px;
	display: block;
}
.teamlistnew ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 9px "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: url(../images/team_hash.gif) right no-repeat;
	float: left;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
	padding: 3px 20px 3px 0;
	color: #ffffff;
}
.teamlistnew ul li.last {
	background: none;
}
.teamlistnew ul li a {
	color: #eea602;
	text-decoration: none;
}
.teamlistnew ul li a:hover {
	color: #97b9cf;
}
.teamList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.teamList li {
	float: left;
	display: inline;
	margin: 0 0 1px 0;
	padding: 0;
	width: 550px;
	border-bottom: 1px dotted #111111;
}
.teamList li p {
	padding: 4px 20px 10px 20px;
	line-height: 24px;
}
.teamList li h2 {
	padding: 15px 0 4px 0;
}
.teamList li img {
	float: left;
	background:  #1a1a1a;
	margin: 10px 10px 0 20px;
	width: 100px;
	height: 120px;
	padding: 4px;
	border: 1px solid #313131;
}
.teamList a:hover img {
	background:  #212121;
	border: 1px solid #fac934;
}
.teamList a {
	color: #eeeeee;
}
.teamList2 {
	list-style-type: none;
	padding: 0;
	margin: 10px;
}
.teamList2 li {
	float: left;
	display: inline;
	margin: 0 0 1px 0;
	padding: 15px 0 15px 0;
	background-color: #1a1a1a;
}
.teamList2 li p {
	padding: 0 30px 8px 0;
	line-height: 18px;
}
.teamList2 li p.question {
	padding: 4px 10px 0 0;
	line-height: 18px;
	color:#97b9cf;
}
.teamList2 li p.link a {
	text-decoration: underline;
}
.teamList2 li p.link a:hover {
	text-decoration: none;
}
.teamList2 li h2 {
	padding: 16px 0 8px 0;
}
.teamList2 li h3 {
	padding: 4px 0 2px 0;
	font-size:11px;
}
.teamList2 li img {
	float: left;
	background:  #1a1a1a;
	margin: 10px 20px 10px 10px;
	width: 240px;
	height: 300px;
}
.teamList2 a:hover img {
}
.teamList2 a {
	color: #97b9cf;
}
.teamList2 a:hover {
	color: #eeeeee;
}
.teamListRight {
	width: 480px;
	float: right;
}
/* COMPANY
----------------------------------------------*/

#home .history {
	background:  #262626;
	width: 750px;
	height: 378px;
	margin: 10px 0 10px 0;
}
#companyContent {
	width: 770px;
	margin: 5px 0 0 0;
	background: url(../images/contentGradient.gif) repeat-y;
}
#companyLeft {
	float:left;
	width: 220px;
	padding: 0;
	margin: 0 0 10px 0;
}
#companyLeft .global {
	margin: 0 0 10px 0;
}
#companyLeft .international {
	margin: 0 0 10px 0;
}
#companyLeft .international a {
	color: #eeeeee;
}
#companyLeft .international a:hover {
	color: #eea602;
}
#companyLeft h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 8px 10px;
	color: #d7a010;
	text-transform: uppercase;
	background: url(../images/title_bg2.gif) repeat-x;
}
#companyRight {
	float:right;
	width: 550px;
	padding: 0;
	margin: 0;
}
#companyRightTop {
	margin: 0;
	padding: 32px 0 0 0;
	height: 32px;
	width: 550px;
	background: #111111 url(../images/contentTop.gif) no-repeat;
}
#companyRightTop h1 {
	font-size: 16px;
	font-weight: normal;
	padding: 8px 20px 8px 20px;
	color: #eeeeee;
	text-transform: uppercase;
	background: transparent url(../images/title_bg3.gif) repeat-x;
}
#companyDetail {
	float:left;
	width: 320px;
	padding: 10px 0 50px 20px;
	margin: 0;
}
#international .map {
	background:  #262626;
	width: 750px;
	height: 350px;
	margin: 10px 0 10px 0;
}
#companyDetail h2 {
	font-size: 12px;
	padding: 8px 0 4px 0;
}
#companyDetail h3 {
	font-size: 11px;
	padding: 0;
}
#companyDetail p {
	padding: 0 0 16px 0;
}
.flagImage img {
	background:  #1a1a1a;
	width: 180px;
	height: 95px;
	padding: 4px;
	border: 1px solid #313131;
	margin: 10px 0 0 0;
}
#companyLeft .list ul {
	margin: 0;
	padding: 8px 10px;
	list-style-type:none;
}
#companyLeft .list ul li {
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/bullet.gif) 0 6px no-repeat;
}
#companyLeft .list ul li.current {
	color: #eea602;
}
#companyLeft h3 {
	font-size: 10px;
	padding: 8px 10px 0 10px;
}
#companyLeft p {
	padding: 8px 10px 4px 10px;
}
/* MEDIA
----------------------------------------------*/

#media .mediamovie {
	background:  #000000;
	width: 750px;
	height: 400px;
	margin: 10px 0 10px 0;
}
.videogallery {
	background:  #090909;
	width: 750px;
	height: 457px;
	margin: 10px 0 10px 0;
	padding: 10px 0;
}
.videogallerywide {
	background:  #090909;
	width: 750px;
	height: 457px;
	margin: 10px 0 10px 0;
}
#home .videogallerysmall {
	background:  #000000;
	width: 370px;
	height: 226px;
	margin: 12px 0 12px 0;
	float: left;
	padding: 8px 0;
}
#media .photogallery {
	background:  #090909;
	width: 750px;
	height: 350px;
	margin: 10px 0 10px 0;
}
.mediaCol1 {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	width: 370px;
}
.mediaCol2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 370px;
}
.mediaCol h2 {
	padding: 8px 0 4px 0;
}
.mediaCol h3 {
	padding: 8px 0 0 0;
}
.photosList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.photosList li {
	float: left;
	display: inline;
	margin: 0 0 10px 0;
	padding: 0;
	width: 370px;
	height: 120px;
	background: transparent url(../images/diagonal.gif) repeat;
}
.photosList li h2 {
	padding: 13px 0 4px 0;
	font-size: 11px;
}
.photosList li p {
	margin: 0;
	padding: 4px 10px;
	font-size: 9px;
}
.photosList li img {
	float: left;
	background:  #1a1a1a;
	margin: 10px;
	width: 120px;
	height: 90px;
	padding: 4px;
	border: 1px solid #313131;
}
.photosList a:hover img {
	background:  #212121;
	border: 1px solid #eea602;
}
.photosList li.current img {
	background: #212121;
	border: 1px solid #eea602;
}
/* MUSIC
----------------------------------------------*/

#musicLeft {
	float: left;
	background:  #262626;
	width: 300px;
	height: 570px;
	margin: 10px 0 10px 0;
	border: 1px solid #191919;
}
#musicRight {
	float:left;
	padding: 0;
	margin-top: 24px;
	width: 440px;
}
.musicList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.musicList li {
	float: left;
	display: inline;
	margin: 0 0 10px 0;
	padding: 0;
	width: 420px;
}
.musicList li p {
	padding: 4px 20px 10px 20px;
	line-height: 18px;
}
.musicList li h2 {
	padding: 15px 0 4px 0;
}
.musicList li img {
	float: left;
	background:  #1a1a1a;
	margin: 10px 10px 10px 20px;
	width: 120px;
	height: 120px;
	padding: 4px;
	border: 1px solid #313131;
}
.musicList a:hover img {
	background:  #212121;
	border: 1px solid #fac934;
}
.musicList a {
	color: #eeeeee;
}
/* HELP
----------------------------------------------*/

#helpContent {
	width: 770px;
	margin: 5px 0 0 0;
	background: url(../images/contentGradient.gif) repeat-y;
}
#helpLeft {
	float:left;
	width: 220px;
	padding: 0;
	margin: 0 0 10px 0;
}
#helpLeft .global {
	margin: 0 0 10px 0;
}
#helpLeft h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 8px 10px;
	color: #d7a010;
	text-transform: uppercase;
	background: url(../images/title_bg2.gif) repeat-x;
}
#helpRight {
	float:right;
	width: 550px;
	padding: 0;
	margin: 0;
}
#helpRightTop {
	margin: 0;
	padding: 32px 0 0 0;
	height: 32px;
	width: 550px;
	background: #111111 url(../images/contentTop.gif) no-repeat;
}
#helpRightTop h1 {
	font-size: 16px;
	font-weight: normal;
	padding: 8px 20px 8px 20px;
	color: #eeeeee;
	text-transform: uppercase;
	background: transparent url(../images/title_bg3.gif) repeat-x;
}
#helpDetail {
	float:left;
	width: 520px;
	padding: 10px 0 50px 20px;
	margin: 0;
}
#helpDetail h2 {
	font-size: 12px;
	padding: 8px 0 4px 0;
}
#helpDetail h3 {
	font-size: 11px;
	padding: 0;
}
#helpDetail p {
	padding: 0 0 12px 0;
}
#helpDetail img {
	border: none;
}
#helpDetail .list ul {
	margin: 0;
	padding: 0 0 8px 0;
	list-style-type:none;
}
#helpLeft .list ul {
	margin: 0;
	padding: 8px 10px;
	list-style-type:none;
}
#helpLeft .list ul li {
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/bullet.gif) 0 6px no-repeat;
}
#helpLeft .list ul li.current {
	color: #eea602;
}
#helpLeft h3 {
	font-size: 10px;
	padding: 8px 10px 0 10px;
}
#helpLeft p {
	padding: 8px 10px 4px 10px;
}
#helpLeft .rules p {
	padding: 18px 10px;
}
#corenewsDetail {
	float:left;
	width: 520px;
	padding: 20px 0 50px 20px;
	margin: 0;
}
.locatorLeft {
	margin: 0 5px 0 0;
	width: 370px;
	float: left;
}
.locatorRight {
	margin: 0 0 0 5px;
	width: 370px;
	float: left;
}
.filterImage {
	background:  #1a1a1a;
	padding: 4px;
	border: 1px solid #313131;
	margin: 0 10px 0 0;
	float: left;
}
.filterImage2 {
	background:  #1a1a1a;
	padding: 4px;
	border: 1px solid #313131;
	margin: 10px 0 0 0;
}
.filterGreenWrapper {
	padding: 4px;
	border: 1px solid #313131;
	margin: 10px 0;
	background:  #1a1a1a;
}
.filterGreen {
	background: #92c556 url(../images/green.gif) repeat-x;
	color: #2a4617;
	padding: 10px 20px;
}
.filterGreen a {
	color:#085b6c;
}
.filterGreen a:hover {
	color:#085b6c;
}
.filterGreen ul {
	margin: 0;
	padding: 10px;
	list-style-type:none;
}
.filterGreen ul li {
	margin: 0;
	padding: 0 0 4px 12px;
}
.num {
	font-size: 12px;
	font-weight:600;
}
.whiteHeader {
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
}
/*-  press gallery
----------------------------------------------------------------------*/

#press_gallery {
	float: left;
	margin: 10px 0;
	padding: 10px;
}
.press_item {
	position: relative;
	width: 160px;
	float: left;
	margin: 0 30px 25px 0;
	padding-bottom: 5px;
	font-size: 10px;
}
.press_item img {
	background:  #1a1a1a;
	width: 150px;
	height: 200px;
	padding: 4px;
	border: 1px solid #313131;
}
.press_item a:hover img {
	background:  #212121;
	border: 1px solid #eea602;
}
.press_item_last {
	margin: 0 0 25px 0;
}
.press_item_clear {
	height: 1px;
	clear: both;
}
/* Advanced CSS hover styles */
a.feature01 {
	display: block;
	margin: 0;
	float: left;
	position: relative;
}
a.feature01 .overlay01 .caption01 {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 200px;
	line-height: 30px;
	width: 150px;
	z-index: 3;
	text-indent: -9999em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
	overlay: hidden;
	text-decoration: none;
}
a.feature03:hover .caption01 {
	top: 5px;
	text-indent: 0;
	line-height: 200px;
	text-align: center;
	background: rgb(0,0,0);
	background: rgba(0, 0, 0, 0.80); /* for browsers that know rgba */
}
a.feature01 img {
	display: block;
}
/* table-block
------------------------------------------------------*/
.historyitem {
	padding: 10px;
	line-height: 18px;
}
/* table-block
------------------------------------------------------*/

.yellowpad {
	color: #d7a010;
	padding-left: 20px;
}
#table-block h2 {
	font-size: 14px;
	padding-left: 10px;
}
#table-block {
	position: relative;
}
#table-block table {
	width: 99%;
	position: relative;
	border: none;
}
#table-block table tr td {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #111111;
	background-color: #222222;
	width: 120px;
}
#table-block table tr td.last {
	text-align:left;
}
#table-block table tr.header td {
	text-transform:uppercase;
	color: #d7a010;
	padding: 5px 10px 5px 10px;
	background-color: #111111;
}
#table-block table tr.alternate td {
	background-color: #2c2c2c;
}
#table-block table td.true {
	color: #009933;
}
#table-block table td.false {
	color: #990000;
}