body {
font:12px tahoma,verdana,arial,sans-serif;
color:#85788a;
background-color:#f6f1f4;
}

p
{
font-size:100%;
line-height:1.5;
margin-bottom:1em;
}

a
{
font-size:12px;
color:#d168ff;
}

a:link, a:visited {
	color:#d168ff;
	text-decoration:none;
}
a:hover {
	color:#cc99cc;
	text-decoration:none;
	
}
a img {
	border:none;
}

#logo a {
display:block;
height:105px;
text-decoration:none;
width:230px;
}

#logo
{
width:230px;
float:left;
}

#phone
{
float:right;
width:205px;
background:url("images/phone-number.png") no-repeat scroll bottom left transparent !important;
height:125px;
}

.facebook
{
height:20px;
text-decoration:none;
width:20px;
padding-left:174px;
padding-top:76px;
float:left;
}

.facebook a, .twitter a
{
display:block;
height:20px;
width:20px;
}

.twitter
{
float:left;
padding-top:72px;
width:20px;
height:20px;
}



h1 {
	font-size: 18px;
	color:#663366;
	padding: 8px 0 0 0;
	line-height: 1.5em;
	text-transform:uppercase;
	font-weight:normal;
}
h2 {
	font-size: 130%;
	color: #663366;
	font-weight: bold;
	padding: 10px 0 10px 0;
	line-height: 0.7em;
	letter-spacing:-0.04em;
}

h3 {
	font-size:110%;
	font-weight: bold;
	text-transform:uppercase;
	color:#663366;
}
h4 {
	font-size:100%;
	text-transform:uppercase;
	color:#663366;
	line-height:1.2;

}
h5 {
	color:#663366;
	font-family:"Helvetica","Arial",sans-serif;
	font-size:1em;
	margin:8px 0;
	line-height:1.6em;
	font-weight:normal;
}
h6 {
	font-size:15px
}
ol {
	list-style:decimal
}
li {
	margin:0px;
}

ul {
margin:0px;
padding:0px;
}

#container
{
width:1024px;
background-color:white;
margin-left:auto;
margin-right:auto;
position:relative;
}

#header {
background:url("images/vive-logo.png") no-repeat scroll 0 0 transparent !important;
height:125px;
margin:0;
padding:0;
width:100% !important;
}

#header img
{
float:right;
}

#mainNav
{
width:460px;
padding-left:0px; 
padding-top:105px;
float:left;
}

#mainNav ul li
{
display:inline;
text-transform:uppercase;
letter-spacing:0px;
}

#mainNav ul li a
{
color:#cf6ef9;
}

#mainNav ul li a:hover
{
color:#cc99cc;
}

#columns 
{
border-top:1px solid #dfcad5;
background:url("images/swirl.png") no-repeat scroll 0 0 white !important;
display:inline;
float:left;
position:relative;
width:1024px;
}

#left
{
width:240px;
}

#columnOne {
display:inline;
float:left;
position:relative;
width:240px;
}

#columnTwo {
background-color:white;
display:inline;
float:left;
margin-left:0;
position:relative;
width:460px;
}



#columnThree
{
background-color:white;
display:inline;
float:left;
margin-left:0;
position:relative;
width:324px;
}

#sideNav
{
width:90px;
padding-left:20px;
padding-top:20px;
}



#sideNav span
{
display:none;
}

#sideNav ul li
{
padding-bottom:10px;
}

.menu-body, .menu-hair, .menu-special, .menu-news {
float:left;
height:89px;
}

.menu-body a {
display:block;
float:left;
height:89px;
text-decoration:none;
width:87px;
}

.menu-body a {
background:url("images/menu-body.png") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}
.menu-body a:hover {
background-position:50% -89px;
color:#000066;
}

.menu-news a {
display:block;
float:left;
height:89px;
text-decoration:none;
width:87px;
}

.menu-news a {
background:url("images/menu-news.png") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}
.menu-news a:hover {
background-position:50% -89px;
color:#000066;
}

.menu-hair a {
display:block;
float:left;
height:89px;
text-decoration:none;
width:89px;
}
.menu-hair a {
background:url("images/menu-hair.png") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}
.menu-hair a:hover {
background-position:50% -89px;
color:#000066;
}

