/* MAIN TOUR STYLE */
body { margin:0; padding:0; background: #ccc url(images/bg.jpg) repeat; }
a { outline:none }
#tourwrapper {
	background-color: #1b1b1b;
	width: 968px;
	margin: auto;
	border-color: #8c7d79;
	border-style: solid;
	border-width: 0 10px 10px;
}
#header img { float:left; }
.clear { clear:both }

.menu { width:100%; height:89px; color:#ddd }
.menu a {
	color:#ddd;
	text-decoration:none;
	display:block;
	width:166px; height:89px;
	float:left;
	position:relative;
}
.menu a:hover { text-decoration:underline }
.menu a span {
	display:block;
	position:absolute;
	top:0; left:0;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#1b1b1b;
	height:89px;
}
.menu a:hover span { background-position:0 -89px }
.menu .topmodels { width:350px }
.menu .members { width:223px }
.menu .join { width:229px }
.menu .home span { width:166px; background-image:url(images/nav-home.gif) }
.menu .topmodels span { width:350px; background-image:url(images/nav-favgirls.gif) }
.menu .members span { width:223px; background-image:url(images/nav-members.gif) }
.menu .join span { width:229px; background-image:url(images/nav-joinnow.gif) }

/* HEADER TEXT INTRO */
h1 {
	font: normal 13px arial, helvetica, sans-serif;
	color: #fff;
	text-align: center;
	display: block;
	width: 948px;
	margin-top: 0;
}

/* EPISODE INTERFACE */
.episodeinterface {
	background: #eb7c5e url(images/bg_episode.jpg) no-repeat;
	height: 874px;
	width: 939px;
	border: 2px solid #fff;
	margin: 0 auto;
	position: relative;
	font: normal 12px arial, helvetica, sans-serif;
	color: #000;
}
.episodeinterface .name {
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	display: block;
	padding-top: 12px;
}
.episodeinterface .intro {
	text-align: center;
	display: block;
	padding-top: 9px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.episodeinterface .episodebottom {
	height: 106px;
	width: 939px;
	margin:0 auto;
	clear: both;
	padding: 0;
	padding-bottom: 3px;
}
.episodeinterface .thumbtable { margin-top: 8px; }
.episodeinterface div.clip { width:800px; height:450px; border:1px solid #fff }
.thumbs { border: 1px solid #FFF; }
#mid { width: 960px; }

/* MODELS PAGE */
.modelsinterface {
	background: #8c7d79 url(images/episode_bg.gif) repeat-x;
	width: 939px;
	border: 2px solid #fff;
	margin: 0 auto;
	position:relative;
	height: 100%;
}
.modelsinterface .rowdisplay { width: 900px; margin-left: 20px; }
.modelsinterface .modelbox { text-align: center; width: 212px; background-color: #000; margin:10px 0 0 10px; float: left; }
.modelsinterface .modelboxempty { text-align: center; width: 212px; margin:10px 0 0 10px; float: right; height: auto; }
.modelsinterface .modelbox img { border: 1px solid #fff; margin-top: 5px; margin-bottom: 2px; }
.modelsinterface .modelbox h2 {
	text-align: center;
	font: normal bold 16px arial, helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0 0 3px 0;
}
.modelsinterface .modelbox h2 a { color: #acddff; }
.modelsinterface .modelbox h2 a:hover { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #CCCC00; }
.modelsinterface .clear { clear: both; }

/* FOOTER STUFF */
#footer { width: 968px; }
#email { font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; border: 5px solid #FFFFFF; }
#email .yellow { color: #FFFF00 }

/* JOIN PAGE */
#joinwrapper { background-color:#1b1b1b; width:750px; margin-right:auto; margin-left:auto; border-color:#8c7d79; border-style:solid; border-width:0 10px 10px; }
.joinforminterface { background-color: #eb7c5e; width: 720px; border: 2px solid #FFF; position:relative; margin: 15px auto; }
.joinforminterface h3 { font: normal 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; margin-top: 5px; margin-bottom: 5px; }

/* GALLERY */
.galleryscroll {
	float:left;
	display:inline;
	width:800px;
	height:450px;
	position: relative;
	border:1px solid #FFF;
}
.scrollable-image {
	width:800px;
	height:450px;
	overflow:hidden;
	position:relative;	
}
.scrollable-image span { display:block; width:3200px; height:450px }
.scrollable-image span img { float:left }
.arrow-left,
.arrow-right {
	width:31px;
	height:450px;
	cursor:pointer;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
}
.arrow-left {
  background-image:url(images/scroll-left.png);
  left:0;
}
.arrow-right {
  background-image:url(images/scroll-right.png);
  right:0;
}