/**************************************************/
/*   Main CSS Styles for Simply Sassy Kids Spa    */
/*   Kevin Barker                                 */
/*   Barker Web Design December 1, 2008           */
/**************************************************/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #B7DB79 url(../images/simply-sassy-kids-spa-page-bkgnd-2.jpg) repeat-x 0px 0px;
	font: 16px/1.5em "Trebuchet MS", Verdana, Arial;
	color: #666666;
}
#content a:link, #content a:visited {
	font-weight: bold;
	color: #FF017E;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF017E;
	padding-bottom: 0px;
}
#content a:hover {
	font-weight: bold;
	color: #FF017E;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF017E;
	padding-bottom: 0px;
}
p {
	margin-bottom: 15px;
}
#wrap {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#header {
	height: 280px;
	background: url(../images/logo.jpg) no-repeat 0px 0px;
	width: 900px;
}
#footer {
	background-color: #FF017E;
	width: 100%;
	clear: both;
	height: auto;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
	font-size: 11px;
	border-top: 5px solid #FFFFFF;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 3px;
}
#footer a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


#slideshow {
	float: left;
	height: 300px;
	width: 400px;
	background: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
}
#content {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: left;
	float: left;
	width: 900px;
}
#hours {
	width: 410px;
	float: left;
	margin-top: 10px;
}
#intro {
	float: left;
	width: 450px;
	margin-left: 39px;
}
#party-intro {
	width: 450px;
	margin-left: 39px;
	float: left;
	margin-top: 10px;
}
#special {
	float: left;
	width: 410px;
	clear: both;
}
#main {
	float: left;
	height: auto;
	width: 900px;
	margin-top: 50px;
	padding-top: 25px;
	border-top: 1px solid #FFFFFF;
	background: url(../images/contact-photo.jpg) no-repeat 550px 50px;
}
#main p {
	width: 520px;
}
#directions {
	height: auto;
	width: 690px;
	text-align: left;
	font: 16px "Trebuchet MS", Verdana, Arial;
	background: #FFFFFF;
	padding-left: 10px;
}
#location {
	float: left;
	height: 311px;
	width: 365px;
	margin-left: 170px;
	text-align: center;
	font-size: 18px;
}
#location h1 {
	font-size: 24px;
	font-weight: normal;
}
#phonenumber {
	float: left;
	height: auto;
	width: 365px;
}
#googlemap {
	width: 800px;
}
#getdirections {
	margin-left: 40px;
}
#map {
	width: 674px;
	border: 8px solid #fff;
	margin-bottom: 20px;
	height: 400px;
	margin-top: 10px;
	font-weight: bold;
	background: #84D2DF;
	padding-left: 10px;
	padding-top: 20px;
}

.price {
	color: #FF017E;
	font-size: 16px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Verdana, Arial;
}
.fineprint {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

/* */
.imgborder {
	border: 5px solid #FFFFFF;
}
.left {
	margin: 0px 8px 8px 0px;
	float: left;
}
.right {
	margin: 0px 0px 8px 8px;
	float: right;
}
.price {
	color: #FF017E;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************/
/* Navigation Styles */

#menu {
	padding:0;
	margin:0;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	background: url(../images/menu-bkgnd.gif) no-repeat 0px 26px;
	height: 61px;
	width: 900px;
	float: left;
	clear: both;
	text-decoration: none;
}
#menu li {
	display:inline;
	float: left;
}
#home a {
	background: url(../images/menu-home.gif) no-repeat 0 0;
	width: 110px;
	height: 56px;
	margin: 6px 0px 0px 65px;
	text-decoration: none;
	float: left;
   }
#home a:hover {
   background-position: -120px 0;
   }
#home a:active {
   background-position: -240px 0;
   }
#about a {
	background: url(../images/menu-about.gif) no-repeat 0 0;
	width: 120px;
	height: 56px;
	margin: 6px 0px 0px;
	text-decoration: none;
	float: left;
   }
#about a:hover {
   background-position: -120px 0;
   }
#about a:active {
   background-position: -240px 0;
   }
#services a {
	background: url(../images/menu-services.gif) no-repeat 0 0;
	width: 120px;
	height: 56px;
	margin: 6px 30px 0px 0px;
	float: left;
	text-decoration: none;
   }
#services a:hover {
   background-position: -120px 0;
   }
#services a:active {
   background-position: -240px 0;
   }
#parties a {
	background: url(../images/menu-parties.gif) no-repeat 0 0;
	width: 120px;
	height: 56px;
	margin: 6px 14px 0px 0px;
	float: left;
	text-decoration: none;
   }
