/****************************************************
* Client: Neroli
* Date:   May 2006
* Author: Moustique Design http://www.moustique.net/
****************************************************/

/* ---------------- TYPOGRAPHY ----------------*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 76%;/* font sizing in ems. decide on text sizes in relation to each other first. then change this value to control overall text size.*/
	color: #820c4c;
	background: #DBBD8F url('../images/bg_body_tile_01.jpg') left top repeat-x;
	line-height:1.3em;
	padding:0;
	}


h1 {
	font-size: 1.7em;
	font-weight:normal;
	}

h2 {
	font-size: 1.1em;
	font-weight:bold;
	margin: 0.5em 0 0.5em 0;
	}

h3 {
	font-size: 1em;
	margin: 1em 0 0.3em 0;
	}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0 0 0;
  clear: both;
	}
	
h5 {
	font-size: 1em;
	font-weight: bold;
	}

h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px 0px -7px 0px;
	}
	
p, td, th {
	font-size:0.9em;
	}

td, th {text-align:left;
vertical-align: top;}

ol, ul, li {
font-size: 1em;
line-height: 1.5em;
}

li {
line-height: 1.3em;
}

strong {font-weight: bold;}

em {font-style:italic;}

/* ------------------ LINKS ------------------*/
a:link,
a:visited,
a:active {
color:#660033;
background-color:transparent;
}

a:hover {
color:#FFF;
background-color:transparent;
}

a.sub_active:link,
a.sub_active:visited,
a.sub_active:active {
color:#660033;
background-color:transparent;
font-weight: bold;
}

p a:link,
p a:visited,
p a:active {
color:#660033;
background-color:transparent;
}

h2 a:link, h2 a:visited, h2 a:active
h3 a:link, h3 a:visited, h3 a:active {
color:#660033;
background-color:transparent;
text-decoration: none;
}

h2 a:hover, h3 a:hover, p a:hover {
color:#CC6699;
background-color:transparent;
}

/* ------------------ WRAPPER ------------------*/
#wrapper {
margin-left:auto;
margin-right:auto;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

/* ------------------ HEADER AREA ------------------*/
#header {
background: transparent url('../images/bg_photos_01.jpg') center no-repeat;
width:850px;
height:111px;
}

#header h1 {
width:124px;
height:88px;
float:left;
margin-left:40px;
}

#header span {
visibility:hidden;
}

#header ul {
float:right;
width:auto;
margin:10px 40px 0 0;
padding:0;
}

#header ul li {
list-style-type:none;
float:left;
width:auto;
}

#header ul li a {
width:auto;
margin:0 1em;
font-weight:bold;
color:#603;
background-color:transparent;
}

#header ul li a:hover { text-decoration:none;}
/* ------------------ MAIN CONTENT AREA ------------------*/
#inside_wrapper { /*stores the flower background */
clear:both;
background: transparent url('../images/bg_photos_02.jpg') top no-repeat;
width:850px;
}

#left_snippets {
float:left;
width:125px;
background-color:transparent;
color:#fff;
margin:120px 0 0 50px;
font-size:0.9em;
}

#left_snippets h3 {margin:0;}
#left_snippets h4 {margin:0 0 20px 0;}
#left_snippets p {margin-top:0;}

#left_snippets h3#map_box {
background: transparent url('../images/bg_map.gif') center no-repeat;
width:116px;
height:31px;
font-size:0.9em;
line-height:1em;
padding:5px 5px 0 5px;
}

#left_snippets a {
color:#fff;
background-color:transparent;
font-weight:bold;
}

.opening {
font-size:0.8em;
width: 55px;
}

.opening_r {
text-align: right;
}

#main {
float:right;
width:604px;
height:445px;
margin:0 40px 5px 0;
}

.right { 
float: right;
padding:0 25px 0 0;
font-size: 0.9em;
text-align: right;
}

.left { 
float: left;
padding:0 25px 0 0;
font-size: 0.9em;
text-align: right;

}

