/*
 _____            __  __ _        ___          _       ___      _     _ 
/__   \_ __ __ _ / _|/ _(_) ___  / __\__ _ ___| |__   / _ \___ | | __| |
  / /\/ '__/ _` | |_| |_| |/ __|/ /  / _` / __| '_ \ / /_\/ _ \| |/ _` |
 / /  | | | (_| |  _|  _| | (__/ /__| (_| \__ \ | | / /_\\ (_) | | (_| |
 \/   |_|  \__,_|_| |_| |_|\___\____/\__,_|___/_| |_\____/\___/|_|\__,_| 
                                                                      
*/


/* DEFAULT TOUR STYLING
----------------------------------------------------------------------------- */
body { margin:0; padding:0; background: #479bc9 url(../bg.jpg) repeat-x; }
a { outline:none; }
.clear { clear: both; }
.black { color: #000; }
.red { color: #e70700; }
.white { color: #fff; }
.yellow { color: #fcff00; }
.blue { color: #1ed7ff; }
* { padding:0; margin:0; }
#tourwrapper { width:979px; margin-right:auto; margin-left:auto; margin-top: 10px; }
img { border:0 }
#pagetops { width: 979px; height: 30px; font: bold 15px/30px Arial, Helvetica, sans-serif; color: #000; text-align: center; margin-top: 10px; margin-bottom: 10px; background: #fff; border: 1px solid #000; }
#pagetops a { color: #0000ff; }
.thumb { border: 1px solid #000; }
.iesux { margin-bottom: 4px; }
.iesuxneg { margin-bottom: -4px; }
.iesuxpos { margin-top: -4px; }

/* MAIN HEADER
----------------------------------------------------------------------------- */
#mainheader { width: 979px; height: 571px; background-image: url(../main_header-bg.gif); background-repeat: no-repeat; }
#mainimage { width: 967px; height: 455px; margin-right: auto; margin-left: auto; padding-top: 50px; margin-bottom: 5px; padding-bottom: 0px; }

/* NAVIGATION BAR
----------------------------------------------------------------------------- */
ul.navbar { width: 967px; height: 54px; list-style-type: none; margin: 0px; padding: 0px; margin-right: auto; margin-left: auto; margin-top: 0px; }
ul.navbar li { display: inline; margin: 0px; padding: 0px; float: left; }

/* ALT HEADER
----------------------------------------------------------------------------- */
#altheader { width: 979px; height:437px; display: block; background: url(../bg-alt_header.gif) no-repeat; margin-bottom: 10px; }
#altimage { width: 967px; height: 321px; margin-right: auto; margin-left: auto; margin-bottom: 5px; padding-top: 50px; }

/* JOIN HEADER
----------------------------------------------------------------------------- */
#joinheader { width: 979px; height:378px; display: block; }

/* EPISODE INTERFACE
----------------------------------------------------------------------------- */
.episodeinterface { width: 979px; height: 995px; background: url(../bg_episode.png) no-repeat; margin-right: auto; margin-left: auto; margin-top: 5px; }
.thumbcontainer { width: 931px; height: 940px; margin-right: auto; margin-left: auto; padding-top: 27px; }
.iesux { margin-bottom: -4px; }
.story { width: 463px; height: 314px; background: #fff url(../bg_story.gif) no-repeat; display: block; margin: 0px; padding: 0px; }
.story h1 { font: bold 21px Arial, Helvetica, sans-serif; color: #faed22; text-align: center; padding-top: 11px; }
.story h2 { width: 421px; font: normal 15px/18px Arial, Helvetica, sans-serif; color: #000000; text-align: left; display: block; margin: 20px auto 10px; }
.story img { border:0; }
.leftbox { width: 466px; height: 940px; float: left; display: block; margin: 0px 0px 0px 1px; padding: 0px; }
.leftbox img { border: 1px solid #000; }
.leftbox img.bot { margin-bottom: 2px; }
.leftbox img.tbr { margin-top: 2px; margin-right: 2px; margin-bottom: 2px; }
.leftbox img.tb { margin-top: 2px; margin-bottom: 2px; }
.leftbox img.r { margin-right: 2px; }
.rightbox { width: 463px; height: 940px; float: right; display: block; margin: 0px; padding: 0px; }
.episodebut { width: 463px; height: auto; margin-right: auto; margin-left: auto; text-align: right; }


/* TRAILER PAGE
----------------------------------------------------------------------------- */
#trailerface { width: 979px; height: 617px; margin-right: auto; margin-left: auto; background: url(../bg_trailer.png) no-repeat; margin-bottom: 10px; }
#trailer { width:750px; text-align: center; margin: 10px auto 14px; padding-top: 10px; }
#trailer h1 { font: bold 21px/40px Arial, Helvetica, sans-serif; color: #fff; text-align: center; }
#trailer h1 a { color: #ebff11; }
#trailer h2 { font: normal 12px Arial, Helvetica, sans-serif; color: #000; text-align: left; display: block; width: 720px; margin: 10px auto; }
#trailer h2 .intro { font-weight: bold; font-size: 15px; color: #FF0066; }
#trailer h3 { font: bold 24px/43px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #000000; text-align: center; height: 45px; width: 640px; margin-right: auto; margin-left: auto; }
#trailer h3 a { color: #ebff11; text-decoration: underline; }
#trailer h3 a:hover { color: #fcff1f; text-decoration: underline; }
#footeralt { width:979px; height: 281px; }

/* SITENAME UPDATES PAGE
----------------------------------------------------------------------------- */
.updatesinterface { width: 979px; margin-right: auto; margin-left: auto; position:relative; height: 100%; }
.updatesinterface .rowdisplay { width: 979px; }
.updatesinterface .updatesbox { text-align: center; width: 470px; height: 288px; float: left; margin: 7px; background: #fff; border: 1px solid #000000; }
.updatesinterface .updatesboxright { text-align: center; width: 470px; height: 288px; float: right; margin: 7px; background: #fff; border: 1px solid #000000; }
.updatesinterface img { border: 1px solid #000; margin: 4px 3px; }
.updatesinterface h2 { text-align: center; color: #FFFFFF; margin: 0px; font: bold normal 16px/35px Arial, Helvetica, sans-serif; background: #000000 url(../bg_updatetop.png); height: 35px; width: 470px; }
.updatesinterface h2 a { text-align: center; color: #ee2b72; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: none; }
.updatesinterface h2 a:hover { text-align: center; color: #ee2b72; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: underline; }
.updatesinterface h3 { text-align: center; color: #000; margin: 0px 0px 4px; font: normal 14px/25px Arial, Helvetica, sans-serif; background: #ebff11 url(../bg_h3.jpg) no-repeat; height: 25px; width: 470px; }
.updatesinterface .clear { clear: both; }
.numpagesmain { width:979px; height: 40px; border:1px solid #ccc; background: url(../fulllist.gif); text-align: right; font: bold 16px/40px Arial, Helvetica, sans-serif; color: #0359b9; text-decoration: none; margin: 10px auto 7px; }
.numpagesmain .listbox { width: auto; margin-right: 10px; }
.numpagesmain a { color: #000; text-decoration: underline; margin-right: 2px; margin-left: 2px; }
.numpagesmain a:hover { color: #0000ff; text-decoration: underline; margin-right: 2px; margin-left: 2px; }

/* ALL REALITY PASS UPDATES PAGE
----------------------------------------------------------------------------- */
.arp { width: 979px; margin-bottom: 0px; border-top: 0px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.networkinterface { width: 979px; margin-right: auto; margin-left: auto; background: #fff; border-top: 0px none #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.networkinterface .rowdisplay { width: 904px; }
.networkinterface .updatesbox { text-align: center; width: 210px; background-color: #000; float: left; margin: 7px; }
.networkinterface .updatesbox .sitelogo { margin: 0px; padding: 0px; height: 50px; width: 210px; }
.networkinterface .updatesbox .sitelogo img { margin: 0px; padding: 0px; border-width: 0px; border-style: none; }
.networkinterface .updatesbox img { border: 1px solid #000; margin-top: 5px; margin-bottom: 2px; }
.networkinterface .updatesbox h2 { text-align: center; color: #FFFFFF; margin: 0px; font: normal 18px/30px Arial, Helvetica, sans-serif; background: #333333; padding: 0px 0px 3px; height: 30px; width: 210px; }
.networkinterface .updatesbox h2 a { color: #ee2b72; text-decoration: underline; }
.networkinterface .updatesbox h2 a:hover { color: #fff; text-decoration: underline; }
.networkinterface .updatesbox h3 { text-align: center; color: #FFF; font: normal 12px/24px Verdana, Arial, Helvetica, sans-serif; background: #666666; height: 25px; width: 210px; }
.networkinterface .updatesbox h3 a { color: #fff; text-decoration: underline; }
.networkinterface .updatesbox h3 a:hover { color: #fff; text-decoration: underline; }
.numpages { width:930px; height: 40px; border:1px solid #CCCCCC; background: url(../arpfulllist.gif); text-align: right; font: bold 16px/42px Arial, Helvetica, sans-serif; color: #CC0000; text-decoration: none; margin: 10px auto 7px; }
.numpages .listbox { width: auto; margin-right: 10px; }
.numpages a { color: #000; text-decoration: underline; margin-right: 2px; margin-left: 2px; }
.numpages a:hover { color: #0000ff; text-decoration: underline; margin-right: 2px; margin-left: 2px; }
.networkinterface .clear { clear: both; }

/* Start Girls Page Styles */
.girlthumbs { border: 5px solid #000; }
.girlname { font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; color: #FFFFFF; text-align: center; width: 150px; background-color: #666666; text-decoration: none; }
a.girlnamelnk { font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; color: #fff; text-decoration: underline; text-align: center; background-color: #000; }
a.girlnamelnk:hover { font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; color: #fcff1f; text-decoration: underline; text-align: center; background-color: #000; }
.girlnamesbig { font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 22px; font-weight: bold; color: #FFFFFF; text-align: center; width: 210px; background-color: #000000; }

/* MAIN FOOTER
----------------------------------------------------------------------------- */
#footer { width: 979px; height: 281px; margin-top: 5px; margin-bottom: 5px; }
#members { width:979px; margin: 0px auto; display: block; text-align: center; height: 89px; }
.membersgap { margin-top: 8px; margin-bottom: 8px; }
.options { width:979px; height:40px; display:block; margin-right: auto; margin-left: auto; background: #0359b9; text-align: center; font: bold 12px/40px Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 25px; border: 1px solid #fff; }
.options a { color: #FFF; }
.options a:hover { color: #FFCC00; text-decoration: underline; }

/* JOIN PAGE FORM LAYOUT
----------------------------------------------------------------------------- */
#joinpagetop { width: 979px; height: 45px; font: bold 15px Arial, Helvetica, sans-serif; color: #000; text-align: center; margin-top: 10px; margin-bottom: 0px; background: url(../jointop.png) no-repeat; }
#joinwrapper { width:947px; margin-right:auto; margin-left:auto; }
#joinleft { width:272px; text-align: center; float:left; }
#joinleft img { margin:1px; border: 1px solid #000; }
#joinright { width:272px; text-align: center; float:right; }
#joinright img { margin:1px; border: 1px solid #000; }
#theform { width:403px; font: normal 12px Arial, Helvetica, sans-serif; color: #665925; margin-right: auto; margin-left: auto; }
#theform .minitxt { font-size: 9px; }

/* JOIN PAGE MIDDLE TABLE CENTER HACK
----------------------------------------------------------------------------- */
div.joincenter { width:98%; margin:1%; }
table#table1 { margin-left:auto; margin-right:auto; width:354px; }
#joinbg { width: 977px; margin-right: auto; margin-left: auto; background: #fff; text-align: center; border-right: 1px solid #000; border-left: 1px solid #000; }
.jointables { margin-right: auto; margin-left: auto; margin-top: 15px; }

/* JOIN PAGE FORM FIELDS
----------------------------------------------------------------------------- */
#submitbutton { text-align: center; background: #78b227; font: bold 20px Georgia, "Times New Roman", Times, serif; color: #FFF; padding: 3px; border-top: 2px solid #86c72b; border-right: 2px solid #006600; border-bottom: 2px solid #006600; border-left: 2px solid #86c72b; width: 350px; }
.firstlast { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 100px; background: #FFF; padding: 3px; }
#address { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 212px; background: #FFF; padding: 3px; }
.zipcity { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 100px; background: #FFF; padding: 3px; }
#stateprovince { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 224px; background: #FFF; }
#country { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 224px; background: #FFF; }
#email { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 212px; background: #FFF; padding: 3px; }
#password { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 212px; background: #FFF; padding: 3px; }
.memberhips { font: bold 14px Arial, Helvetica, sans-serif; color: #000; text-align: left; }
.membershipsmini { font: normal 10px Arial, Helvetica, sans-serif; color: #666666; text-align: left; }
.bestdeal { color: #CC0000; font-size: 10px; }
#payment { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 224px; background: #FFF; }
.joinprint { font: normal 11px Arial, Helvetica, sans-serif; color: #000; text-align: center; }
.joinprint a { color: #000; text-decoration: underline; }
