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

/* --- General styles --- */

p, a, h1, h2, h3, h4, body, img, td, tr, ul, li {
	margin:0;
	padding:0;
	border:0;
}

p, td, th, h1, h2, h3, ul, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#555353;
}

a {
	text-decoration:none;
	color:#555353;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

#container {
	margin:0 auto;
	text-align:left;
	width:910px;
	padding:20px 0;
}


h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	font-weight:normal;
	line-height:23px;
}

h1, h2, h3 {
	margin-bottom:10px;
}

h3.label {
	margin-bottom:5px;
	color:#6d6d9d;
}

p {
	margin-bottom:10px;
}

p.attribution {
	text-align:right;
	margin-bottom:0;
	font-style:italic;
}

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

td {
	vertical-align:top;
	padding-right: 30px;
}

td.last {
	padding:0;
	border:0;
}



/* --- Header --- */

#header {
	position:relative;
	width:100%;
	height:125px;
}

#header h1 {
	background:#fff url(../imgs/logo.gif) no-repeat 14px 0;
	width:411px;
	height:30px;
	text-indent:-9999px;
	float:left;
	position:relative;
	top:0;
	left:0;
	margin:0;
}

#header h1 a {
	position:absolute;
	width:397px;
	height:30px;
	top:0;
	left:15px;
	margin:0;
}

#header h2 {
	text-indent:-9999px;
	float:left;
	background:transparent url(../imgs/header_top.gif) no-repeat 0 0;
	width:910px;
	height:53px;
	margin:0;
}

p.topinfo {
	text-align:right;
	padding-top:10px;
	padding-right:5px;
	color:#000;
	font-size:14px;
	margin:0;
}

#nav {
	width:100%;
	height:30px;
	clear:both;
}

#nav ul li {
	list-style:none;
	float:left;
}

#nav ul li a {
	display:block;
	text-indent:-9999px;
	height:30px;
	background-image:url(../imgs/nav.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

#nav1 a {
	width:109px;
	background-position:0 0;
}

#nav1 a:hover {
	background-position:0 -30px;
}

#nav2 a {
	width:115px;
	background-position:-109px 0;
}

#nav2 a:hover {
	background-position:-109px -30px;
}

#nav3 a {
	width:122px;
	background-position:-224px 0;
}

#nav3 a:hover {
	background-position:-224px -30px;
}

#nav4 a {
	width:165px;
	background-position:-346px 0;
}

#nav4 a:hover {
	background-position:-346px -30px;
}

#nav5 a {
	width:133px;
	background-position:-511px 0;
}

#nav5 a:hover {
	background-position:-511px -30px;
}

#nav6 a {
	width:119px;
	background-position:-644px 0;
}

#nav6 a:hover {
	background-position:-644px -30px;
}

#nav7 a {
	width:147px;
	background-position:-763px 0;
}

#nav7 a:hover {
	background-position:-763px -30px;
}

body.home #nav1 a {
	background-position:0 -60px;
}

body.about #nav2 a {
	background-position:-109px -60px;
}

body.salon #nav3 a {
	background-position:-224px -60px;
}

body.events #nav4 a {
	background-position:-346px -60px;
}

body.news #nav5 a {
	background-position:-511px -60px;
}

body.shop #nav7 a {	
	background-position:-763px -60px;
}

#header_shadow {
	width:100%;
	height:12px;
	clear:both;
	background:transparent url(../imgs/header_shadow.gif) no-repeat scroll 0 0;
}

body.home #header_shadow {
	background-image:url(../imgs/header_shadow_home.jpg);
}


/* --- Content --- */

#content {
	width:838px;
	margin:0 5px;
	background-color:#f4f4fd;
	border-left:1px solid #b5b7a7;
	border-right:1px solid #b5b7a7;
	padding:15px 30px 30px 30px;
}

body.home #content {
	padding:0;
	width:898px;
	height:244px;
}

body.home #content p {
	margin:0;
}

body.home #hero1 {
	text-indent:-9999px;
	background:transparent url(../imgs/hero1.gif) no-repeat scroll 0 0;
	width:435px;
	height:244px;
	float:left;
}

