@charset "utf-8";
/* CSS Document */

body {
	background-color: #dadfe1;
	margin: 0;
}

#Wrapper {
width:880px;
height: auto;
padding-top: 0px;
margin: 0 auto auto auto;
}

#Body {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/HomeBody.jpg);
}

#BlankBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/BlankBody.jpg);
}

#newsletterBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 592px;
	background: url(../Images/newsletterBody.jpg);
}

#hairBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/hairBody.jpg);
}

#conditioningBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/conditioningBody.jpg);
}

#staffBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/staffBody.jpg);
}

#contactBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/contactBody.jpg);
}

#cutsBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/cutsBody.jpg);
}

#texturesBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/texturesBody.jpg);
}

#colorBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/colorBody.jpg);
}

#nailBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/nailBody.jpg);
}

#massageBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/massageBody.jpg);
}

#brideBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/brideBody.jpg);
}

#directionsBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/directionsBody.jpg);
}

#parkingBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/parkingBody.jpg);
}

#skinCareBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background: url(../Images/skinCareBody.jpg);
}

#productsBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background:url(../Images/productsBody.png) no-repeat;
}

#charitiesBody {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	height: 642px;
	background:url(../Images/charitiesBody.jpg) no-repeat;
}

#Header {
	margin-bottom: 0;
	width: 880px;
	height: 124px;
	background: url(../Images/Header.jpg) no-repeat;
}

#Footer {
	width: 880px;
	height: 147px;
	background: url(../Images/Footer.jpg) no-repeat;
}

#Menu {
	margin: 0;
	list-style: none;
	width:880px;
	height:40px;
	background: url(../Images/MenuBar.jpg);
	
}

#Menu ul {
	margin-top: 0;
	padding-left: 90px;
	height: 40px;
	list-style: none;
}

#Menu li {
	float: left;
	background:url(../Images/Divider.jpg) no-repeat;
	background-position: right;
}

#Menu a:link, #Menu a:visited {
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	line-height: 40px;
	height: 40px;
	padding-right: 5px;
	padding-left: 5px;
	color: #b1e6e5;
}

#Menu a:hover {	
	color: #b1e6e5;
	text-decoration: underline;
	
}


#Contact {
	margin-top: 500px;
	margin-left: 40px;
	width: 250px;
	height: auto;
	float: left;
}

#Contact p {
	color: #4a9695;
	font-size: 18px;
	font-weight: bold;
}

#Contact a {
	color: #FF9;
	font-size: 18px;
	font-weight: bold;
}

#Contact a:hover {
	color: #06C;
	font-size: 18px;
	font-weight: bold;
}

#homeBody {
	margin-left: auto;
	margin-right: auto;
	width: 874px;
	height: 900px;
	background: url(../Images/SalonSite.jpg) no-repeat;
	color: f2e9d8;
}

#pageTitle {
margin-top: 10px;
margin-left: 105px;
width: auto;
height: 45px;
float: left;	
background: none;
}

#hairCuts {
background: url(../Images/HairCuts.jpg) no-repeat;
width: 145px;
height: 55px;
}

#color {
width: 149px;
height: 55px;
background: url(../Images/color.jpg) no-repeat;
}

#lashes {
width: 248px;
height: 55px;
background: url(../Images/lashesBrows.jpg) no-repeat;
}

#textures {
width: 149px;
height: 55px;
background: url(../Images/textures.jpg) no-repeat;
}

#conditioning {
width: 171px;
height: 55px;
background: url(../Images/conditioning.jpg) no-repeat;
}

#extensions {
width: 150px;
height: 55px;
background: url(../Images/extensions.jpg) no-repeat;
}

#manicures {
width: 288px;
height: 43px;
background: url(../Images/maniPedi.jpg) no-repeat;
}

#pedicures {
width: 150px;
height: 55px;
background: url(../Images/pedicures.jpg) no-repeat;
}

#nailCombo {
width: 168px;
height: 55px;
background: url(../Images/nailCombo.jpg) no-repeat;
}

