body 
{
    padding: 0;
    margin: 0;
    background: #038F3F;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
    font-size: 11px;
	
}
#container{
    margin: 10px auto;
    background: rgb(255, 255, 255);
    width: 830px;
    height: auto;
    position: relative;
    /*border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    */
}
#header
{
    margin: 0;
    padding: 0px 0px 0px 0px;
    }
#productsearch{
    top: 0px;
    left: 500px;
    width: 240px;
    position: absolute;
    background: #038F3F;
    padding: 2px 2px 2px 2px;
    color: #fff;
    text-align:center;
    }
#logo
{
    left: 20px;
    width: 102px;
    position: relative;
    float: left;
    
    }
#logo img
{
    width: 102px;
    height: 115px;
    background: transparent url(/images/logo.jpg) no-repeat;
    border: 0;
    }
#salonimage
{
    position: relative;
    float: right;
}
#slogan 
{
    
    margin-left: 140px;
    width: 600px;    
}
#maincontent{
    clear: left;
    margin: 0;
    padding: 0px 0px 0px 0px;
    }
#contentleft
{
    float:left;
    position: relative;
    }
#rightmenu
{
    width: 280px;
    background: #ccc;
    padding: 5px 5px 5px 5px;
    }

div#menu
{
    left: 150px;
    color: #fff;
	padding: 0;
	margin: 0 auto;
	z-index: 10;
	font-size: 85%;
	font-weight: bold;
	width: 100%;
	position:relative;
	}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 10px;width:800px;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 80px;padding: 5px 0;background: #038F3F;text-decoration:none;color: #fff}
ul#nav a:hover{background: #014920;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

.separator{clear:both;height:10px;background:#038F3F}
.separatorclear{clear:both;height:10px;}
.dottedseparator
{
    background: url(/images/dotted_line.gif) top left repeat-x;
    height:5px;
    width: 80%;
    }
#center 
{
    width: 500px;
    background-color: #fff;
    text-align: left;
    margin-left:20px;
    padding: 10px 10px 10px 10px;
}
#right
{
    background-color: #333333;
    color: #fff;
    width: 200px;
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
    }

#projects
{
    background: url(/images/dotted_line.gif) top left repeat-x;
	margin-top: 13px;
    padding-left: 10px;
    text-align: left;
    
}
#footer
{
    margin-top: 13px;
    text-align: center;
    width: 100%;
    color: #000;
    font-weight: bold;
    z-index: 100;
    position: relative;
}

h1
{
    margin-top: 3px;
    font-size: 200%;
    margin-bottom: 3px;
}
h2
{
    margin-top: 3px;
    font-size: 150%;
    margin-bottom: 3px;
    }
h3
{
    margin-top: 3px;
    font-size: 120%;
    margin-bottom: 3px;
    }
h4 
{
    margin-top: 3px;
    font-size: 75%;
    margin-bottom: 3px;
}
a, a:link, a:visited {
	color: navy;
	text-decoration: none;
	padding: 1px 2px;
}

a:hover {
	color: #000;
	padding: 1px 2px;
}
A.dark:link,A.dark:visited {
color: #fff;
text-decoration: none;
}

A.dark:hover {
color: #000;
text-decoration: none;
}
A.medium:link,A.medium:visited {
color: #588DA2;
text-decoration: none;
}

A.medium:hover {
color: #E0EFF0;
text-decoration: none;
}
textarea {
	font-family: "Tahoma", Verdana, Arial, Georgia, sans-serif;
}

input, select, textarea {
	font-size: 85%;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #dddddd;
	background: #fff url(/images/fieldbg.gif) repeat-x top;
	padding: 1px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	cursor: pointer;
}
.inputsmall
{
    width: 40px;
}

select option {
	padding-right: 5px;
}
#rotator
{
	border: 1px solid #000;
	overflow: hidden;
	margin: 50px auto 10px;
	position: relative;
	width: 400px;
	height: 300px;
}

#rotator img
{
	width: 400px;
	height: 300px;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
        background-color:#EFEFEF;
	padding: 1em;
	margin-bottom: 0.5em;
}

fieldset legend {
        font-size: 120%;
        font-weight: bold;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {
font-weight: bold;

}

.field-widget {

}

#topnav , #topnav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #038F3F;
	padding: 0;
        z-index: 1;
        font-family:"trebuchet ms";
	font-size:small;
}

#topnav a {
	display: block;
	color: white;
	text-decoration: none;
	
}

#topnav li {
	float: left;
        padding: 0.25em;
}

#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	margin: 0;
}

#topnav li li {
	padding-right: 1em;
	width: 13em;
}

#topnav li ul a {
	width: 13em;
	w\idth: 9em;
}

#topnav li ul ul {
	margin: -.75em 0 0 14em;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
}

#topnav li:hover, #topnav li.sfhover {
	background: #038F3F;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
font-size: 1em;
margin: 0;
padding: 0;
}


div#banner {
background: transparent url(logo.jpg) top left no-repeat;
padding-top: 12px;
padding-bottom: 36px;
}

div#banner h1, div#menu h2 {
margin: 0;
padding: 0;
}

div#banner h1 a {
display: block;
width: 270px;
height: 120px;
}
div#banner h1 a span, div#banner .skip {
position: absolute;
top: -10000px;
left: -10000px;
}

ul#menu {
background: #038F3F;
color: #fff;
margin: 0;
padding: 0.3em 0em;
font-family: "Verdana";
}


ul#menu li {
display: inline;
margin: 0.05em .5em;
position: relative;
}

ul#menu h2, ul#menu h3 {
font-size: 100%;
font-weight: normal;
display: inline;
}


ul#menu li a {
color: #fff;
text-decoration: none;
padding: 0 0.4em;
}

ul#menu li a:hover {
text-decoration: underline;
}

ul#menu li.mega a {
background: transparent url(/images/arrow.gif) center right no-repeat;
padding: 0 1.2em;
}

ul#menu li.mega a:hover {
text-decoration: underline;
}

ul#menu div {
display: none;
}

ul#menu li.mega div {
border: 1px solid #dda;
width: 18em;
position: absolute;
top: 1.6em;
left: 0em;
padding: 1.3em;
background: #ffc;
color: #930;
}

ul#menu li.hovering div {
display: block;
}

ul#menu li.mega div a {
color: #300;
padding: 0;
background-image: none;
text-decoration: underline;
}

ul#menu li div a.more {
color: #390;
font-weight: bold;
}


ul#menu div h3 {
color: #f70;
font-weight: bold;
font-size: 1.1em;
}
ul#menu div p {
margin: 0 0 0.8em 0;
padding: 0;
}

ul#menu li.mega div a { text-transform: uppercase; }

.slideshow { height: 300px; width: 400px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }