/* This code was written by MICHAEL DAWSON of THINK SMART DESIGN */
/* www.thinksmartdesign.com */
/* Please don't steal this code. */
td p:first-child {
	margin-top: 0;
}
body {
	background: #333333 url('../images/ui_back_td.jpg') no-repeat top;
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
#header {
	background-image: url('../images/header.png');
	background-position: top left;
	background-repeat: repeat-x;
	height: 210px;
	position: relative;
	z-index: 2;
	text-align: center;
}
#headermain {
	/*background-image:url('../images/gaysharktanklogo.png');*/
   text-align: center;
	margin: 0 auto;
	padding: 0;
/* Zero to prevent IE box trouble. */height: 150px;
	width: 85%;
	position: relative;
}
#headerleft {
	position: absolute;
	left: 0px;
	background: transparent;
}
#headermiddle {
	position: absolute;
	width: 468px;
	background: transparent;
}
#headerright {
	background-image: url('../images/socialoval.png');
	position: absolute;
	top: 10px;
	right: 0px;
	width: 550px;
	height: 100px;
}
.centro {
	text-align: center;
}
.sea_bak {
	text-align: left;
	z-index: -30;
	background-image: url('images/ui_back_td.jpg');
}
#socialnetworking {
	position: absolute;
	top: 30px;
	right: 10px;
	text-align: right;
	background: transparent;
}
div#content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	font-size: 12px;
	background: transparent;
}
div#contentframe {
	margin-top: -5px;
	background-image: url('http://www.gaysharktank.com/images/frame.png');
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	font-size: 12px;
}
div#chatter {
	padding-top: 0px;
	border: 0px;
/*	padding: 0px; */
}
.chatter-txt {
	font: 130% Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	margin: 30px;
	border: 0px;
	color: #333333;
	text-align: left;
}
.chatter-txt h1 {
	font-size: large;
}
.chatter-txt a {
	font: 100% Georgia, "Times New Roman", Times, serif !important;
	color: #05315B;
	text-decoration: underline;
}
.q1 {
	font: 100% Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 12px;
	margin-bottom: 10px;
}
.q2 {
	font: 100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999999;
	margin-left: 19px;
}
.greybak-l {
	text-align: right;
	background-color: #333333;
}
.greybak-r {
	text-align: left;
	background-color: #333333;
}
div#youtube {
	padding-top: 60px;
	text-align: center;
}
div#splashyoutube {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 745px;
	padding-top: 60px;
	text-align: center;
}
div#splashvideo {
	position: absolute;
	right: 20px;
	top: 205px;
}
.bubble_back {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -10;
	left: 1px;
	top: 1px;
}
#bubb_back {
	z-index: -20;
	position: absolute;
	text-align: center;
}
.contentframe {
	background-image: url('../images/frame.png');
	background-position: top left;
}
div#text {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #054b8e;
	font-size: 10px;
}
.disclaimer {
	color: #043c93;
}
div#floatersright {
	position: absolute;
	visibility: show;
	right: 3%;
	top: 400px;
	z-index: -2;
}
div#floatersleft {
	position: absolute;
	visibility: show;
	left: 3%;
	top: 275px;
	z-index: -2;
	background: transparent;
}
div#signleft {
	position: absolute;
	visibility: show;
	left: 0;
	top: 455px;
	z-index: 4;
	background: transparent;
}
/*
.iframe {
	position: fixed;
	bottom: 0;
	padding-top: 4px;
	background-color: #ff65b6;
	color: white;
	width: 100%;

}
*/
.iframe {
	position: fixed;
	bottom: 0;
	padding-top: 4px;
	color: white;
	width: 100%;
	background-color: #84B6D8;
}
.coming {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: white;
	text-decoration: none;
}
.bottom_ad {
	margin-top: 7px;
	z-index: 100;
}
.top_ad {
	padding-bottom: 7px;
	background-color: #83B5D8;
	float: inherit;
}
div#content a {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
div#content a:link {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
div#content a:visited {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
div#content a:active {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
div#content a:hover {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ff65b6;
	text-decoration: none;
}
div#chatterframe a {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #054b8e;
	text-decoration: none;
}
div#chatterframe a:link {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #054b8e;
	text-decoration: none;
}
div#chatterframe a:visited {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #054b8e;
	text-decoration: none;
}
div#chatterframe a:active {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #054b8e;
	text-decoration: none;
}
div#chatterframe a:hover {
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #05315b;
	text-decoration: none;
}
div#text {
	font: normal normal normal 100% Georgia, "Times New Roman", Times, serif;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}
div#enter {
	width: 100%;
	text-align: center;
}
a.enter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 400px;
	height: 100px;
	background: transparent url('../images/enter.png') no-repeat;
}
a.enter:hover {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 400px;
	height: 100px;
	background: transparent url('../images/enter_over.png') no-repeat;
}
div#fbfooter {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	text-align: left;
	background-image: url('../images/lowersurf.png');
	z-index: 5;
}
div#enterbutton {
	margin-top: 90px;
	width: 100%;
	text-align: right;
}
a.enterbutton {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 347px;;
	height: 36px;
	background: transparent url('../images/enter_normal.png') no-repeat;
}
a.enterbutton:hover {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 347px;;
	height: 36px;
	background: transparent url('../images/enter_hover.png') no-repeat;
}
/* ENTER button for SPLASH page*/
div#splashenterbutton {
	position: absolute;
	left: 105px;
	top: 520px;
	text-align: left;
}
a.splashenterbutton {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 235px;
	height: 35px;
	background: transparent url('../images/Btn_EnterSite.png') no-repeat;
}
a.splashenterbutton:hover {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 235px;
	height: 35px;
	background: transparent url('../images/Btn_EnterSite_HIT.png') no-repeat;
}
/*trailer button for splash page*/
div#splashtrailerbtn {
	position: absolute;
	left: 620px;
	top: 440px;
	text-align: left;
}
div#splashtrailerbtn img {
	border: none;
}
a.splashtrailerbtn {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 103px;
	height: 130px;
	background: transparent url('../images/Btn_trailer.png') no-repeat;
}
a.splashtrailerbtn:hover {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 103px;
	height: 130px;
	background: transparent url('../images/Btn_trailer_HIT.png') no-repeat;
}