/*
Copyright (c) 2009, MODA All rights reserved.
coding by Elle Steiner
http://www.modastudio.com
*/

html,body {
	margin:0;
	padding:0
}

body {
	font: 76% arial,sans-serif;
	}

p {
	margin:0 10px 10px}

a.link {
	color: #333333;
}

a {
	color:#333333;
}

.bold {
	font-weight:bold;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:2px;
	color:#000000;
	margin-top:5px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.subnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:normal;
}

div#container {
	text-align:left;
	width:880px;
	margin:0 auto
	}

/*
----------------IMAGE ROLLOVERS-----------------------
*/

a.rollover {
	display: block;
	width: 298px;
	height: 364px;
	text-decoration: none;
	background: url("images/homepix1.jpg");
	}

a.rollover:hover {
	background-position: -298px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rollover2 {
	display: block;
	width: 382px;
	height: 364px;
	text-decoration: none;
	background: url("images/homepix2.jpg");
	}

a.rollover2:hover {
	background-position: -382px 0;
	}
	
a.rollover3 {
	display: block;
	width: 298px;
	height: 277px;
	text-decoration: none;
	background: url("images/homepix3.jpg");
	}

a.rollover3:hover {
	background-position: -298px 0;
	}
	
a.rollover4 {
	display: block;
	width: 382px;
	height: 277px;
	text-decoration: none;
	background: url("images/homepix4.jpg");
	}

a.rollover4:hover {
	background-position: -382px 0;
	}


/*
----------------MAIN TEXT TABLE-----------------------
*/

div#pix {
	position: absolute;
	bottom: -184px;
	left: 17px;
	height: 271px;
}

div#salonpix {
background-image:url(docs/images/thesalon.jpg) bottom no-repeat; 
}

table.text	{ 
	font-family: arial,sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #333333;
	width: 650px;
	border: 2px #000000 solid;
	}

div#content p {
	line-height:1.4}
	
div#content {
	float:left;
	position:relative;
	width:700px}
	
#styletable
{
	font-family: arial,sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 4px;
	width: 550px;
	border-collapse: collapse;
	text-align: left;
}
#styletable th
{
	font-size: 11px;
	text-align:center;
	font-weight: normal;
	color: #000000;
	padding: 5px 8px;
	border-bottom: 1px solid #666666;
	font-weight:bold;
}
#styletable td
{
	color: #000000;
	padding: 4px 8px 4px 8px;
}
#styletable tbody tr:hover td
{
	color: #666666;
}
	
/*
----------------SUB NAV-----------------------
*/

.lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 640px;
            background-color: white;
            padding: 0px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    


/*
----------------SIDE NAV-----------------------
*/
	 
div#navigation {
	background:#000000;
	float:right;
	width:170px;
	height:700px;
	background-color:#000000;
}

div#logo {
	margin-top: 270px;
	border: 0px;
}

#menu3 {
	width: 170px;
	text-align:center;
	margin-left: -25px;
	margin-top: 230px;
	border-style: solid solid none solid;
	border-color: #000000;
	border-size: 0px;
	border-width: 0px;
	}
	
#menu3 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #FFFFFF;
	display: block;
	background:  url(menu3.gif);
	padding: 8px 0 0 10px;
	}
	
#menu3 li a:hover {
	color: #AAAAAA;
	background:  url(menu3.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

/*
----------------FOOTER-----------------------
*/

div#footer {
	color: #666666;
	clear:both;
	width:100%
}

div#footer p {
	margin:0;
	padding:5px 10px}