/* GLOBAL RESET */
* {
outline: 0;
outline-width: 0;
outline-style: none;
}
a img {
border: 0;
}
.clear {
  clear: both;
  overflow: hidden;
  height: 1px;
  font-size: 1px;
}
/* STYLE */
body {
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  background: #fff url(../img/bg-tile.png) repeat-x top left;
}
#frame {
  width: 1000px;
  background: url(../img/bg.png) no-repeat top center;
}
.popup #frame {
  padding: 10px 10px;
  margin: 10px 0px;
  background: #fff;
  border: 5px solid #F9F7EE;
  background: #fff;
  width:80%;
  text-align: justify;
}


#header {
  height: 227px;
  margin: 0px 0px 0px 160px;
  position: relative;
}
#logoinfo {
  width: 312px;
  float: left;
  color: #fff;
}
#slideshow {
  float: left;
  width: 484px;
  height: 227px;
  background: url(../img/slideshow-01.png) no-repeat top left;
  position: relative;
}
#special {
  position: absolute;
  display: block;
  top: 0;
  left: 312px;
  background: url(../img/specials-med-spa.png) no-repeat top left;
  width: 105px;
  height: 90px;
  cursor: pointer;
  z-index: 100;
}
#special h6 {
  text-indent: -99999px;
}
a:hover #special, a:focus #special, a:active #special {
  background: url(../img/specials-med-spa.png) no-repeat bottom left;
}


#logo {
  height: 100px;
}
#logo h1 {
  margin: 0;
  padding: 0;
  text-indent: -99999px;
  cursor: pointer;
}
#contacts {
  font-size: 140%;

}
#contacts p {
  text-align: right;
  margin: 10px 30px 0px 70px;
  padding: 15px 0px 0px 0px;
  background: url(../img/vancouver-med-spa-logo.png) no-repeat top left;
}
#contacts .high {
  color: #fcffe4;
}
#description {
  margin: 15px 30px 0px 0px;
  text-align: right;
  font-size: 120%;
}


#menu {
  margin-left: 162px;
  z-index:500;
  }
#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu ul li {
   display:inline-block;
   list-style:none;



}
#menu ul li a {
  padding: 10px 5px 10px 20px;
  text-align: left;
  background: url(../img/leaves.png) no-repeat top left;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  position: relative;
  display:block;

}

#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active {
  color: #BB2738;
}
	/* submenu, it's hidden by default */
		#menu li ul {
			position:absolute; 
			display:none; 
			padding:0 0 20px 0;
			width:270px;
			background:url(../img/bg_drop.png) repeat-x bottom;
			border-bottom-left-radius:10px;
			-moz-border-radius-bottomleft:10px;
			-moz-border-radius-bottomright:10px;
			
			border-bottom-right-radius:10px;
			z-index:600;
		
						
			
						
		}
		
		#menu li ul li {
			
			margin:0;
			display:block;
			height:10px;
			padding: 5px; 
		
		}
		#menu li ul a:hover {
			text-decoration:underline;	}

	
#menu ul li#sitehome a {
  color: #fff6cc;
  background: none;
}
#menu ul li#sitehome a:hover, #menu ul li#sitehome a:focus, #menu ul li#sitehome a:active {
  color: #BB2738;
}
#menu ul li#booking a {
  padding: 10px 35px 10px 60px;
  background: none;
  color: #fff6cc;
}
#menu ul li#booking a:hover, #menu ul li#booking a:focus, #menu ul li#booking a:active {
  color: #BB2738;
}

		







#container {
  margin: 20px 0 0 170px;

}
#content {
  float: left;
  width: 470px;
  text-align: justify;
}
.promo {
  margin: 0 0 10px 0;
  padding: 5px 0;
  border-bottom: 1px dotted #AB8754;
  border-top: 1px dotted #AB8754;
}


#sidebar {
  float: right;
  width: 320px;
}
#sidebar a:link, #sidebar a:visited {
  text-decoration: none;
  color: #fff;
}
#sidebar a:hover, #sidebar a:active {
  text-decoration: none;
  color: #fff6cc;
}
.box {
  width: 260px;
  border: 5px solid #f9f7ee;
  margin: 0px 0px 15px 0px;
}
.box p {
  text-align: left;
  font-size: 16px;
  color: #fff;
  margin: 10px 10px;

}
.box h5 {
  text-align: left;
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
  margin-top: 10px;
}

a:link #spotlight, a:visited #spotlight {
  height: 125px;
  background:#fff url(../img/spotlight-med-spa.png) no-repeat top center;
  cursor: pointer;
}
a:hover #spotlight, a:focus #spotlight, a:active #spotlight {
  height: 125px;
  background: #fff url(../img/spotlight-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #membership, a:visited #membership {
  height: 72px;
  background:#fff url(../img/membership-med-spa.png) no-repeat top center;
  cursor: pointer;
}
a:hover #membership, a:focus #membership, a:active #membership {
  height: 72px;
  background: #fff url(../img/membership-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #specials,a:visited #specials{
  height: 125px;
  background: #fff url(../img/special-med-spa.png) no-repeat top center;

}
a:hover #specials, a:focus #specials, a:active #specials {
  height: 125px;
  background: #fff url(../img/special-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #callback,a:visited #callback{
  height: 84px;
  background: #fff url(../img/callback-med-spa.png) no-repeat top center;

}
a:hover #callback, a:focus #callback, a:active #callback {
  height: 84px;
  background: #fff url(../img/callback-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #media, a:visited #media{
  height: 72px;
  background: #fff url(../img/media-med-spa.png) no-repeat top center;
}
a:hover #media, a:focus #media, a:active #media {
  height: 72px;
  background: #fff url(../img/media-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #giftcards, a:visited #giftcards{
  height: 72px;
  background: #fff url(../img/gift-cards-med-spa.png) no-repeat top center;
}
a:hover #giftcards, a:focus #giftcards, a:active #giftcards {
  height: 72px;
  background: #fff url(../img/gift-cards-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #win1000, a:visited #win1000{
  height: 84px;
  background: #fff url(../img/win-1000-med-spa.png) no-repeat top center;
}
a:hover #win1000, a:focus #win1000, a:active #win1000 {
  height: 84px;
  background: #fff url(../img/win-1000-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #consultation, a:visited #consultation{
  height: 72px;
  background: #fff url(../img/consultation-med-spa.png) no-repeat top center;
}
a:hover #consultation, a:focus #consultation, a:active #consultation {
  height: 72px;
  background: #fff url(../img/consultation-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #refer, a:visited #refer{
  height: 72px;
  background: #fff url(../img/refer-a-friend-med-spa.png) no-repeat top center;
}
a:hover #refer, a:focus #refer, a:active #refer {
  height: 72px;
  background: #fff url(../img/refer-a-friend-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

