@charset "utf-8";
/* CSS Document */

/* Page Setup */

body { font: normal 14px/18px Arial, Helvetica, sans-serif, "Segoe UI"; color: #333;  background: url(http://images.pimproll.com/whaletailn.com/images/pagebg.jpg) repeat #191919;  }

/* Wrapper and Container */

#wrapper { width: 100%; margin: 0; padding: 0; }
#container { width: 940px; margin: auto; border-right: 3px double #333; border-left: 3px double #333; background: #ddd; }

/* Header Section */

#indexheader { background: url(http://images.pimproll.com/whaletailn.com/images/indexheader3.jpg) no-repeat 0 0; position: relative; }
img { display: block; border: none; }
#indextopbar { position: absolute; top: 0; left:0; }

#indextopbar h1 { font: 14px "Segoe UI", Arial, Helvetica, sans-serif; margin: 10px 0 0 16px; font-weight:bold; }
#indextopbar h1 em { color: #0066cc; }

#onetimelinks { height:30px; text-align:right; padding-top: 10px; float: none; }
#onetimelinks ul li { display: inline; margin: 8px; }
#onetimelinks ul li a { font-size: 21px; letter-spacing: -1px; }

#indexheader h2 { text-indent: -5000px; display: none; }

/* Top Nav Section */

#mainmenu { height:55px; }
#mainmenu  ul li { float: left; display:inline; margin: 0; }
#mainmenu  ul li a { display:block; height:55px; text-decoration:none; font-size:1px; color:#292929; }
#mainmenu  ul li a span { visibility:hidden; }

.homelink { background: url(http://images.pimproll.com/whaletailn.com/images/home.gif); width: 127px; }
.updatelink { background: url(http://images.pimproll.com/whaletailn.com/images/updates.gif); width: 166px; }
.siteslink { background: url(http://images.pimproll.com/whaletailn.com/images/sites.gif); width: 125px; }
.nextpagelink { background: url(http://images.pimproll.com/whaletailn.com/images/next.gif); width: 185px; }
.joinlink { background: url(http://images.pimproll.com/whaletailn.com/images/joinbut.gif); width: 337px; }

/* Intro Section */

#intro { width: 900px; height:116px; margin: auto; padding-top: 8px; }
#welcome { float: left; width: 590px; }
#subjoin { float: right; width: 310px; }
#intro h3 { font-size: 12px; font-weight: bold; color: #0066cc; height: 19px; padding-top: 4px; }
#intro h3 em { font-style: italic; color: #000; }
#intro p { text-align:justify; }

/* Site wide video Section */

#sitewidevideo { text-align:center; margin: 10px 20px 20px 20px; }

/* Content Blocks Section */

.contentblock { clear:both; height:1250px; width: 902px; background: url(http://images.pimproll.com/whaletailn.com/images/blockbg.jpg) no-repeat center top; margin: auto; }

.leftside { display: inline; float: left; width:375px; position:relative; top:30px; position:relative; right:10px; position:relative; left:45px; height: 100px;}
.rightside { display: inline; float: right; width:410px; height:115px; margin: 25px 35px 0 0; padding-right: 10px; color: #FFF; text-align: justify; overflow: auto; }
.contentblock h4 { display:inline; float: left; font-size: 30px; letter-spacing: -1px; font-weight: normal; color: #FFF; line-height:30px;}
.rating_off { background: url(http://images.pimproll.com/whaletailn.com/images/rating_01.gif) repeat-x; height: 26px; width: 145px; position: relative; float:right ; display: inline; }
.rating_on { background: url(http://images.pimproll.com/whaletailn.com/images/rating_02.gif) repeat-x; height: 26px; width: 145px; position: absolute; top: 0; left:0; }
.toplink { display: inline; clear: both; float:left; position:relative; top:30px; position:relative; left:26px;  line-height: 30px; width: 340px;}

.picblock { display: block; clear:both; padding-top:10px; width:877px; position:relative; left:13px;}
.leftcol { display:inline; width: 240px; float:left; }
.leftcol img, .rightcol img { margin: 5px 0; }
.rightcol { display:inline; width: 240px; float:right; text-align:left; }
.vertical { display:inline; clear: right; float: left; position:relative; left:15px; margin-top:6px;}

.contentblock img { border:1px solid #9CF;}
.contentblock a, .contentblock a:hover { display: inline; font-size: 32px; letter-spacing: -1px; font-weight: normal; }
.contentblock a { color: #1C1C1C; text-decoration: underline; }
.contentblock a:hover { color: #FFF; text-decoration: none; }

.blockfooter { display:inline; float: right; clear: right; width: 900px; text-align:center;  margin-top:24px; }
.blockfooter, .blockfooter a, .blockfooter a:hover { font-size: 30px; letter-spacing: -1px; font-weight: normal; line-height: 32px; margin-bottom:46px; }
.blockfooter a { color: #FFF; text-decoration: underline; }
.blockfooter a:hover { color: #1C1C1C; text-decoration: none; }

.tagline, .tagline a, .tagline a:hover { float:none; clear: both; font-size: 24px; font-weight: normal; text-align: center; letter-spacing: 0px; }

/* Bottom Nav Section */

#bottomnav { height: 269px; }
#bottomnav ul li { float: left; display:inline; margin: 0; }
#bottomnav ul li a { display:block; height:269px; text-decoration:none; font-size:1px; color:#ddd;  }
#bottomnav ul li a span {  visibility:hidden }

.bottomjoin { background: url(http://images.pimproll.com/whaletailn.com/images/footerpc1.gif); width: 325px; }
.bottomimage { background: url(http://images.pimproll.com/whaletailn.com/images/footerpc2.jpg); width: 290px; height:269px; }
.bottomcontinue { background: url(http://images.pimproll.com/whaletailn.com/images/footerpc3.jpg); width: 325px; }

/* Footer */

#footer { text-align:center; }



/* Other Pages Setup */

#pagetwoheader { height:275px; background: url(http://images.pimproll.com/whaletailn.com/images/page2hdr.jpg) no-repeat 0 0;  position: relative;}
#pagethreeheader { height:275px; background: url(http://images.pimproll.com/whaletailn.com/images/page3hdr.jpg) no-repeat 0 0; position: relative; }
#pagetwoheader h2, #pagethreeheader h2, #updateshdr h2, #siteshdr h2, #joinhdr h2 { text-indent: -5000px; display: none; }

#toptextline { font-size: 20px; font-weight: normal; text-align: left; margin: 16px; letter-spacing: 0px; }
#toptextline p { font-size: 12px; }

/* Updates Page Code */

#updateshdr { height:275px; background: url(http://images.pimproll.com/whaletailn.com/images/updateshdr.jpg) no-repeat 0 0; position: relative; }
#updatesarea { text-align: center; margin: 0 8px; }

#updatesarea ul { list-style: none; }
#updatesarea ul li { float:left; width: 304px; margin: 2px; display: inline; }
#updatesarea ul li img { display: block; border: 2px solid #111; }
#updatesarea ul li a.name { display: block; background: url(http://images.pimproll.com/whaletailn.com/images/namebg.gif) no-repeat bottom; text-align: center; color: #CF6; padding: 8px 0; margin-bottom: 8px; font: bold 18px "Segoe UI", Arial, Helvetica, sans-serif; }

/* Sites Page Code */

#siteshdr { height:275px; background: url(http://images.pimproll.com/whaletailn.com/images/siteshdr.jpg) no-repeat 0 0;  position: relative;}
#sitesarea { text-align: center; margin: 16px;  }

/* Join Page Code */

#joinhdr { height:275px; background: url(http://images.pimproll.com/whaletailn.com/images/joinhdr.jpg); position: relative; }
#jointop { float: right; height:27px; width:340px; text-align:center; padding-top: 11px; font-size:21px; letter-spacing: -1px;}
#joinbar { height:55px; }
#joinarea { text-align: center; margin: 14px;  }

#joinleft { float: left; width: 300px; height:400px; background: url(http://images.pimproll.com/whaletailn.com/images/joinblock.jpg) no-repeat; padding-top:30px; }
#joincenter { float: left; width: 380px; padding:10px;}
#joinright { float: right; width: 210px; }
#joinleft span { color:#36C; font-weight:bold; }
.bigjoin { font-size:36px; letter-spacing: -1px; }

#sites { margin: 20px auto;width: 830px;text-align: center;color: #333; }
#sites h2, #sites h4 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #2E85E6; }
#sites a:hover { text-decoration: none;color: #000; }
#sites .info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none;padding: 0;margin: 0; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#sites ul li a { font-weight: bold; }
#sites ul li p { width: 181px; font-size: 11px; font-weight: normal; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #000;clear: both; }
#sites ul li a:hover img { border: 1px dotted #2E85E6; }

#sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; }
#sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; }
#sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; }

/* Index bottom warning/links
------------------------------------------*/
#tdbottombox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: normal;
}
#tdbottombox p {
	line-height: normal;
}
#tdbottombox a {
	text-decoration: underline;
	color: #36F;
	font-weight: normal;
}
#tdbottombox a:hover {
	text-decoration: none; color:#000;
}



/* Join bottom proccessor infos
------------------------------------------*/
#tdprocessorinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333;
}
#tdprocessorinfo a {
	text-decoration: underline;
	color: #36F;
}
#tdprocessorinfo a:hover {
	text-decoration: none;
	color: #000;
}
#tdprocessorinfo p { margin-bottom: 15px; }
#tdbonussitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

#common_footer { font-weight: normal;text-align: center;font-family: Arial, Helvetica, sans-serif;width: 500px;margin: 25px auto 0 auto;color: #333; }
#common_footer p { padding-bottom: 15px; }
#copy { margin-bottom: 0;padding-bottom: 15px;font-size: 11px;text-align: center; }

/* Global copyright
------------------------------------------*/
#tdcopyright {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #333;
	text-align: center;
}