/* DEFAULT TOUR STYLING
----------------------------------------------------------------------------- */
* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; background: #00B93A url(../images/bg_main.jpg) top repeat-x; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; } 
a { outline: none; }
.clear { clear: both; }
img { border: 0 }
#tourwrapper { width: 100%; border: 0; margin: 0 auto; }
.pink { color: #FF009C; }
.black { color: #000; font-weight: bold; }
.yellow { color: #FEFD67; }
.between { width: 914px; height: 20px; margin: 0; padding: 0; }
#getpass { width: 947px; height: 188px; margin: 0 auto; padding: 0; }

/* FONT-SIZING NOTE
For cross browser compatibility, a font-size:62.5% rule has been set up on the entire document.
This makes 1em be equal to 10px on all browsers. If sizing needs to be adjusted please keep this in mind.
For example: 14px would be 1.4em
*/

/* 1E6 Hacks
----------------------------------------------------------------------------- */
.ie6gap4 { margin-bottom: -4px; }
.ie6gap5 { margin-top:6px; }
.ie6gap7 { margin-bottom: -7px; }
.ie7gap5 { margin-top:75px; }
.ie7gap5bot { margin-top:55px; }
* html .vote h2 { margin-right: 5px; }
* html .episode2col .thumbsright { padding-right: 15px; }
* html .ie6fx { margin-top:3px; position:relative; top:-25px }
*+html .ie6fx { position:relative; top:-25px }
* html .thumbsright .flashbox { margin: 0 auto 0 auto; } 
* html ul.twothumbs { margin: 5px 0 0 -3px; }
* html ul.twothumbs li { margin-right: 4px; }
* html .ie6szfx { height: 278px; border: 2px solid black; margin-top: 1px; }
* html .click, * html .click2 { margin-top:5px; }
* html #footer { margin-top: 35px; }
* html #modelpagetop h2 { margin-top: 0; }
.ie7gap6 { margin-top: -5px; }
.ie7topmg { margin-top: 5px; }

/* BLACKBAR
----------------------------------------------------------------------------- */
#blackbar { width: 100%; height: 33px; margin: 0 auto; padding: 0; background: #000 url(../images/bg_blackbar.jpg) top repeat-x; }
#blackbar h1 { color: #FFFFFF; font-size: 1.6em; font-weight: lighter; text-align: center; margin: 0; padding-top: 8px; }

/* HEADER
----------------------------------------------------------------------------- */
#mainheader { width: 100%; height: 278px; padding: 0; margin: 0; background: url(../images/header.jpg) no-repeat center; }
#toptagline { width: 960px; height: 47px; padding: 0; margin: 0; display: block; }

/* JOIN PAGE
----------------------------------------------------------------------------- */
#joinheader { width: 960px; height:294px; margin-right: auto; margin-left: auto; }
#joinheader #leftjoin { width: 435px; height: 294px; float: left; }
#joinheader #rightjoin { width: 525px; height: 294px; float: right; }
#jointag { width: 927px; height: 61px; text-indent: -9999px; font-size: 1.8em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 15px; background: #000 url(../images/bg_jointag.jpg); margin: 0 auto; }
#joinformarea { width: 882px; height: auto; padding: 15px; text-align: center; font: normal 14px Arial, Helvetica, sans-serif; color: #000; background: #fff; border: 1px solid #c69861; margin: 15px auto; }

/* NAVIGATION
----------------------------------------------------------------------------- */
#navigation { width: 927px; height: 61px; display: block; overflow: hidden; background: #000; margin: 0 auto 5px auto; padding: 0; }
.roll1 { display: block; width: 265px; height: 61px; background: url(../images/nav_members.jpg) no-repeat; text-indent: -9999px; float: left; }
a.roll1:link, a.roll1:visited, a.roll1:active { background:url(../images/nav_members.jpg) no-repeat; }
a.roll1:hover { background-position: -265px 0; }
.roll2 { display: block; width: 311px; height: 61px; background: url(../images/nav_access.jpg) no-repeat; text-indent: -9999px; float: left; }
a.roll2:link, a.roll2:visited, a.roll2:active { background: url(../images/nav_access.jpg) no-repeat; }
a.roll2:hover { background-position: -311px 0; }
.roll3 { display: block; width: 351px; height: 61px; background: url(../images/nav_models.jpg) no-repeat; text-indent: -9999px; float: left; }
a.roll3:link, a.roll3:visited, a.roll3:active { background: url(../images/nav_models.jpg) no-repeat; }
a.roll3:hover { background-position: -351px 0; }

/* EPISODE INTERFACE
----------------------------------------------------------------------------- */

.topepisodeinterface { width: 965px; height: 815px; background: url(../images/bg_episode.png) no-repeat; margin: 0 auto; margin-top:10px; }
.bottomepisodeinterface { width: 965px; height: 815px; background: url(../images/bg_episode.png) no-repeat; margin: 0 auto; }
.episode2col { width: 965px; height: 655px; margin: 0 auto; }

.episode2col .infoleft { width: 400px; height: 600px; display: block; float: left; background: url(../images/bg_infoleft.jpg) no-repeat 30px 50px; padding: 50px 0 0 20px; border:0px solid red; }
.description p { width: 370px; height: 187px; display: block; overflow: hidden; }
.infoleft h1 { width: 350px; height: 30px; font-size: 2.5em; color: #FF009C; text-align: left; margin: 0 0 0 10px; padding: 0; }
.infoleft p { width: 350px; font-size: 1.5em; color: #000000; text-align: left; margin: 0 0 0 10px; padding: 0; display:block; overflow:hidden; line-height:20px; }
.topthumb { margin:50px 2px 2px 0; }
.vote { width: 512px; height: 16px; display: block; margin-top: 0; margin-left: 10px; }
.vote h2 { font-size: 1.6em; text-align: right; float:right; margin: 0; letter-spacing:0.6px }
.vote h2 b { color:#f09 }
.infoleft img { float:left; border: 1px solid #000; margin-top:3px }
.infoleft .hdthumb { padding-top:26px }
ul.rating { width: 140px; float: right; margin: 0 0 5px 0; padding: 0; }

ul.rating li { list-style-type: none; float: right; display: inline; margin: 0; padding: 0; }
ul.rating li.star { width:26px; height:26px; float:left; cursor:pointer }
ul.rating li.on { background: url(../images/star_on.gif) no-repeat }
ul.rating li.off { background: url(../images/star_off.gif) no-repeat }
ul.rating li.over { background: url(../images/star_over.gif) no-repeat }
.episode2col .thumbsright { width: 513px; height: 600px; float: right; padding: 12px 30px 0 0; border:0px solid red; }


/* flash container */
.topepisodeinterface img, .bottomepisodeinterface img { border: 2px solid #000; }
.flashbox { width: 512px; height: 384px; margin: 16px 0 0 0; padding: 0; display: block; border: 2px solid #000 }
/* slideshow container */

.scrollable-image {
  overflow: hidden;
  width: 514px;
  height: 386px;
  position: relative;
}
.scrollable-image span {
	display: block;
	width: 2056px;
	height: 386px;
	position: absolute;
	top:0; left:0;
}
.scrollable-image span img { float:left; border:none }
.thumbsright .slideshowbox { position: relative; width: 514px; height: 386px; border: 2px solid #000; margin: 0 auto; padding: 0; display: block; overflow: hidden; }
*+html .thumbsright .slideshowbox { margin-top:15px }
.thumbsright .slideshowbox .arrow-left {
	position: absolute;
	left:0; top:0;
	width: 67px;
	height: 384px;
	background: url(../images/ss-left.png) no-repeat;
	cursor: pointer;
}
.thumbsright .slideshowbox .arrow-right {
	position: absolute;
	right:-1px; top:0;
	width: 67px;
	height: 384px;
	background: url(../images/ss-right.png) no-repeat;
	cursor: pointer;
}
ul.twothumbs { width: 530px; height: 274px; list-style-type: none; margin: 2px 0 0 -4px; }
ul.twothumbs li { width: 252px; height: 274px; display: inline; text-align: left; float: left; margin: 3px 8px 0 4px; }
ul.twothumbs li.endthumb { width: 252px; margin: 3px 0 0 1px; }
.click, .click2 { width: 929px; height: 63px; margin: 70px auto 0 auto; }
.click2 { margin-top: 75px; }
.click img, .click2 img, #getpass img, .modelnav img { border: 0; }


/* FOOTER
----------------------------------------------------------------------------- */
#footer { width: 947px; height: 303px; display: block; margin: 175px auto 0 auto; padding: 0; margin-top:20px; }
#footer img { margin: 0; padding: 0; border: 0; float:left }
#modelfooter { width:947px; height: 303px; display: block; margin: 0 auto; padding: 0; }
#modelfooter img { margin: 0; padding: 0; }


/* TOP MODELS BOX
----------------------------------------------------------------------------- */
#modelbox { width: 946px; height: 360px; margin: 0 auto; background: #00B93A url(../images/bg_modelbox.png) no-repeat; text-align: center; }
/* model box navigation */
ul.modelnav { width: 828px; height: 40px; list-style-type: none; margin: 0 auto 0 auto; padding: 30px 0 0 0; }
ul.modelnav li { display: inline; float: left; }
ul.modelnav li.arrows { width: 54px; height: 60px; }
/* hide previous arrow by replace the arrows class with arrows-off */
ul.modelnav li.arrows-off { width: 54px; height: 40px; visibility: hidden; }
ul.modelnav li.middle { width: 720px; height: 40px; font-size: 3em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; margin-top: 5px; }
/* model thumbs */
ul.modelthumbs { width: 828px; height: 246px; list-style-type: none; margin-right: auto; margin-left: auto; font: bold 15px Arial, Helvetica, sans-serif; color: #fff; padding:0; }
ul.modelthumbs li { width: 160px; height: 246px; display: inline; float: left; text-align: center; background: #000; margin-right: 7px; }
ul.modelthumbs li.lastmodel { margin-right: 0px; }
ul.modelthumbs li img { margin-top: 2px; margin-bottom: 10px; }
ul.modelthumbs li a { text-decoration: none; color: #9DD8EF; }
ul.modelthumbs li a:hover { text-decoration: none; color: #FFEE5E; }


/* MODELS PAGE
----------------------------------------------------------------------------- */
#modelpagetop { width: 975px; height: 90px; background: url(../images/models_top.png) no-repeat; margin: -5px 0 15px 0; }
#modelpagetop h2 { font-size: 3em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; margin-top: 10px; padding-top:30px; }
#modelpagewrap { width: 975px; height: 500px; background: url(../images/bg_models.png) repeat-y; margin-top: -15px; }
#modelpagebot { width: 975px; height: 30px; background: url(../images/models_bot.png); }
#modelpagetop, #modelpagewrap, #modelpagebot { margin-right: auto; margin-left: auto; text-align: center; }

/* model page thumbs */
ul.mpagethumbs { width: 828px; height: 250px; list-style-type: none; margin-right: auto; margin-left: auto; font: normal 15px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 7px; }
ul.mpagethumbs li { width: 160px; height: 240px; display: inline; float: left; text-align: center; background: #000; margin-right: 7px; }
ul.mpagethumbs li.lastmodel { margin-right: 0px; }
ul.mpagethumbs li img { margin-top: 2px; margin-bottom: 6px; }
ul.mpagethumbs li a { text-decoration: none; color: #9DD8EF; font-weight: bold; }
ul.mpagethumbs li a:hover { text-decoration: none; color: #FFEE5E; }