@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	background:url(images/bg2.jpg) no-repeat top center #3a2a69;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:#FFFFFF;
	line-height:1.2em;
}


.container {
	width:944px;
	margin:0 auto -10px auto;
	/*border-left:1px solid white;
	border-right:1px solid white;*/
	padding:0;
	text-align:center;
	min-height:800px;
}

#contact .container {
	width:900px;
}

/* TYPOGRAPHY */

h1 {
	font-size:22px;
	margin:10px 0 20px 0;
}

h2 {
	
}


p {
	font-size:17px;
	margin:20px auto;
}

.small { 
	font-size:12px;
}

.motto {
	font-size:15px;
	color:#FFF;
}

/* LINKS */

a {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
	outline:none;
}


/* HEADER */

	/* ACTIVE NAV */
	
	#home #home-nav {
		background:url(images/nav-button-active.png) no-repeat top;
	}
	#home #home-nav:hover {
		background:url(images/nav-button-active.png) no-repeat bottom;
	}
	#treats #treats-nav {
		background:url(images/nav-button-active.png) no-repeat top;
		letter-spacing:-0.08em;
	}
	#treats #treats-nav:hover {
		background:url(images/nav-button-active.png) no-repeat bottom;
	}
	#salon #salon-nav {
		background:url(images/nav-button-active.png) no-repeat top;
	}
	#salon #salon-nav:hover {
		background:url(images/nav-button-active.png) no-repeat bottom;
	}
	#contact #contact-nav {
		background:url(images/nav-button-active.png) no-repeat top;
	}
	#contact #contact-nav:hover {
		background:url(images/nav-button-active.png) no-repeat bottom;
	}

#header {
	height:258px;
	width:926px;
	margin:0 auto 20px auto;
	padding:0;
}

#social-panel {
	background:url(images/social-panel.png) no-repeat right top;
	float:right;
	width:278px;
	height:54px;
	margin:0;
	position:relative;
	top:0;
	right:0;
	padding-top:8px;
	text-align:center;
}

#social-panel iframe {
	margin-left:8px;
}

#logo {
	width:251px;
	margin:0 auto;
	position:relative;
	top:20px;
}

#number {
	float:right;
	position:relative;
	right:0;
	bottom:60px;
	text-align:right;
	font-weight:bold;
	font-size:24px;
}

#number a {
	text-decoration:underline;
	color:#FFF;
}

table {
	width:100%;
	height:42px;
	margin-top:10px;	
}


#top-nav {
	color:#474086;
	font-size:17px;
	margin:30px auto 50px auto;
	padding:0;
	text-align:center;
	height:42px;
	width:auto;
}

#top-nav a {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:156px;
	height:42px;
	background:url(images/nav-button.png) no-repeat top;
	text-align:center;
	text-decoration:none;
	color:#474086;
}

#top-nav a:first-child {
}

#top-nav a:hover {
	background:url(images/nav-button.png) no-repeat bottom;
}

#top-nav a span {
	display:block;
	margin-top:12px;
}

/* MAIN  */

#fader {
	width:944px;
	margin:10px auto;
}

#fader li {
	text-align:center;
	height:390px;
}

.intro {
	text-align:center;
}

.image-row {
	margin:40px auto 0 auto;
	width:944px;
	text-align:center;
}

.image-row div {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:253px;
	margin-left:70px;
}

.image-row div:first-child {
	margin-left:0px;
}

.image-row h2 {
	margin-bottom:2px;
	font-weight:400;
	font-size:20px;
}

#price-list {
	margin:20px 0;
	border:3px solid #FFF;
	border-radius:10px;
	background-color:#FFF;
	overflow:auto;
}

#price-list img {
	width:938px;
}

.left {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:50%;
	text-align:center;
}

.left p {
	margin:15px 0 20px 0;
	width:390px;
}

.left h3 {
	width:390px;
}

.left span img {
	width:26px;
	margin:0 auto;
}

.left span {
	display:block;
	/*position:relative;
	left:20px;*/
	width:390px;
	margin-bottom:15px;
}

.right {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:49%;
	vertical-align:top;
	text-align:right;
}

.iframe {
	border:3px solid #fff;
	border-radius:10px;
	margin:6px auto 20px auto;

}

#salon-head {
	height:239px;
	background:url(images/salon-head-bg.png) no-repeat top center;
	padding-left:34px;
	padding-top:24px;
	text-align:left;
	color:#323086;
	margin:0 auto;
}

#salon-head h2 {
	font-size:20px;
	margin-bottom:10px;
	width:700px;
}

#salon-head p {
	width:688px;
	margin:0;
	font-size:1em;
	text-shadow:#ebebeb 1px 1px 2px, #ebebeb -1px -1px 2px, #ebebeb 1px -1px 2px, #ebebeb -1px 1px 2px ;
	max-height: 135px;
	line-height: 1.1em;
}

#salon-head span {
	display:block;
	position:relative;
	float:right;
	text-align:center;
	bottom:12px;
	right:66px;
	font-size:13px;
	color:#FFF;
}

#salon .left {
	margin-top:-20px;
}

#salon .left p {
	text-align:justify;
	margin-left:30px;
	font-size:1em;
	width:100%;
}

#salon .left p img {
	margin:20px auto;
	display:block;
}

#salon .left .eminence {
	margin-top:40px;
}

#salon .right {
	text-align:right;
}

#salon .right img:first-child {
	margin-top:-10px;
	margin-bottom:10px;
}

#salon .right img {
	margin-right:20px;
}

#salon .right p {
	width:376px;
	height:320px;
	background:url(images/test-bubble.png) no-repeat;
	margin:30px 0;
	position:relative;
	right:0;
	left:58px;
	color:#323086;
	text-align:left;
}
#salon .right p span {
	display:block;
	width:266px;
	height:300px;
	margin:0 40px 10px 100px;
	padding-top:20px;
	
}

#salon .right p span i {
	font-weight:bold;
	display:block;
	margin-top:20px;
	text-align:center;
}

#salon .right h3 {
	text-align:center;
	margin-top:30px;
	margin-left:105px;
}


/* FOOTER */

#footer {
	width:100%;
	background-color:#ececec;
	height:186px;
	color:#323086;
	position:relative;
	bottom:0!important;
	top:0;
	text-align:center;
	overflow:hidden;
	/*padding:10px 0;*/
	margin-top:40px;
	margin-bottom:-20px;
}

#footer-inner {
	text-align:center;
	width:944px;
	margin:0 auto;
	height:186px;
}

#footer ul {
	list-style:none;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	margin:30px 50px 0 0;
	height:160px;
	text-align:left;
}

#footer li {
	margin-bottom:16px;
}

#footer a {
	color:#323086;
	font-size:17px;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer div {
	display:inline-block;
	*display:inline;
	zoom:1;
	height:186px;
	margin:0;
	vertical-align:top;
}
	

#footer-left {
	/*width:388px;*/
}

#footer-middle {
	text-align:center;
	margin:0 auto;
}

#footer-middle img {
	margin:30px auto 20px auto;
}

#footer-right{
	text-align:right;
	/*width:356px;*/
	padding-top:10px;
}

#footer-right p img {
	vertical-align:middle;
	position:relative;
	right:20px;
}

#footer-right p {
	text-align:left;
	margin:20px 0px 0px 150px;
}

#footer-right a {
	font-size:18px;
}

#tel {
	font-size:24px;
	letter-spacing:0.005em;
	font-weight:100;
	position:relative;
	right:20px;
	top:5px;
}