/* DEFAULT TOUR STYLING */
body { margin:0; padding:0; background:#ffe9c4  url(../images/bg.jpg) repeat }
a { outline:none }
.clear { clear:both }
* { padding:0; margin:0 }
img { border:0 }
#tourwrapper { width:960px; margin-right:auto; margin-left:auto; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-top-width:0; border-top-style:none }
.pink { color:#de3950; font-size:18px; padding-right:2px }
.black { color:#000; font-weight:bold }
.yellow { color:#ffd400 }
.between { width:914px; height:20px; margin:0; padding:0 }
#getpass { width:850px; height:112px; margin:25px auto }

/* 1E6 Hacks */
.ie6gap4 { margin-bottom:-4px }
.ie6gap7 { margin-bottom:-7px }

/* HEADER */
#mainheader { width:960px; height:455px; padding:0; margin:0 }
#mainheader img { float:left }
#toptagline { width:960px; height:47px; padding:0; margin:0; display:block }
.toptext { width:900px; margin:0 auto 12px auto; color:#562e1d; font-size:14px }
.toptext b { display:block; font-size:18px; text-transform:uppercase; text-align:center; margin-bottom:4px }

/* 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:960px; height:50px; text-align:center; font:bold 18px/50px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:15px; background:#e6373f url(../images/bg_jointag.jpg) }
#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-right:auto; margin-left:auto; margin-bottom:15px }

/* NAVIGATION */
#navigation { width:960px; height:60px; display:block; overflow:hidden; background:#FFF; margin:0 auto; padding:0 }
.roll1 { display:block; width:362px; height:60px; background:url(../images/nav_members.png) no-repeat; text-indent:-9999px; float:left }
a.roll1:link, a.roll1:visited, a.roll1:active { background:url(../images/nav_members.png) no-repeat }
a.roll1:hover { background-position:-362px 0 }
.roll2 { display:block; width:292px; height:60px; background:url(../images/nav_access.png) no-repeat; text-indent:-9999px; float:left }
a.roll2:link, a.roll2:visited, a.roll2:active { background:url(../images/nav_access.png) no-repeat }
a.roll2:hover { background-position:-292px 0 }
.roll3 { display:block; width:306px; height:60px; background:url(../images/nav_models.png) no-repeat; text-indent:-9999px; float:left }
a.roll3:link, a.roll3:visited, a.roll3:active { background:url(../images/nav_models.png) no-repeat }
a.roll3:hover { background-position:-306px 0 }

/* HEADER TEXT INTRO */
#intro { width :960px; height:82px; display:block; background:#FFFFFF url(../images/intro.jpg) no-repeat; margin:0 auto }
#intro h4 { font:normal 14px Georgia, Times, serif; color:#000; text-align:left; margin-left:235px; margin-right:33px; padding-top:15px }

/* EPISODE INTERFACE */
.episodeinterface { width:914px; height:719px; background:#ffe9c4 url(../images/bg_episode.png) no-repeat; margin-right:auto; margin-left:auto }
.episode2col { width:914px; height:655px; margin-right:auto; margin-left:auto }
.episode2col .infoleft { width:275px; height:655px; float:left; padding-left:38px }
.infoleft h1 { width:313px; height:40px; font:bold 25px/40px Arial, Helvetica, sans-serif; color:#e6171d; text-align:center; margin:38px 0px 0px; padding:0 }
.infoleft p { width:293px; height:144px; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#562e1d; text-align:left; margin:0 0px 0px 10px; padding:0 }
.infoleft .rating { width:95px; height:25px; background:url(../images/rating.gif); margin-left:10px }
.infoleft h2 { height:25px; font:bold 13px/25px Arial, Helvetica, sans-serif; color:#562e1d; text-align:left; margin:0 0px 0px 10px; padding:0 }
.infoleft ul.stats { width:300px; height:100px; list-style-type:none; font:13px/25px Arial, Helvetica, sans-serif; color:#562e1d; text-align:left; margin-left:10px; margin-top:20px; margin-bottom:23px }
.infoleft ul.stats li { height:25px }
.infoleft ul.stats li.first { height:25px; margin:0; padding:0 }
.infoleft ul.stats li a { color:#209ac2; text-decoration:underline }
.infoleft .vote { width:290px; height:16px; display:block; margin-top:5px; margin-left:10px }
.infoleft .hdthumb { width:309px; height:207px; border:2px solid #000 }
* html .infoleft .hdthumb { position:relative; top:3px }
/* on, off, and over div's for the pepper graphics */
.vote div { cursor:pointer }
.vote .pepper-on { width:29px; height:16px; background:url(../images/pepper_on.gif) no-repeat; float:left }
.vote .pepper-off { width:29px; height:16px; background:url(../images/pepper_off.gif) no-repeat; float:left }
.vote .pepper-over { width:29px; height:16px; background:url(../images/pepper_over.gif) no-repeat; float:left }
.episode2col .thumbsright { width:533px; height:655px; float:right; padding-right:30px }
/* flash container */
.thumbsright .flashbox { width:511px; height:384px; border:2px solid #000; margin:38px auto 0px; padding:0; display:block }
/* slideshow container */
.thumbsright .slides  { position:relative; width:512px; height:384px; border:2px solid #000; margin:38px auto 0px; padding:0; display:block; overflow:hidden }
.thumbsright .slides .slideshowbox { position:relative; width:512px; height:384px; overflow:hidden }
.thumbsright .slides .slideshowbox span { display:block; width:2048px; height:384px }
.thumbsright .slides .slideshowbox span img { float:left }
.thumbsright .slides .arrow-left { position:absolute; left:0; top:0; width:54px; height:384px; background:url(../images/ss_left.png) no-repeat; cursor:pointer }
.thumbsright .slides .arrow-right { position:absolute; right:-1px; top:0; width:54px; height:384px; background:url(../images/ss_right.png) no-repeat; cursor:pointer }
ul.threethumbs { width:516px; height:211px; list-style-type:none; margin-right:auto; margin-left:auto; margin-top:9px }
ul.threethumbs li { width:175px; height:211px; display:inline; text-align:left; float:left }
ul.threethumbs li.endthumb { width:166px }
ul.threethumbs li img { border:2px solid #000 }
.click { width:836px; height:37px; margin-right:auto; margin-left:auto }

/* FOOTER */
#footer { width:960px; height:243px; display:block; margin:0 auto; padding:0 }
#footer img { margin:0; padding:0 }

/* TOP MODELS BOX */
#modelbox { width:913px; height:400px; margin-right:auto; margin-left:auto; background:#2ac5cc url(../images/bg_modelbox.jpg) no-repeat; text-align:center }
/* model box navigation */
ul.modelnav { width:828px; height:73px; list-style-type:none; margin-right:auto; margin-left:auto; padding-top:32px }
ul.modelnav li { display:inline; float:left }
ul.modelnav li.arrows { width:54px; height:73px }
/* hide previous arrow by replace the arrows class with arrows-off */
ul.modelnav li.arrows-off { width:54px; height 73px; visibility:hidden }
ul.modelnav li.middle { width:720px; height:73px; font:bold 30px/73px Arial, Helvetica, sans-serif; color:#fff }
/* 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; margin-top:7px }
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:0 }
ul.modelthumbs li img { margin-top:2px; margin-bottom:10px }
ul.modelthumbs li a { text-decoration:none; color:#ffd400 }
ul.modelthumbs li a:hover { text-decoration:none; color:#e8463c }

/* MODELS PAGE */
#modelpagetop { width:914px; height:71px; background:url(../images/models_top.jpg) no-repeat; font:bold 40px Arial, Helvetica, sans-serif; color:#fff; padding-top:50px }
#modelpagewrap { width:914px; height:auto; background:url(../images/bg_models.jpg) repeat-y; padding-bottom:7px;  }
#modelpagebot { width:914px; height:47px; background:url(../images/models_bot.jpg) no-repeat }
#modelpagetop, #modelpagewrap, #modelpagebot { margin-right:auto; margin-left:auto; text-align:center }

/* model page thumbs */
ul.mpagethumbs { width:828px; height:240px; 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:0 }
ul.mpagethumbs li img { margin-top:2px; margin-bottom:6px }
ul.mpagethumbs li a { text-decoration:none; color:#ffd400; font-weight:bold }
ul.mpagethumbs li a:hover { text-decoration:none; color:#e8463c }

.copyfooter { width:800px; margin:0 auto; font:normal 12px arial; color:#562e1d; margin-bottom:12px; text-align:center }
.copyfooter a { color:#e6171d }
.copyfooter a:hover { text-decoration:none }