/**********************************************************************************************

	Title: Katies Lovely Escorts 
	Author: Naughty Marketing
	Date: 2011

***********************************************************************************************

	1. CSS Reset
	2. General Elements
	3. Utility Classes
	4. Layout
		4.1 Header
		4.2 Navigation
		4.3 Article Style
		4.4 Footer		
		
***********************************************************************************************/

/* 1. CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Verdana, Calibri, Helvetica, Arial;
	vertical-align: baseline;
	color:#fff;
  }

/* 2. General Elements  */
body {
		background:url(images/background.jpg) center top #000 no-repeat;
}

a { color: #358dc8; text-decoration: none; }
a:hover, a:focus { color: #454545;  }
p {
	line-height: 20px;
	color: #fff;
	margin: 0 0 0px 0px;
}
.pageTitle {
	padding:7px 0;
	color:#358dc8;
			
}
h1 {
	font-size: 20px;
	color: #358dc8;
	padding:7px 0px;
	margin-bottom:5px;
}
h2 {
	font-size: 12px;
	color: #fff;
	margin: 0 0 5px;
}
h3 { font-size: 12px; color: white; margin: 0 0 5px; line-height: 24px;  }
h4 { font-size: 12px; color: #fff; margin: 0 0 5px;}
h4.getGirlsItem {text-align:center;}
.featured h4 {text-align:center;}
.clear { clear: both; }
.float_right { float: right; }
.highlight {
	color: #FFF;
}

/* LAYOUT */
#wrapper {
	position: relative;
	margin: 0px auto;
	width: 960px;
	min-height: 400px;
	padding: 0 5px 0px 0;

	
}
#header {
	height:140px;
}
#sideBar {
	width:222px;
	float:left;
	margin-right:5px;
}
#sideBar2{
	width:222px;
	float:right;
}


/* LOGO */
div#logo {
	overflow: hidden;
	height: 227px;
	width: 383px;
	margin: 0;
	position: absolute;
	z-index: 1000;
	top: 120px;
	left: 38px;
	padding: 15px;
}
div#logo2 {
	overflow: hidden;
	border: solid 1px #358dc8;
	border-top:0;
	padding:10px 0 0 10px;
	height: 71px;
	width: 400px;
	margin: 0;
	position: absolute;
	z-index: 1000;
	top: 1px;
	left: 522px;
	height: 33px;
	-moz-border-radius-bottomright:14px;
	-moz-border-radius-bottomleft:14px;
	border-bottom-right-radius:14px;
	border-bottom-left-radius:14px;
	font-size:18px;
	color:#fff;
	text-shadow:0 0 4px #FFF;
}
div#logo3 {
	overflow: hidden;
	height: 204px;
	width: 213px;
	margin: 0;
	position: absolute;
	z-index: 1000;
	top: 167px;
	left: 48px;
	padding: 15px;
	background:url(images/sticker.png) no-repeat;
}

h2#tagline { float: left; color: white; font-size: 14px; margin: 10px 0 0 130px; }

/* NAVIGATION */
ul#nav { height: 50px; width:740px; margin: 0 auto; }
ul#nav li {
	list-style:none;
	float: left;
    font-weight: bold;
    padding:0 18px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
	height:50px;
	margin-left:5px;
}
ul#nav li a { color: #358dc8; padding:0px; line-height:50px; font-size:12px; text-transform:uppercase; text-shadow:0px 0px 5px #000;}
ul#nav li a:active { position: relative; top: 1px; }
ul#nav li#current a, ul#nav li a:hover { 
  color: #fff; text-shadow:0px 0px 10px #358dc8;
}

.specialities {
	font-size:10px;
}
.thumbnailsProfile { float: left; width: 200px; margin: 0 10px 10px 0; }


#footer {
	clear: both;
	width:960px;
	height:100px;
	text-align: center;
	margin: 0 auto;
	border-top: solid 1px #358dc8;

}

/* MASTHEAD */
#heading
{
	width:960px;
	height:71px;
}
#masthead {
	height: 375px;
	width: 960px;

}

#contact { margin:0 auto; }
#navigation_bg
{
	height:50px;
	position: relative;
	z-index: 1000;
	width: 960px;
	background:url(images/navbg.png);
	border-top:solid 1px #358dc8;
	border-bottom:solid 1px #358dc8;

}
#content {
	margin:0 auto;
}
h2.newsTitle { }
h4.newsDate { color: #FFF; }

.newsItem {
  position:relative; text-align:left; color: white; margin: 0 0 10px;
}

.newsBody { margin-bottom: 20px; }

#pageCenter {
	position:relative;
	text-align:left;
	padding: 10px 5px 20px 0;
}

#pageBody p { color: #fff; text-align:justify;}

#pageRight {
	position:relative;
	text-align:left;
	color: #454545;
	padding:15px 10px 10px;
	background:url(images/locations.png) repeat-x;
	border: 1px solid #FFF;
	float: right;
}

div.getGirlsItem { position:relative; float:left;}
h3.getGirlsItem {text-align:center; padding-top:5px;}
#availabilityWrapper { position:relative; padding: 10px 0px; border-top: 1px solid #d8d8d8; margin: 20px 0; border-bottom: 1px solid #d8d8d8;}
#profileLeft {border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin-bottom:10px; padding-bottom:10px;}
#rateCardWrapper { position:relative; padding: 10px 0px; border-top: 1px solid #d8d8d8; margin: 20px 0; border-bottom: 1px solid #d8d8d8; }
div.availabilityDate {  position:relative; float:left; width:100px; font-family:arial; font-size:14px;}
#availabilityDaytimeLabel {  position:relative; float:left; width:140px; margin-left:100px; font-family:arial; font-size:14px;}
div.availabilityDaytime {  position:relative; float:left; width:140px; height:14px; text-align:left;}
#availabilityEveningLabel { position:relative; float:left; width:140px; margin-left:4px; font-family:arial; font-size:14px;}
div.availabilityEvening {  position:relative; float:left; margin-left:4px; width:140px; height:14px; text-align:left;}
.available {  background: green;}
.unavailable {  background: red;}
div.ratesItem {  position:relative; float:left; margin-left:4px; width:80px; text-align:left;}
#profileReviewsWrapper {  position:relative; width:400px; padding:20px 0px 20px 0px;}
#reviewFormWrapper {  position:relative; padding: 10px 0px; border-top: 1px solid #d8d8d8; margin: 20px 0; border-bottom: 1px solid #d8d8d8;}
.textbox { width: 200px; }
.textarea { width: 200px; }
.reviewFormElement { margin-top: 10px; }

#reviewForm { color: #454545; font-weight: bold; margin: 0 0 5px; }

#thumbsWrapper {
	width: 900px;
	margin: 0 auto;
}
#thumbsProfileWrapper {
	float:right;
	width:450px;
	padding-top:30px;
}
img.thumbnailsFeatured { margin: 0 auto; } 

.featured {margin: 17px; padding:6px 6px 10px; background:url(images/featured.jpg) repeat-x; 
float:left; width:133px; padding:5px;
}
.featured a {
	color:#fff;
}
div.getGirlsItem {margin: 0 10px 10px; padding:4px 4px 4px 10px; background:url(images/featured.jpg);
float:left; width:162px; padding:4px;
}
div.getGirlsItem img {
	height:243px;
	
}
.clear {
  position:relative; clear:both; height:1px; width:1px;
}

.strong {
  font-size: 12px; color: #fff; font-weight: bold; margin: 10px 0 5px; 
}

#pageCenter > div { }