@charset "UTF-8";
/* CSS Document */

html, body { height: 100%; width:100%; margin: 0; padding: 0;}
.home {background:url(../images/tile_bg.jpg) repeat-x;}
.int { background: #FFFFFF url(../images/bg_interior.gif) repeat-x; }


p { font: 14px/20px Times, "Times New Roman", serif;}
a { text-decoration: none; color:#23408f; cursor:pointer;}
a:hover { text-decoration: underline; cursor:pointer;}
.red { color:#CB2211 !important;}


/*homepage styles*/
#bubbleshome {display:block; height: 100%; width:100%; bottom: 0; top: 0; left: 0; right: 0; background:url(../images/bubbles.png) repeat;}
#center { display:block; width: 1024px; margin: 0; height:auto;}
#flash {z-index: 1; position:relative; display:block; width: 850px; height:850px; float:left; margin: 0 0 -120px 0;}
#footerhome {display: block; position: relative; width: 100%; height: 80px; background: url(../images/bg_footer.png) repeat-x; margin: 0; text-align:left; clear: both; z-index: 10; }
#homenav { width: 200px; height: 270px; background: url(../images/bg_homenav.png) no-repeat; display:block; float: left; margin: 0 -80px 0 15px; text-align:center; padding: 20px 30px 0 7px; position:relative; z-index: 10;  }
#homenav ul { list-style: none; padding: 0; margin: 0;}
#homenav ul.homenav li a{ font: 15px/35px Arial, Helvetica, sans-serif; color:#FFFFFF; text-indent:-9999px; width: 185px; height: 30px; display:block; cursor: pointer; margin:0; background-image:url(../images/home_nav_sprite.gif);}
li.aboutus a { background-position: -2px -15px;}
li.salon a { background-position: -2px -47px;}
li.wellness a { background-position: -2px -80px;}
li.services a { background-position: -2px -110px;}
li.training a { background-position: -2px -140px;}
li.contact a { background-position: -2px -172px;}


/*Interior Pages Styles*/
#bubbles { display:block; min-height: 100%; width: 100%; bottom: 0; top: 0; left: 0; right: 0; background:url(../images/bg_yellowbubbles.png) no-repeat;}
#wrapper { display:block; width: 1000px; height:auto; position:relative; clear:both;}


#sidebar { width:200px; height: auto; display:block; float:left; margin: 0 0 0 22px; padding: 0; position:relative; }
#sidebar ul.nav { list-style: none; padding: 0; margin: 0;}
#sidebar ul.nav li a{ font: 15px Arial, Helvetica, sans-serif; color:#FFFFFF; text-indent:-9999px; width: 184px; height: 30px; display:block; cursor: pointer; background-image: url(../images/nav_int_sprite.png); margin: 0 0 0 1px;}
#sidebar ul.nav li a:hover { background: url(../images/nav_int_sprite_over.gif) no-repeat;}

#sidebar ul.nav li.aboutus a { background-position: 0 -7px;}
#sidebar ul.nav li.salon a { background-position: 0 -38px; margin-top: 1px;}
#sidebar ul.nav li.wellness a { background-position: 0 -70px; margin-top: 1px;}
#sidebar ul.nav li.services a { background-position: 0 -100px; margin-top: 1px;}
#sidebar ul.nav li.training a { background-position: 0 -130px; margin-top: 1px;}
#sidebar ul.nav li.contact a { background-position: 0 -162px; margin-top: 1px;}

#sidebar ul.nav li.aboutussel a { background: url(../images/nav_int_sprite_over.gif) 0 -7px;}
#sidebar ul.nav li.salonsel a { background: url(../images/nav_int_sprite_over.gif) 0 -38px; margin-top: 1px; }
#sidebar ul.nav li.wellnesssel a {background: url(../images/nav_int_sprite_over.gif) 0 -70px; margin-top: 1px;}
#sidebar ul.nav li.servicessel a { background: url(../images/nav_int_sprite_over.gif) 0 -100px; margin-top: 1px;}
#sidebar ul.nav li.trainingsel a { background: url(../images/nav_int_sprite_over.gif) 0 -130px; margin-top: 1px;}
#sidebar ul.nav li.contactsel a { background: url(../images/nav_int_sprite_over.gif) 0 -162px; margin-top: 1px;}


#sidebar ul.salonspa {list-style: none; padding: 0; margin: 3px 0 0 0;}
#sidebar ul.salonspa li a{ font: 15px Arial, Helvetica, sans-serif; color:#FFFFFF; text-indent:-9999px; width:184px; height:18px; display:block; cursor:pointer; margin: 2px 0; background-image:url(../images/subnav_salon.png);}.
#sidebar ul.salonspa li a:hover { background-image:url(../images/subnav_salon_over.png);}
#sidebar ul.salonspa li.shampoo a { background-position: 0 -7px;}
#sidebar ul.salonspa li.haircut a { background-position: 0 -25px;}
#sidebar ul.salonspa li.spa a { background-position: 0 -42px;}
#sidebar ul.salonspa li.shampoo a:hover { background:url(../images/subnav_salon_over.png) 0 -7px;}
#sidebar ul.salonspa li.haircut a:hover { background:url(../images/subnav_salon_over.png) 0 -25px;}
#sidebar ul.salonspa li.spa a:hover { background:url(../images/subnav_salon_over.png) 0 -42px;}

#sidebar ul.well {list-style: none; padding: 0; margin: 3px 0 0 0;}
#sidebar ul.well li a{ text-indent:-9999px; width:184px; height:18px; display:block; cursor:pointer; margin: 2px 0; background-image:url(../images/subnav_wellness.png);}.
#sidebar ul.well li a:hover { background:url(../images/subnav_wellness_over.png);}
#sidebar ul.well li.games a { background-position: 0 -6px;}
#sidebar ul.well li.programs a { background-position: 0 -24px;}
#sidebar ul.well li.beneficial a { background-position: 0 -42px;}
#sidebar ul.well li.games a:hover { background:url(../images/subnav_wellness_over.png) 0 -6px;}
#sidebar ul.well li.programs a:hover { background:url(../images/subnav_wellness_over.png) 0 -24px;}
#sidebar ul.well li.beneficial a:hover { background:url(../images/subnav_wellness_over.png) 0 -42px;}

#sidebar ul.guestserv {list-style: none; padding: 0; margin: 3px 0 0 0;}
#sidebar ul.guestserv li a{ text-indent:-9999px; width:184px; height:18px; display:block; cursor:pointer; margin: 2px 0; background-image:url(../images/subnav_guest.png);}.
#sidebar ul.guestserv li a:hover { background:url(../images/subnav_guest_over.png) no-repeat;}
#sidebar ul.guestserv li.day a { background-position: 0 -6px;}
#sidebar ul.guestserv li.night a { background-position: 0 -24px;}
#sidebar ul.guestserv li.concierge a { background-position: 0 -42px;}
#sidebar ul.guestserv li.day a:hover { background:url(../images/subnav_guest_over.png)  0 -6px;}
#sidebar ul.guestserv li.night a:hover { background:url(../images/subnav_guest_over.png)  0 -24px;}
#sidebar ul.guestserv li.concierge a:hover { background:url(../images/subnav_guest_over.png) 0 -42px;}

#sidebar ul.train {list-style: none; padding: 0; margin: 3px 0 0 0;}
#sidebar ul.train li a{ text-indent:-9999px; width:184px; height:18px; display:block; cursor:pointer; margin: 2px 0; background-image:url(../images/subnav_training.png);}.
#sidebar ul.train li a:hover { background:url(../images/subnav_training_over.png) no-repeat;}
#sidebar ul.train li.you a { background-position: 0 -6px;}
#sidebar ul.train li.dog a { background-position: 0 -24px;}
#sidebar ul.train li.both a { background-position: 0 -42px;}
#sidebar ul.train li.you a:hover { background:url(../images/subnav_training_over.png) 0 -6px;}
#sidebar ul.train li.dog a:hover { background:url(../images/subnav_training_over.png) 0 -24px;}
#sidebar ul.train li.both a:hover { background:url(../images/subnav_training_over.png) 0 -42px;}


#content { width: 700px; height:auto; display:block; float: left; text-align:center; margin: 0 0 -110px 60px; position:relative; z-index:20;}

.title { display:block; text-indent: -9999px; height: 60px; width: 692px; margin:50px auto 0 auto; }
.about{ background:url(../images/title_aboutus.png) no-repeat center; }
.salonserv{ background: url(../images/title_salonspaservices.png) no-repeat center; }
.wellnessserv { background: url(../images/title_wellnessservices.png) no-repeat center;}
.guestservices { background:url(../images/title_guestservices.png) no-repeat center;}
.trainingserv { background:url(../images/title_trainingclasses.png) no-repeat center;}
.contactus { background: url(../images/title_contactus.png) no-repeat center;}

.tagabout { display:block; width: 675px; height: 30px; margin:0 auto; text-indent: -9999px; background:url(../images/tagline_about.png) no-repeat center; }
.tagsalon { display:block; width: 675px; height: 30px; margin:0 auto; text-indent: -9999px; background: url(../images/tagline_salon.png) no-repeat center; }
.tagwell {display:block; width: 675px; height: 30px; margin:0 auto; text-indent: -9999px; background: url(../images/tagline_wellness.png) no-repeat center;}
.tagguest {display:block; width: 675px; height: 30px; margin:0 auto; text-indent: -9999px; background:url(../images/tagline_guest.png) no-repeat center;}
.tagtrain {display:block; width: 675px; height: 30px; margin:0 auto; text-indent: -9999px; background:url(../images/tagline_training.png) no-repeat center;}
.tagcontact {display:block; width: 675px; height: 30px; margin:0 auto; text-indent: -9999px; background:url(../images/tagline_contact.png) no-repeat center;}

.col { width: 215px; height: auto; display: block; float: left; text-align:center; padding: 0 5px;}
.col p{ margin: 0 0 10px 0;}

.clear { height:1px; overflow:hidden; margin-top:-1px; clear:both; }

#footerbg {display: block; min-width: 100%; height: 210px; background: url(../images/bg_footer.png) repeat-x bottom ; clear: both; z-index:10; }
#footer {display: block; float:left; width: 1100px; height: 210px; position:relative; z-index:11;}
.product { width:240px; float:left; height: 180px; position: relative; z-index: 12; text-align:center; display:inline;}



.black_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: fixed;
	top: 40px;
	left: 30%;
	width: 430px;
	height: 640px;
	padding: 40px 20px 20px 20px;
	overflow:auto;
	background:  url(../images/bg_notepad.gif) no-repeat;
	z-index:1005;
	text-align: left;
}
.close {width: 90px; display:block; float:right; height:auto; padding: 10px 0 0 0; font: 10px/14px Arial, Helvetica, sans-serif; color:#000000; text-align:right; text-transform:uppercase;}
.close a { font: bold 10px/14px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-transform:uppercase;}