div.middle { 
padding:0 25px 0 75px;
font-size: 0.9em;
}

.sm {
clear:both; 
font-size: 0.8em;
font-style: italic;
}

.massive {
font-size: 2em;
}

.indent {
padding:0 0px 0 40px;
}

#content_overflow {/*change div in html from content to content overflow if need overflow*/
overflow:scroll;
overflow-x:hidden;
scrollbar-face-color: #fff;
scrollbar-track-color: #dabe8f;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #dabe8f;
scrollbar-shadow-color: #dabe8f;
scrollbar-darkshadow-color: #dabe8f;
scrollbar-arrow-color: #dabe8f;
color:#820c4c;
background-color:#fff;
width:579px;
height:409px; /*height of nav plus this gives height of main div (above)*/
margin:0 0 20px 0;
padding: 0 0 0 25px;
}

#content {
color:#603;
background-color:#fff;
width:604px;
height:409px; /*height of nav plus this gives height of main div (above)*/
margin:0 0 25px 0;
}

#content h2,
#content h3,
#content h4,
#content p {
margin:10px 25px 0 25px;}

#content_overflow p {
margin:5px 25px 0 0;
text-align:justify;}

#content_overflow p.none {
margin:0;}

#content h2 {margin:0 25px 10px 25px;}
#content p #content_overflow p {text-align:justify;}

#content img.bg {float:left;}
#content img.first_image {float:left; margin-left:15px;}

#content_overflow .bold {
	font-weight: bold;
}

.salon {
	float:left;
	width:280px;
	height:100px;
	margin-left: -10px;
	padding:0;

}


.office {
	float:left;
	width:250px;
	height:100px;
	margin:0;
	padding:0;

}

#purple {
	color:#603;
}

/* ------------------ NAV & Footer menu ------------*/
#nav {
clear:both;
background:transparent url('../images/bg_nav.gif') center no-repeat;
width:604px;
height:36px;
}

#nav ul {
padding:0;
margin: 0;
list-style-type:none;
}

#nav ul li {
float:left;
margin:0 1em;
}

#nav ul li.first_nav {margin:0 1em 0 2em;}

#nav ul a {
display:block;
float:left;
width:auto;
height:2.4em;
line-height:2.4em;
text-align:center;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
color:#fff;
background-color:transparent;
}


#nav ul a.active,
#nav ul a:hover {
display:block;
float:left;
width:auto;
height:2.4em;
line-height:2.4em;
text-align:center;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
color:#660033;
background-color:transparent;
}

#nav ul a.active:hover  {
color:#fff;
background-color:transparent;
}



/* ------------------ FOOTER MENU ------------------*/
#footer_wrapper {/*stores a repeating footer*/
clear:both;
background: transparent url('../images/bg_footer.gif') left repeat-x;
width:100%;
margin-bottom:-15px;
}

#footer {/*stores the footer bar with the flower petal on*/
color:#603;
/*background:transparent url('../images/images/bg_photos_03.jpg') left no-repeat;*/
width:810px;
height:2.2em;
}

#footer * {margin:0;padding:0;}

#footer ul {
float:left;
list-style-type:none;
margin:5px 0 0 15px;
}

#footer ul li {
float:left;
width:auto;}

#footer ul a {
font-size:0.9em;
font-weight:bold;
}

#footer p.copyright {
float:left;
font-weight:bold;
color:#fff;
text-align:right;
margin:5px 0 0 40px;
}

#footer p.siteby a:link,
#footer p.siteby a:visited {
display:block;
color:#fff;
text-align:right;
padding:5px 0 0 0;
margin-right:5px;
text-decoration:none;
}

#footer p.siteby a:hover,
#footer p.siteby a:active {
text-decoration:underline;
color:#fff;
padding:5px 0 0 0;
margin-right:5px;
}

/* ------------------ TABLES -------------- ------------------*/

th {font-weight:normal;}

/* ------------------ MISC. CLASSES and IDs ------------------*/
.clear {clear:both;}