body {
	background-color: #111;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin:0px;
	font-size: small;
	width:100%;
	min-width:650px;

}
#top{
	margin:0px;
	text-align:right;
	background-color: #000;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;
	vertical-align:bottom;
	background-image: url(images/shadow1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#top h1{
	margin-right:15%;
	margin-top:0px;
}

h1 {
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	font-style: italic;

}

h2 {
	margin-top:20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: center;
}

h3, h4 {
	color: #FFFFFF;
	background-image: url(images/h3logo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	padding-left: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
	padding-top:4px;
	padding-bottom:2px;	
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	font-size:100%;
	margin-top:0px;
	
	
}

h5, h6 {
	color: #6699CC;
}

a:link{
	color: #FFCC33;
	text-decoration:none;
}
a:visited{
	color: #FFCC33;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color: #FFFFFF;

}
#login{
text-align:right;
background-color:#fff;
padding-right:10px;
padding-bottom:4px;
}
/* ***************Menu Bar*******************/
.menu{
background: url(images/linkback.gif) center center repeat-x; /*THEME CHANGE HERE*/
margin:0px;
font:normal 11px Verdana;
color:#fff;
width:100%;
}

.menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.menu ul{
padding-top:4px;
padding-bottom :4px;
margin: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
min-width:420px;
}

.menu ul li{
display: inline;
border-left: 1px groove #666;
border-right: 1px groove #666;
padding-top:4px;
padding-bottom :4px;}

.menu ul li a{
color: #fff;
padding: 4px 15px;
margin: 0px;
text-decoration: none;
 
}

.menu ul li a:hover, .menu ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/linkon.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
background: url(images/linkback.gif) center center repeat-x;
position:absolute;
top: 0;
padding-top: 3px;
padding-bottom: 3px;
 /*THEME CHANGE HERE*/
font:normal 10px Verdana;
line-height:15px;
z-index:100;
background-color: #000;
border: 1px solid #666;
visibility: hidden;
 /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
/*width: auto;
display: block;
text-indent: 3px;*/
padding: 0px;
text-decoration: none;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #666;
}


#content{
	padding:20px;
	margin-left:0px;
	color: #fff;
	vertical-align: top;
	text-align: left;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}

.rightgroove {
	border-right: 1px groove #333;
	padding: 4px;
	
}
.leftgroove{
border-left: 1px groove #333;
padding: 4px;
}
#home{
	padding: 4px 15px;
	background-color: #999;
	background-image: url(images/linkon.gif);
	background-repeat: repeat-x;
	border-width: 1px;
	border-top-style: none;
	border-right-style: groove;
	border-bottom-style: none;
	border-left-style: groove;
	border-color: #333333;
	
}

#bottom{
	clear:both;
	position: relative;
	bottom: 0px;
	padding:5px;
	font-size:12px;
	text-align:center;
	
}
#bottomlinks a {
	padding-right: 10px;
	padding-left: 10px;

}

*html #bottom {
position: absolute;
bottom: 0px;
text-align:center;
}
.photo {
	background-color: #FFFFFF;
	border: 2px solid #666666;
	padding: 10px;
	margin: 10px;
}
#topescorts {
	border: 1px none #999999;
	position: absolute;
	left: 10px;
	float: left;
	top: 100px;


}


.title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
}
.phone {
	font-size: 26px;
	font-family: "Monotype Corsiva";

}
.times {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-left: 30px;

}

.small{
padding-top:10px;
font-size: 10px;
}

#info {
	font-size:90%;
	background-color: #111222;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;

}

#info td {
	padding: 4px;
	vertical-align: top;
	text-align: left;


}
/* *************************Gallery****************************/