#skinTreatments {
width: 203px;
height: 55px;
background: url(../Images/skinTreatments.jpg) no-repeat;
}

#skinCare {
width: 145px;
height: 44px;
background: url(../Images/skinCare.jpg) no-repeat;
}

#makeup {
width: 145px;
height: 44px;
background: url(../Images/makeup.jpg) no-repeat;
}

#massage {
width: 117px;
height: 44px;
background: url(../Images/massage.jpg) no-repeat;
}

#skinBody {
width: 164px;
height: 44px;
background: url(../Images/skinBody.jpg) no-repeat;
}

#waxing{
width: 107px;
height: 43px;
background: url(../Images/waxing.jpg) no-repeat;
}

#threading{
width: 140px;
height: 43px;
background: url(../Images/threading.jpg) no-repeat;
}

#contactUs{
width: 161px;
height: 43px;
background: url(../Images/contactUs.jpg) no-repeat;
}

#ourTeam{
width: 161px;
height: 43px;
background: url(../Images/ourTeam.jpg) no-repeat;
}

#teamBio{
width: 161px;
height: 43px;
background: url(../Images/teamBio.jpg) no-repeat;
}

#charities{
width: 179px;
height: 41px;
background: url(../Images/charities.jpg) no-repeat;
}

#thankYou{
width: 179px;
height: 41px;
background: url(../Images/thankYou.jpg) no-repeat;
}

#news{
width: 179px;
height: 41px;
background: url(../Images/newsletter.jpg) no-repeat;
}

#specials{
width: 146px;
height: 43px;
background: url(../Images/specials.jpg) no-repeat;
}


#TableWrapper {
	margin-top: 18px;
	padding-left: 200px;
	width: 500px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #A1D6CC;
}

#TableWrapperMakeup {
	padding-top: 115px;
	margin-left: 275px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #A1D6CC;
}

#TableWrapperManiPedi {
	padding-top: 115px;
	margin-left: 275px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #A1D6CC;
}

#followUs {
	float: right;
	margin-top: 69px;
	width: 200px;
	height:50px;
}

	
#facebookLink {
	margin-right: 15px;
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background:url(../Images/facebook.png) no-repeat;	
	}

#facebookLink:hover {
	background-position: 0pt -50px;
}

#yelpLink {
	margin-right: 5px;
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background: url(../Images/yelp.png) no-repeat;	
	}
	
#yelpLink:hover {
	background-position: 0pt -59px;
}

#twitterLink {
	margin-right: 15px;
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background:url(../Images/twitter.png) no-repeat;	
	}
	
#twitterLink:hover {
	background-position: 0pt -51px;
}	

#specialsLink {
	float: right;
	display: block;
	float: right;
	width: 150px;
	height: 90px;
	text-indent: -9999px;
	background:url() no-repeat;	
	}
	
#footerLink {
	padding-top: 20px;
	margin-left: 170px;
	display: block;
	width: 175px;
	height: 90px;
	text-indent: -9999px;
	background:url() no-repeat;	
	}
	
#newsletterWrapper {
	margin-top: 200px;
	padding-left: 0px;
	width: 375px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #A1D6CC;
	border: thick;
	border-color: #FFF;
}
	
.container {
	padding-top: 30px;
	width: 350px;
	border:thin;
}
.newsletter {
	width: 300px;
}

#newsletterWrapper .newsletter input { 
width: 200px;
height: 13px; 
padding: 4px; 
background-color: #b1e6e5; border: 1px solid #069; 
font-family: tahoma, Geneva, sans-serif; 
color: #036; 
font-size: 10px; 
margin-bottom: 4px; }

H3 {
font-size: 16px;
color: #b1e6e5;
}

#newsletterWrapper .container .newsletter input.fname, #footer .container .newsletter input.lname { float: left; width: 78px; }
#newsletterWrapper .container .newsletter input.fname { margin-right: 9px; }
#newsletterWrapper .container .newsletter button { font-size: 10px; }
#newsletterWrapper .container .newsletter a { font-size: 9px; }