.menu-special a {
display:block;
float:left;
height:89px;
text-decoration:none;
width:89px;
}
.menu-special a {
background:url("images/menu-specials.png") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}
.menu-special a:hover {
background-position:50% -89px;
color:#000066;
}

#extraNav ul li
{
padding-top:30px;
padding-left:30px;
}

#extraNav span
{
display:none;
}

.menu-treatment {
float:left;
height:294px;
}

.menu-treatment a {
display:block;
float:left;
height:294px;
text-decoration:none;
width:262px;
}

.menu-treatment a {
background:url("images/menu-treatment.jpg") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}

.menu-treatment a:hover {
background-position:50% -294px;
color:#000066;
}

.menu-treatment-hair {
float:left;
height:294px;
}

.menu-treatment-hair a {
display:block;
float:left;
height:294px;
text-decoration:none;
width:262px;
}

.menu-treatment-hair a {
background:url("images/menu-hair.jpg") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}

.menu-treatment-hair a:hover {
background-position:50% -294px;
color:#000066;
}

.infoBox
{
background:url("images/latest-specials-top.jpg") no-repeat scroll 0 0 #f4f3f4;
position:relative;
margin-top:20px;
margin-left:50px;
padding-top:20px;
float:left;
width:221px;
margin-bottom:10px;
}

.infoBox .click 
{
position:absolute;
left:180px;
height:40px;
width:40px;
}

.infoBox .click a
{
height:40px;
width:40px;
display:block;
}

.border
{
border-left:1px solid #dfcad5;
border-right:1px solid #dfcad5;
}

.border p 
{ 
margin-bottom:0px;
padding:10px;
}

#footer {
background:url("images/swirl-old.png") no-repeat scroll 0 0 #B09BA6 !important;
display:inline;
float:left;
position:relative;
width:100%;
}

.foot
{
margin-left:auto;
margin-right:auto;
width:1024px;
}

#footer h2
{
color:white;
text-transform: uppercase;
}

#footer .sitewide {
display:inline;
float:left;
margin-left:0;
position:relative;
padding-left:25px;
}

#footer .location
{
float:left;
width:480px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
border-right:1px solid #DFCAD5;
}

#footer .location p
{
color:#E5DAE0;
}

#footer .col
{
width:120px;
float:left;
margin-top:20px;
}

#footer .col h4
{
color:white;
}

#footer .col a
{
color:#E5DAE0;
}

#footer .col a:hover
{
color:#B09BA6;
}

#footer span
{
display:none;
}

.menu-location {
float:left;
height:105px;
}

.menu-location a {
display:block;
float:left;
height:105px;
text-decoration:none;
width:115px;
}

.menu-location a {
background:url("images/menu-location.png") no-repeat scroll 50% 0 transparent;
color:#539BF0;
}

.menu-location a:hover {
background-position:50% -105px;
color:#000066;
}

/* Tables */

table {
color:black;
font-family:Tahoma, Trebuchet,verdana,Arial,Helvetica,sans-serif;
font-size:13px;
position:relative;
width:450px;
border-left:1px solid #dbcdc8;
}

td {

}

td.left {
color:#918188;
font-family:Tahoma, Trebuchet,verdana,Arial,Helvetica,sans-serif;
margin:0.5em 0 0;
position:relative;
width:250px;
text-transform:uppercase;
padding-left:10px;
font-weight:bold;
}

td.right {
color:#918188;
font-family:Tahoma, Trebuchet,verdana,Arial,Helvetica,sans-serif;
margin:0.5em 0 0;
position:relative;
text-align:left;
width:60px;
}

.light {
font-weight:normal;
text-transform:lowercase;
}

.inner
{
color:#85788A;
font:12px tahoma,verdana,arial,sans-serif;
text-transform:lowercase;
padding-left:10px;
}

.list
{
margin-bottom:10px;
list-style:circle inside;
}


#contact_form label {
display:block;
float:left;
margin-bottom:2px;
margin-top:5px;
width:212px;
}

#contact_form {
color:#ba8da1;
font-style:italic;
}

form {
width:424px;
}

#contact_form input {
width:190px;
}

#contact_form input, textarea {
background-color:#e5dae2;
border:medium none;
color:#330099;
padding:4px;
}