body.home #hero1 h1 {
	float:left;
}

body.home #hero1 a {
	display:block;
	width:435px;
	height:244px;
}

body.home #hero2 {
	background:transparent url(../imgs/hero2.jpg) no-repeat scroll 0 0;
	width:463px;
	height:244px;
	float:left;
}

body.home #hero2 a {
	display:block;
	width:463px;
	height:244px;
}

#content_shadow {
	clear:both;
	background:transparent url(../imgs/content_shadow.gif) no-repeat scroll 0 0;
	width:900px;
	height:4px;
	margin:0 5px 10px 5px;
}

#box_welcome {
	float:left;
	width:258px;
	height:157px;
	padding:50px 17px 17px 17px;
	overflow:hidden;
	background:transparent url(../imgs/box_welcome.gif) no-repeat scroll 0 0;
	margin-left:5px; 
}

#box_store {
	float:left;
	width:292px;
	height:224px;
	text-indent:-9999px;
	background:transparent url(../imgs/box_store.jpg) no-repeat scroll 0 0;
	margin-left:12px;
}

#box_salon {
	float:left;
	width:292px;
	height:224px;
	text-indent:-9999px;
	background:transparent url(../imgs/box_salon.jpg) no-repeat scroll 0 0;
	margin-left:12px;
}

#box_shop {
	float:left;
	width:292px;
	height:224px;
	text-indent:-9999px;
	background:transparent url(../imgs/box_shop.jpg) no-repeat scroll 0 0;
	margin-left:12px;
}

.box_last {
	margin-left:0;
}

#box_store a, #box_salon a, #box_shop a {
	display:block;
	width:292px;
	height:220px;
}

#col1 {
	float:left;
	width:433px;
	margin-right:30px;
}

#col2 {
	float:right;
	width:375px;
}

.events #col1 {
	float:left;
	width:338px;
	margin-right:30px;
}

.events #col2 {
	float:right;
	width:470px;
}


.clearall {
	clear:both;
	display:block;
	height:1px;
	margin:0;
	overflow:hidden;
	padding:0;
	background:#f4f4fd;
}

.message_head {
	width:433px;
	height:5px;
	background:#8a8ab5 url(../imgs/message_head.gif) no-repeat scroll 0 0;
	margin-top:20px;
	overflow:hidden;
}

.message_foot {
	width:433px;
	height:5px;
	background:#8a8ab5 url(../imgs/message_foot.gif) no-repeat scroll 0 0;
	overflow:hidden;
}

.message_body {
	width:403px;
	padding:0 15px;
	background-color:#8a8ab5;
}

.message_body p {
	color:#fff;
	margin:0;
}

.message_body a {
	color:#d5edcf;
}

body.events #content h2 {
	font-size:17px;
	margin-top:15px;
	margin-bottom:5px;
}

body.events #content p {
	margin-bottom:5px;
}

p.datetime {
	font-weight:bold;
	margin-top:5px;
}

.facebook {
	background-image:url(../imgs/facebook.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
}

.facebook a {
	margin-left:20px;
}

.paypal {
	background-image:url(../imgs/paypal.gif);
	background-repeat:no-repeat;
	padding-left:64px;
}

body.shop td {
	padding:20px 20px 20px 0;
	border-bottom:1px solid #b5b7a7;
}

body.shop td.item {
	padding-right:0;
}

body.shop td.top {
	padding-top:0;
}

body.shop td.bottom {
	border:0;
	padding-bottom:0;
}

body.shop td p {
	width:510px;
}

td.item h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
}

body.shop form table, body.shop table table {
	margin:0;
}

body.shop form table td, body.shop table table td {
	border:0;
	padding:0;
}

body.shop form select {
	margin-bottom:10px;
}

.img_item {
	width:200px;
}


/* --- Footer --- */

#footer {
	clear:both;
	text-align:center;
	padding-top:20px;
}

#footer p {
	margin-bottom:0;
}

p.copyright {
	font-size:12px;
	color:#b5b7a7;
	
}