/* gallery-specific styles */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	font-size: 0.8em;
	margin-top:5px;
	
}
/* gallery container */
.gallery a:link{
	text-decoration: none;
	color: #fff;
}
.gallery a:visited{
	text-decoration: none;
	color: #FFCC33;
}
.gallery a:hover{
	text-decoration: none;
	color:#fff;
	background-color: #111;
}
.gallery a img {
	border: 1px solid #fff;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.5em;
	padding-top: 8px;
	vertical-align: top;
	min-width: 100px;
	min-height: 170px;
	        /* a bit larger than highest img */
	
	width: 10em;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #000;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	text-align:center;
}


/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	       /* makes each box a consistent height */
	padding-bottom:3px;
	padding-top:2px;
	text-align: center;
	font-style: normal;
	line-height: 110%;     /* standard spacing 
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: auto; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */
.warn {
	font-weight: bold;
	color: #FF3300;
}
.smallwarn {
	font-size: x-small;
	color: #FF3300;
}
li{
 text-align:left;
}
/* ***************Profile Page*******************/
#escortdetails {
	background-color: #000000;
	border: 1px solid #999;
	width: 700px;
	

}

#details{	
	text-align: left;
	padding: 10px;
}
#details p{
	color: #fff;
	margin: 4px 0px;
	border-bottom: 1px solid #ccc;
	padding:4px;
}
.detail {
	color: #CCCCCC;
	padding-right: 4px;

}
#rates {
	
	border: 1px double #666666;
	width: 190px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	text-align:left;
}
#rates p{
	margin:5px;
	text-align:left;
}

#contactdetails {
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px solid #333;
	clear:both;
}
#contactdetails p {
	border: 1px none #CCC;
	margin:2px;

}
#contactdetails h4 {
	font-size: large;
	font-weight: bold;
	color: #fff;
	margin:5px;
}
/* ***************General*******************/

.blackbox{
border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-bottom: 1px solid #111;
	border-right: 1px solid #111;
	background-color: #000;
text-align:justify;
font-family:  Arial, Helvetica, sans-serif;
font-size:100%;
width:*;
margin-top:5px;
position:relative;
}
.blackbox p{
	margin:5px;
}
#bottom .blackbox{
	text-align:left;
	margin-left:5%;
	margin-right:5%;
}
.headbox{
	color:#fff;
	font-weight: bold;
	border: 1px solid #666;
	padding-right:8px;
	padding-left:8px;
}
.photoframe{
	padding:5px;
	background-color:#FFFFFF;
	margin:10px;
}
#thread{
text-align:left;
padding-top:5px;
padding-left:10px;
font-size:80%;

}
#leftlinks{
float:left;
margin-right:10px;
border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #000;text-align:left;
padding:10px;
width:120px;}

#rightbox{
	float:right;
	max-width:240px;
	padding:5px;
	margin:10px;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:90%;
	position:absolute;
	right: 5px;
	overflow: hidden;
	top: 100px;	
}
.button {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background-color: #000;
		border: 1px solid #666;
		font-size: 12px;
		padding-left:3px;
		padding-right:3px;
	}
.details{
width:200px;;
float:left;
padding: 4px 15px;
position:relative;

}

.rate{
margin-left:28px;
}
#rates h4{
margin:5px;
}
#escortphoto{
	padding: 10px;
	text-align:left;
	border:none;
	vertical-align:top;
	/*min-width:440px;*/
}
#escortphoto p{
	margin:0px 0px 330px 0px;
	
}
label { width: 10em; float: left; }
label.error { float: none; color: #cc0000; padding-left: .5em; vertical-align: center; }
label.error {
	background: url('images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	font-size:12px;
	text-align:left;
}
label.valid {
	background: url('images/checked.gif') no-repeat;
	width: 16px;
	height: 16px;
}
.errortext{color:red;
background: url('images/unchecked.gif') no-repeat;
		font-size:90%;
		height: 16px;
		padding-left: 16px;
}
input.error { border: 1px solid  #cc0000; }
select.error { border: 1px solid  #cc0000; }
textarea.error { border: 1px solid  #cc0000; }