a:link #payasyougo, a:visited #payasyougo{
  height: 72px;
  background: #fff url(../img/pay-go-med-spa.png) no-repeat top center;
}
a:hover #payasyougo, a:focus #payasyougo, a:active #payasyougo {
  height: 72px;
  background: #fff url(../img/pay-go-med-spa.png) no-repeat bottom center;
  cursor: pointer;
}

#testimonials, #testimonials p {
  color: #666;
  font-size: 12px;
  background: #fff;
}
#testimonials h5 {
  color: #a7b48e;
}



#footer {
  background:  url(../img/bg-footer-tile.png) repeat-x bottom left;
  color: #E3C08C;
  font-size: 11px;
  height:128px;
}
#footer a:link, #footer a:visited {
    color: #fff;
}
#footer a:hover, #footer a:focus {
    color: #fff;
}

#copyright {
  background:  url(../img/bg-footer.png) no-repeat bottom center;
  width: 1000px;
  height: 128px;
  text-align: left;
  overflow: hidden;
}
#social {
  width: 600px;
  padding: 25px 0px 0px 170px;
  margin: 0 0 -10px 0;
  text-align: left;
}
#footer #social a:link, #footer #social a:visited {
    color: #BB2738;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
}
#footer #social a:hover, #footer #social a:focus {
    color: #A7B48E;
}
#social ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#social ul li {
  display: inline;
  padding: 2px 20px;
}

#social ul li#iFacebook {
  background: url(../img/social/facebook_16.png) no-repeat bottom left;
}
#social ul li#iTwitter {
  background: url(../img/social/twitter_16.png) no-repeat bottom left;
}
#social ul li#iYoutube {
  background: url(../img/social/youtube_16.png) no-repeat bottom left;
}

#footnotes {
  width: 600px;
  padding: 34px 0px 0px 170px;
  margin: 0 0 -10px 0;
  text-align: left;
}
#footnotes a:link, #footnotes a:visited {
  color: #ffecdd;
  text-decoration: none;
}
#footnotes a:hover, #footnotes a:focus, #footnotes a:active {
  color: #fff;
}

#dubmenu ul {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
#dubmenu li
{
display: inline;
list-style-type: none;
padding-right: 15px;
}







/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
  margin: 5px 0px;
  padding: 0;
  text-align: left;
  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
  color: #969787;
  line-height: 1;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
  color: #a7b48e;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
    color: #a7b48e;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}


/* LINKS */
a:link, a:visited {
  color: #3E6DA2;
}
a:focus, a:active, a:hover {
  color: #9B0027;
}

/* FORMS */
form {
  margin: 0;
  padding: 0 0 0 10px;
}
form label {
	cursor:pointer;
}
fieldset {
  border: 1px solid #ddd;
  text-align: left;
  padding: 5px 5px;
}
legend, label {
  font-weight: bold;
}
legend {

}
.required {
  color: #f00;
  font-weight: bold;
  font-size: 16px;
}
.forms, textarea, select {
  border: 1px solid #ddd;
  padding: 2px 2px;
}
.button {
  background: #999;
  border: 1px solid #777;
  padding: 5px 5px;
  color: #fff;
  font-weight: bold;
}


/* MESSAGES */
.error {
  color: #9B0027;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #FFD2DE;
  background: #FFF2F5;
}
.success, .ok, .okay {
  color: #89B47A;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #C9DDC1;
  background: #F3F8F1;
}
.notice, .caption {
  color: #B59A79;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #D6C27E;
  background: #F9F8E8;
}


/* IMAGES */
.photo {
  border: 5px solid #F9F7EE;
  background: #fff;
}
.alignleft {
  float: left;
  margin: 10px 10px 10px 0;
}
.alignright {
  float: left;
  margin: 10px 0px 10px 10px;
}

/* SLIDESHOW */

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 227px;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 227px;
    display: block;
    border: 0;
    margin-bottom: 0px;
}


/* SHADOWBOX */
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:5px solid #FFF6CC;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#B59A79}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}
#sb-nav-close{background-image:url(../js/shadowbox/resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(../js/shadowbox/resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(../js/shadowbox/resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(../js/shadowbox/resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(../js/shadowbox/resources/pause.png);background-repeat:no-repeat;}
#sb-counter{display:none;float:left;padding:0;width:0;}
#sb-counter a{display:none; padding:0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{display:none; text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#000;text-decoration:underline;}
.addthis_toolbox   {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px dotted #ccc;
}