body {
text-align: center;
background: url(images/gradient_bg.png);
background-repeat: repeat-x;
margin: 0;
margin-bottom: 0;
}

#topHead {
width: 875px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
margin-top: 0;
padding: 0;
background: url(images/vidal_header.jpg) no-repeat;
height: 175px;
}

#menuSpan {
text-align: center;
background: url(images/top_gradient_bg.png) repeat-x;
background-repeat: repeat-x;
margin: 0;
height: 30px;
}


#menuSpanHeader {
text-align: left;
background: url(images/hotsexyblackstudeheader.png) no-repeat;
margin: 0;
width:875px;
margin-left: auto;
margin-right: auto;
height: 30px;
}




#menuContainer {
width: 875px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 7px;
height: 12px;
text-align: left;
font: 7.5pt arial, sans-serif;
font-weight: bold;
color: #ffffff;
}


#menuContainer a {
font: 7.5pt arial, sans-serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding-right: 2px;
padding-left: 2px;
}

#menuContainer a:hover {
font-weight: bold;
color: #990000;
text-decoration: none;
}

#bodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/vidal_main_graphic.jpg) no-repeat;
height: 698px;
}


#ContactbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/contact-new_main_graphic.jpg) no-repeat;
height: 698px;
}



#RatesbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/rates1_main_graphic.jpg) no-repeat;
height: 698px;
}


#LinksbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/links2_main_graphic.jpg) no-repeat;
height: 698px;
}

#MassagebodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/massage-new_main_graphic.jpg) no-repeat;
height: 698px;
}



#InterviewbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/interview-new_main_graphic.jpg) no-repeat;
height: 698px;
}


#VideobodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/videos-new_main_graphic.jpg) no-repeat;
height: 698px;
}

#PaymentbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/video_main_graphic.jpg) no-repeat;
height: 698px;
}


#DVDbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/dvd-new_main_graphic.jpg) no-repeat;
height: 698px;
}

#StatsbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/stats_main_graphic.jpg) no-repeat;
height: 698px;
}


#GalleriesbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/sexy1_main_graphic.jpg) no-repeat;
height: 698px;
}


#ServicesbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/machoguy3_main_graphic.jpg) no-repeat;
height: 698px;
}


#BlogbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/vidal---blog-main-graphic.jpg) no-repeat;
height: 698px;
}



#TravelbodyContainer {
width: 875px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background: #eceaed url(images/travel-main-graphic.jpg) no-repeat;
height: 698px;
}

#textContainer {
text-align: left;
width: 500px;
padding-top: 15px;
margin: 0;
padding-left: 10px;
}