#parties a:hover {
   background-position: -120px 0;
   }
#parties a:active {
   background-position: -240px 0;
   }
#contact a {
	background: url(../images/menu-contact.gif) no-repeat 0 0;
	width: 120px;
	height: 56px;
	margin: 6px 18px 0px 0px;
	float: left;
	text-decoration: none;
   }
#contact a:hover {
   background-position: -120px 0;
   }
#contact a:active {
   background-position: -240px 0;
   }
#photos a {
	background: url(../images/menu-photos.gif) no-repeat 0 0;
	width: 120px;
	height: 56px;
	margin: 6px 0px 0px;
	padding: 0px;
	float: left;
	text-decoration: none;
   }
#photos a:hover {
   background-position: -120px 0;
   }
#photos a:active {
   background-position: -240px 0;
   }
#specials a {
	background: url(../images/menu-specials.gif) no-repeat 0 0;
	width: 120px;
	height: 56px;
	margin: 6px 0px 0px;
	padding: 0px;
	display: block;
	text-decoration: none;
   }
#specials a:hover {
   background-position: -120px 0;
   }
#specials a:active {
   background-position: -240px 0;
   }
.active {
	background: -240px 0px;
}

/**************************************************/
/* styles for h1 Headings using image replacement */
h1 {
	font: 20px/1.6em "Trebuchet MS", Verdana, Arial;
	color: #FF017E;
	margin-bottom: 20px;
	overflow: hidden
}
h1 span {
 display: block;
/* place the span on top */
 position: relative;
 z-index: 1;
}
#home-intro, #home-intro span {
	width: 450px;
	height: 40px;
	background-image: url(../images/h1-home-intro.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#servicesh1, #servicesh1 span {
	width: 725px;
	height: 40px;
	background-image: url(../images/h1-services.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#packagesh1, #packagesh1 span {
	width: 600px;
	height: 40px;
	background-image: url(../images/h1-packages.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
} 
#partiesh1, #partiesh1 span {
	width: 600px;
	height: 40px;
	background-image: url(../images/h1-parties.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#contacth1, #contacth1 span {
	width: 500px;
	height: 40px;
	background-image: url(../images/h1-email-us.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#locationh1, #locationh1 span {
	width: 365px;
	height: 40px;
	background-image: url(../images/h1-location.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#phoneh1, #phoneh1 span {
	width: 365px;
	height: 40px;
	background-image: url(../images/h1-contact-info.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#directionsh1, #directionsh1 span {
	width: 365px;
	height: 40px;
	background-image: url(../images/h1-directions.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#abouth1, #abouth1 span {
	width: 700px;
	height: 40px;
	background-image: url(../images/h1-about-us.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#specialsh1, #specialsh1 span {
	width: 700px;
	height: 40px;
	background-image: url(../images/h1-specials.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
#confirmh1, #confirmh1 span {
	width: 700px;
	height: 40px;
	background-image: url(../images/h1-confirm.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 20px "Trebuchet MS", Verdana, Arial;
}
/* This is what moves the text under the span */
#home-intro span { margin-bottom: -75px; }
#servicesh1 span { margin-bottom: -75px; }
#partiesh1 span { margin-bottom: -75px; }
#contacth1 span { margin-bottom: -75px; }
#locationh1 span { margin-bottom: -75px; }
#phoneh1 span { margin-bottom: -75px; }
#directionsh1 span { margin-bottom: -75px; }
#abouth1 span { margin-bottom: -75px; }
#specialsh1 span { margin-bottom: -75px; }
#confirmh1 span { margin-bottom: -75px; }
/**************************************************/
/* styles for h2 Headings using image replacement */
h2 {
	font: 18px/1.6em "Trebuchet MS", Verdana, Arial;
	color: #FF017E;
	margin-bottom: 20px;
	overflow: hidden
}
h2 span {
 display: block;
/* place the span on top */
 position: relative;
 z-index: 1;
}
#home-party, #home-party span {
	width: 450px;
	height: 40px;
	background-image: url(../images/h2-home-parties.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 18px "Trebuchet MS", Verdana, Arial;
}
#spasassy, #spasassy span {
	width: 500px;
	height: 40px;
	background-image: url(../images/h2-spa-sassy.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 18px "Trebuchet MS", Verdana, Arial;
}
#spatacular, #spatacular span {
	width: 500px;
	height: 40px;
	background-image: url(../images/h2-spatacular.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 18px "Trebuchet MS", Verdana, Arial;
}

#addressh2-dalton, #addressh2-dalton span {
	width: 365px;
	height: 90px;
	background-image: url(../images/h2-address-dalton-road.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 18px "Trebuchet MS", Verdana, Arial;
	margin-bottom: 5px;
}
#addressh2-jonestown, #addressh2-jonestown span {
	width: 365px;
	height: 90px;
	background-image: url(../images/h2-address-jonestown-road.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 18px "Trebuchet MS", Verdana, Arial;
	margin-bottom: 5px;
}
/* This is what moves the text under the span */
#home-party span { margin-bottom: -75px; }
#spasassy span { margin-bottom: -75px; }
#spatacular span { margin-bottom: -75px; }
#addressh2-dalton span { margin-bottom: -75px; }
#addressh2-jonestown span { margin-bottom: -75px; }
/**************************************************/
/* styles for h3 Headings using image replacement */
h3 {
	font: bold 16px/1.6em "Trebuchet MS", Verdana, Arial;
	color: #FF017E;
	margin-bottom: 20px;
	overflow: hidden
}
h3 span {
 display: block;
/* place the span on top */
 position: relative;
 z-index: 1;
}
#home-hours, #home-hours span {
	width: 410px;
	height: 40px;
	background-image: url(../images/h3-home-hours.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 16px "Trebuchet MS", Verdana, Arial;
}
#home-specials, #home-specials span {
	width: 410px;
	height: 40px;
	background-image: url(../images/h3-home-specials.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	font: 16px "Trebuchet MS", Verdana, Arial;
}
/* This is what moves the text under the span */
#home-hours span { margin-bottom: -75px; }
#home-specials span { margin-bottom: -75px; }

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

/***************************************************************/
/* styles for Definition List Headings using image replacement */
#servicelist {
	margin-left: 10px;
	color: #666666;
	width: 890px;
}
#servicelist dd {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 55px;
}
#servicelist dd img {
	border: 6px solid #FFFFFF;
	float: right;
	clear: both;
	margin-left: 15px;
}
#servicelist dd p {
	width: 520px;
}
#packagelist {
	margin-left: 10px;
	color: #666666;
	width: 890px;
}
#packagelist dd {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 55px;
}
#packagelist dd img {
	border: 6px solid #FFFFFF;
	float: right;
	clear: both;
	margin-left: 15px;
}
#packagelist dd p {
	width: 520px;
}
dt {
	font: bold 18px "Trebuchet MS", Verdana, Arial;
	color: #FF017E;
	margin-bottom: 0px;
	overflow: hidden;
	margin-top: 25px;
}
dt span {
 display: block;
/* place the span on top */
 position: relative;
 z-index: 1;
}
/* for Services page */
#maniforme, #maniforme span {
	width: 450px;
	height: 40px;
	background-image: url(../images/dl-heading-mani-for-me.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#toetally, #toetally span {
	width: 450px;
	height: 40px;
	background-image: url(../images/dl-heading-toe-tally-pedi.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#combo, #combo span {
	width: 725px;
	height: 40px;
	background-image: url(../images/dl-heading-toe-tally-pedi-mani-combo.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#icecream, #icecream span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-ice-cream-mani-pedi.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#extras, #extras span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-extras.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#miniglam, #miniglam span {
	width: 725px;
	height: 40px;
	background-image: url(../images/dl-heading-mini-glam-make-up.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#glamourgirl, #glamourgirl span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-glam-girl-make-up.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
} 
#pictureper, #pictureper span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-picture-perfect-up-do.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#facials, #facials span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-facials.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#earp, #earp span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-ear-piercing.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
/* Spa packages */

#spadiva, #spadiva span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-spa-diva.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#minimanido, #minimanido span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-mini-mani-do-pkg.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
#spalicious, #spalicious span {
	width: 600px;
	height: 40px;
	background-image: url(../images/dl-heading-spalicious-spa-day.gif);
	background-repeat: no-repeat;
	color: #FF017E;
	overflow: hidden;
	font-size: 18px;
}
/* The code below (span) is what moves the text under the span */

/* for Services page */
#maniforme span { margin-bottom: -75px; }
#toetally span { margin-bottom: -75px; }
#combo span { margin-bottom: -75px; }
#icecream span { margin-bottom: -75px; }
#miniglam span { margin-bottom: -75px; }
#glamourgirl span { margin-bottom: -75px; }
#pictureper span { margin-bottom: -75px; }
#extras span { margin-bottom: -75px; }
#facials span { margin-bottom: -75px; }
#earp span { margin-bottom: -75px; }
/* Spa packages */
#spadiva span { margin-bottom: -75px; }
#minimanido span { margin-bottom: -75px; }
#spalicious span { margin-bottom: -75px; }
#specialdeals {
	float: left;
	margin-top: 50px;
}