@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
body {
	background: #000000 url("../imgs/background.jpg") center top no-repeat;
	color:#f2f0dd;
	font-size:85%;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color: #fff;
	text-decoration: underline;
}
#title {
	margin: 20px auto 17px auto;
	text-indent: -9999px;
	width: 802px;
	height: 107px;
	background: url("../imgs/title.png") center top no-repeat;
	_background: url("../imgs/title_ie6.png") center top no-repeat;
}
#content {
	width: 722px;
	padding: 0 40px;
	margin: 0 auto 45px auto;
	font: 13px/20px Arial, sans-serif;
	color: #fff;
}
#content p {
	margin: 0 0 25px 0;
}
#footer {
	width: 722px;
	padding: 0 40px 50px 40px;
	margin: 0 auto;
	font: 10px/13px Arial, sans-serif;
	color: #fff;
	text-align: center;
}
#container {
	background: url("../imgs/fish_diagram.png") center top no-repeat;
	_background: none;
	margin:0;
	width:auto;
}



#columns {
	width: 722px;
	padding: 0 40px;
	margin: 25px auto 85px auto;
	zoom: 1;
}
#columns:after { /* self clear floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#columns #column1 {
	float: left;
	position: relative;
	width: 430px;
}
#columns #column2 {
	float: right;
	position: relative;
	width: 200px;
	padding-top: 4px;
}

#videolabel {
	text-align: center;
	font: normal 16px/20px Arial, sans-serif;
	color: #fff;
	margin: 0 0 4px 0;
}



#frame {
	position:relative;
	margin:118px 0 0 0;
	width:733px;
	height:456px;
	z-index:10;
	background:url("../imgs/COB_frame.png");
}
#player {
	
}
#credits-area {
	width:639px;
	height:116px;
	text-align:center;
	border-top: 2px #f2f0dd solid;
	border-bottom: 2px #f2f0dd solid;
	margin:auto;
	
}
#credits {
	margin:20px auto;
	width:604px;
	height:73px;
	background:url("../imgs/sprites.png") -4px -57px;
	_background-image: url("../imgs/sprites_ie6.png");
}


#credits  a {height:13px;background: none;postion:abosulte;display:block;text-indent:-5000px;overflow:hidden;}

#credits  a.link1 {width:151px;left:300px;position:relative;}
#credits  a:hover.link1 {background-position:-243px -290px}

#credits  a.link2 {width:168px;left:281px;top:18px;position:relative;}
#credits  a:hover.link2 {background-position:0px -215px;}

#credits  a.link3 {width:125px;left:479px;top:3px;position:relative;}
#credits  a:hover.link3 {background-position:0px -215px;}

#credits  a.link4 {width:91px; left:445px;top:21px;position:relative;}
#credits  a:hover.link4 {background-position:0px -215px;}

#links-area {
	position: relative;
	width:606px;
	height:70px;
	text-align:center;
	margin:auto;	
}
#links a {
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background:url("../imgs/sprites.png") -105px -173px;
	_background-image: url("../imgs/sprites_ie6.png");
}

#links #costa {
	left: 3px;
	top: 21px;
	width: 135px;
	height: 26px;
	background-position: -105px -180px;
}

#links #bonefish {
	left: 198px;
	top: 10px;
	width: 199px;
	height: 48px;
	background-position: -203px -58px;
}

#links #facebook {
	left: 546px;
	top: 23px;
	width: 20px;
	height: 20px;
	background-position: -447px -182px;
}

#links #twitter {
	left: 579px;
	top: 23px;
	width: 21px;
	height: 21px;
	background-position: -479px -182px;
}
#links span#share {
	position: absolute;
	text-indent: -9999px;
	left: 437px;
	top: 28px;
	background:url("../imgs/sprites.png") -337px -187px;
	_background-image: url("../imgs/sprites_ie6.png");
	width: 94px;
	height: 11px;
}
#mail-form {
	width: 180px;
	margin: 0 0 8px 0;
}
#mail-form input {
	margin:0 0 12px 0;
	display:block;
	background: none;
	padding: 3px;
	border: 1px #fff solid;
	color:#FFFFFF;
}
#mail-form .submit {
	text-align: center;
}
#mail-form .submit input {
	border: 1px #fff solid;
	color:#fff;
	margin: 0 auto;
}
.checkbox {
	height: 32px;
}
.checkbox input {
	float:left;
}
.checkbox label {
	margin:0 0 0 23px;
	display:block;
	font-size:11px;
}
#sign-up {
	width:176px;
	height:15px;
	background:url("../imgs/signup.png") no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/signup.png',sizingMethod='crop');
	margin:0 0 4px 3px;
	display:block;
	text-indent: -9999px;
}
#signup {
	padding: 5px;
	background: url("../imgs/white.png") repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/white.png',sizingMethod='scale');
}
.errors {
	padding-bottom: 6px;
	font: bold 11px/13px Arial, sans-serif;
	color: #fff;
	text-align: center;
}
#watch {
	margin-top: 25px;
	display: block;
	text-indent: -9999px;
	width: 197px;
	height: 271px;
	background: url("../imgs/watch.png") no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/watch.png',sizingMethod='crop');
}
#tell-a-friend {
	display: block;
	margin: 10px 0 15px 0;
	font: normal 13px/15px Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	text-indent: -9999px;
	cursor: pointer;
	background: url("../imgs/tell-a-friend.png") no-repeat;
	_background: none;
	_text-indent: 0;
}

.clear {
	clear:both;
}
.clear-all {
	clear:all;
}