/*	================================
		JULIE STONE SALON
		CSS Document
		Style Sheet: SCREEN
	================================ */
	
	
/*	================================
				GENERAL				
	================================	*/
body	{
	margin: 15px 0 0 0;
	padding: 0;
	background-color: #B4B7B7;/*C9C8C7*/
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 80%;
}
.preloadImg	{
	display: none;
} 
p	{
	font-family: Verdana, Arial, Geneva, sans-serif;
	line-height: 1.5em;
}
p.introText	{
	margin-bottom:0;
	line-height:2em;
	font-size:1.1em;
}

a	{
	color: #646464;
	text-decoration: underline;
}
a:hover	{
	text-decoration: none;
	background-color: white;
}


/*	================================
				FRAMES				
	================================	*/
.frame	{
	margin: 0 auto;
	width: 959px;
	background-color: white;
}
.contentFrame	{
	float: left;
	width: 959px;
	padding: 0;
}

/*	================================
				MASTHEAD				
	================================	*/
.masthead	{
	background: #e1e4e4 url("images/bck_mastheadGradient.jpg") no-repeat bottom;	
	float: left;
	width: 834px;
	margin: 0;
	padding: 33px 0 0 125px;
	height: 115px;
}
.masthead .logo	{
	float: left;
}
.masthead ul	{
	clear: left;
	margin: 12px 0 0 0;
	height: 42px;
	width: 600px;
	padding: 0;
	float: left;
}
.masthead ul li	{
	list-style-type: none;
	float: left;
}
.masthead ul li a	{
	float: left;
	height: 42px;
	width: 105px;
	padding-right: 10px;
}
.masthead ul li a.home	{
	background: url("images/b-home.gif") no-repeat top left;
}
.masthead ul li a.home:hover, .masthead ul li a.home-over	{
	background: url("images/b-home-over.gif") no-repeat top left;
}
.masthead ul li a.gallery	{
	background: url("images/b-gallery.gif") no-repeat top left;
}
.masthead ul li a.gallery:hover, .masthead ul li a.gallery-over	{
	background: url("images/b-gallery-over.gif") no-repeat top left;
}
.masthead ul li a.services	{
	background: url("images/b-services.gif") no-repeat top left;
}
.masthead ul li a.services:hover, .masthead ul li a.services-over	{
	background: url("images/b-services-over.gif") no-repeat top left;
}
.masthead ul li a.location	{
	background: url("images/b-location.gif") no-repeat top left;
}
.masthead ul li a.location:hover, .masthead ul li a.location-over	{
	background: url("images/b-location-over.gif") no-repeat top left;
}
.masthead ul li a.contact	{
	background: url("images/b-contact.gif") no-repeat top left;
}
.masthead ul li a.contact:hover, .masthead ul li a.contact-over 	{
	background: url("images/b-contact-over.gif") no-repeat top left;
}


/*	================================
				CONTENT
	================================	f4f5f5*/
.content	{
	clear: both;
	float: left;
	width: 705px;
	padding: 20px 0 0 130px;
	color: #646464;
}
.leftCol	{
	float: left;
	width: 370px;
}
.rightCol	{
	float: right;
	width: 280px;
	background-color: #EBEEEE;
}
.rightColText	{
	padding: 15px 30px 30px 30px;
	font-size: .95em;
	line-height: 1.75em;
}
.rightColText a	{
	font-weight: bold;
	color: #646464;
	text-decoration: underline;
}
.rightColText a:hover	{
	color: black;
	background-color: #f4f5f5;
	text-decoration: none;
}

/*	================================
			home page table			
	================================	*/
th	{
	text-align: left;
	vertical-align: top;
	padding: 0 10px 0 0;
	font-weight: normal;
}

/*	================================
			MEET THE STAFF				
	================================	*/
div.staff	{
	clear: left;
	float: left;
	width: 360px;
	margin: 0 0 35px 0;
}
div.staffText	{
	float: left;
	margin: 0;
	width: 170px;
}
div.staffText	h1	{
	font-weight: normal;
	font-size: 1.75em;
	margin: 0 0 5px 0;
}
div.staffText	h2	{
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 15px 0;
}
div.staffText	p	{
	margin: 5px 0 10px 0;
}
img.staffPhoto	{
	float: left;
	margin: 5px 20px 15px 0;
	border: 8px solid #e1e4e4;
}

/*	================================
				FOOTER				
	================================	e1e4e4*/
	
.footer	{
	clear: both;
	background-color: #D7DADA;
	height: 170px;
	padding: 30px 0 0 120px;
	color: #646464;
	font-size: .9em;
}
.footer .copyright	{
	 font-size:.95em;
}