p {font: 11pt arial, sans-serif; color: #000000;}

a {color: #000000; text-decoration: none; font-weight: bold;}

a:hover {color: #990000;}

#footer {text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 0; height: 100px; font: 8pt arial, sans-serif; color: #999999; width: 875px; background:url(images/footer_background.jpg) no-repeat;}

#footerContainer {padding-top: 30px;} 

img {border: 0;}

img a {border: 0;}


ul.massage {padding-top:25px; padding-bottom: 25px; width: 425px;}

li.massage {font: 11pt arial, sans-serif; color: #000000; }



/*------- CUSTOM SCROLL ----------------*/



#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 450px;
height: 500px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
}





.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #666666;
}
.vscrollerbar {
width: 10px;
background-color: #999999;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #666666;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}




/*------- Lists ----------------*/

dl, ul
{
  padding-top: 5px;
	 padding-bottom: 5px;
	padding: 5px;
	text-align: left;
	font: 10pt arial, sans-serif;
	padding-left: 25px;
	}

li
{
  list-style: none;
}

#container li
{
  padding: 5px 0 10px 35px;
  font-style: italic;
}

#container *>li
{

}

dt
{
  font-variant: small-caps;
}

dd
{
  margin: 0 10px 10px;
	}

	.hoursAvailabilityTable {
	text-align: center;
	width: 350px;
	font-weight: bold;
	}
	
	.hoursAvailabilityTable td {
	text-align: center
	}
	
	
	.hoursRatesTable  {
	width: 350px;
	}
	
	.ratesAmountTD {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	}
	
	.ratesHoursTD {
	text-align: right;
	vertical-align: top;
	}
	
	.inputTextValue {
	width: 50px;
	}
		
/*--- Interview ---*/

ul li.question {display:block;	
	margin-left: -20px;
	padding-left: 10px;
	padding-top: 20px;
	list-style-type:none;
	font: 12pt arial, sans-serif;
	color: #ff8533;
	/*color:#333333;*/	
	font-weight:bold;
	font-style:italic;
	text-align:left;
	}
	
ul li.answer {display:block;	
	margin-left:0px;
	padding-left: 30px;
	padding-top: 20px;
	background:url(images/v-answer_tm.gif) no-repeat 0 8px;
	list-style-type:none;
	font: 12pt arial, sans-serif;
	color:#000000;	
	text-align:left;
	}
	
ul li p {font: 12pt arial, sans-serif; color: #000000;}	

table.Gallery {padding: 0px;  text-align: center;}
table.Gallery td {padding: 5px; margin: 0;}
table.Gallery td img {border: none;}

p.GalleryNote {text-align: center; font: 10pt arial, sans-serif; color: #000000; margin-top: 10px; font-style: italic;}


/* Age Verifcation */


/* FONT SIZES */
body, td, th {
	font-size:11;
	color:#333333;
	font-family: "trebuchet MS", verdana, sans-serif;
}
h1, .h1 { font-size:28 }
h2, .h2 { font-size:24 }
h3, .h3 { font-size:18 }
h4, .h4 { font-size:14 }
h5, .h5 { font-size:12 }
h6, .h6 { font-size:10 }
.vs { font-size:9 }


/* COLORS AND LINK STYLES*/
a:link.ulink, a:visited.ulink, a:hover, a:hover.link { text-decoration:none }
a:link, a:visited, a:hover.ulink { text-decoration:underline }
a:link, a:visited { color:#222 }
a:hover { color:#ff6600 }
.gray, a:link.gray, a:visited.gray { color:#333 }
a:hover.gray { color:#A2A2A2 }
.white, a:link.white, a:visited.white, a:hover.white { color: #FFFFFF }
.ltgray, a:link.ltgray, a:visited.ltgray { color:#666 }
.vltGray { color:#999 }
a:hover.ltgray { color:#333 }
.red, a:link.red, a:visited.red { color:#840C10 }
a:hover.gray { color:#666 }
a:hover.red, a:hover.blue, a:hover.orange { color:#333 }
.orange, a:link.orange, a:visited.orange, a:hover.BlkOrange { color:#F56E14 }
.blue, a:link.blue, a:visited.blue, a:hover.BlkBlue, a:hover.grayBlue { color:#104389 }
.blk, a:link.blk, a:visited.blk, a:hover.blk, a:hover.blk { color:#000 }
a.img, a:link.img, a:visited.img {
	text-decoration:none;
	display:inline-block;
	border:1px solid #999;
}
a:hover.img {
	border-color:#F56E14;
	text-decoration:underline;
}


/* BORDERS AND BACKGROUNDS */
.border { border:0px solid #666 }
.whitebg { background-color:#FFF }
.ltGrayBg { background-color:#CDCDCD }
.grayBg { background-color:#A2A2A2 }
.orangeBg { background-color:#F56E14 }
.blueBg { background-color:#104389 }
.blueBorder { border:1px solid #104389 }
.LtGrayBg {background-color:#DBDBDB }
.VltGrayBg {background-color:#E5E5E5 }


/* a generic vertical line for separating table columns, use with any bg color */
.ColumnSpacer{
	width:1;
	height:100%;
	margin-top:11;
}



/* PADDING AND SPACING */
form { margin:0 }
.select { margin:1 0 0 0 }
.input.chk { height:14; width:14 }
p { margin:8 0 }
hr { height:1 }
.nowrap { white-space:nowrap }
.justify, .just { text-align:justify }
.abs { position:absolute }
.rel { position:relative }


/* Used throughout FAQ pages */
ul { margin:0; padding:6 0 0 16 }
ol { margin:0 0 0 6; padding:6 0 0 16 }
li { margin:0 0 4 0 }
.ul2 { margin:0; padding:3 0 0 16; list-style-type:square }



/* BUTTON STYLES */
.butn, a:link.butn, a:visited.butn, a:active.butn, .smbutn, a:link.smbutn, a:visited.smbutn, a:active.smbutn {
	background-color: #DDD;
	border: 1px outset #CCC;
	text-decoration:none;
	position:relative;
	font-weight:bold;
}
a:hover.butn, a:hover.smbutn { background-color:#BBB ; border:1px inset #DDD }
.smbutn {
	font-size:9;
	height:15;
	line-height:10px;
}


a:link.buyButn, a:visited.buyButn, a:hover.buyButn {
	color:#FFFFFF;
	background-color:#840C10;
	border:1px solid #840C10;
	font-size:10;
	font-weight:bold;
	white-space:nowrap;
	padding:2 10 3 6;
	text-decoration:none;
	display:block;
}
a:hover.buyButn {
	color:#840C10;
	background-color:#DDD;
	border:1px solid #840C10;
}
span.buyButn { margin:2 0; display:inline-block }





/* MISC */
@media print { .noprint { visibility:hidden; width:0; height:0 } }
.transp { filter:alpha(opacity=85); opacity:.85; -moz-opacity:0.85 }
div.scrollBox { overflow:scroll; border:1px solid #666 }
div.scrollBoxBase { height:17; top:-17; position:relative; border-top:1px solid #666; background-color:#FFF }
.icon { position:absolute; margin-left:120 }

/* POPUP DIV CSS */
.popDiv, .popUpHdr, .popUpBody, .popUpHdrBg { position:absolute; overflow:hidden }
.popUpBody, .popUpChk, .popUpHdrBg { background-color:#868686; filter:alpha(opacity=97); opacity:.97; -moz-opacity:0.97  }
.popUpHdr { color:#FFF; font-weight:bold; text-align:left; width:100%; padding:1 0 1 4; cursor:hand }
.popUpChk { position:relative; border:0px outset #999; left:2; float:right; z-index:1; margin:0 }
.popUpBody { color:#000; height:100%; width:100%; border:0px inset #CCC; top:15 }
.popDiv { border:0px #CCC }