/*********************
salon01
css sheet v1.0

colors:
orange:#F05A28
brown:#764200
********************/
html {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
body {
	background: #c9b88a url('../images/body_bg.jpg') repeat-x top left;
	font-family: verdana,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 78%;
}
a {
	outline: none;
}


/*********************
container
*********************/
#container {
	width: 800px;
	margin: 0 auto;
}

/*********************
#header
*********************/
#container #header {
	/*height:130px;*/
	margin:70px 0px 0px 0px;
	position: relative;
}

#container #header #appointment a {
	background: transparent url('../images/appointments_bg.png') no-repeat top left;
	font-size: .98em;
	width: 118px;
	height: 20px;
	padding: 2px 0 0 0;

	display: block;
	text-decoration: none;
	color: #F05A28;
	float: left;
	text-align: center;
}
#container #header #appointment a:hover {
	text-decoration: underline;
}
#container #header #mainNav {
/*	position: absolute;*/
	position: relative;
	display: inline;
	float: left;
	z-index: 60;
/*	top:40px;
	left:0;*/

}
#container #header #mainNav li {
	float: left;
	margin-left: 14px;
}
#container #header #mainNav li a {
	font-size:.9em;
	color: white;
	text-decoration: none;
	text-shadow: #363636 -8px 8px 4px;
}
#container #header #mainNav li a:hover {
	text-decoration: underline;
}
#container #header #logo {
	float: right;
	position: relative;
	top: 3px;
	left: 34px;
	width: 207px;
	height: 121px;
	margin-top: -68px;
}
#container #header #headerslogan {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: .92em;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	float: right;
	width: 135px;
	position: relative;
	top: -15px;
}
#container #main {
	margin-top: 30px;

}
#container #main li img{
	width: 800px;
	height: 254px;
}


/*********************
#container #bubbles
*********************/
#container #bubbles {
	height: 234px;
	width: 800px;
	padding-top: 30px;
	z-index: 15;
	margin-bottom: 30px;
	position: relative;
}
#container #bubbles a {
	color: white;
	text-decoration: none;
	text-align: center;
	float: left;
	position: relative;
}
#container #bubbles #services {
background: transparent url('../images/index_services.png') no-repeat;
height: 110px;
width: 160px;
padding-top: 50px;
margin-top: 22px;
margin-left: 20px;
z-index: 100;
}
#container #bubbles #handsfeet {
background: transparent url('../images/index_handsfeet.png') no-repeat;
height: 51px;
width: 69px;
padding-top: 18px;
margin-left: 15px;
margin-top: 75px;
z-index: 200;
font-size: 1em;
}
#container #bubbles #shop {
background: transparent url('../images/index_products.png') no-repeat;
height: 65px;
width: 65px;
padding-top: 23px;
margin-left: 25px;
margin-top: 125px;
z-index: 200;
font-size: 1em;
}
#container #bubbles #spa {
background: transparent url('../images/index_spa.png') no-repeat;
height: 80px;
width: 125px;
padding-top: 45px;
margin-top: -15px;
margin-left: -20px;
z-index: 300;
}
#container #bubbles #bridal {
background: transparent url('../images/index_bridal.png') no-repeat;
height: 38px;
width: 63px;
padding-top: 25px;
margin-top: 153px;
margin-left: -10px;
z-index: 100;
color: #F05A28;
font-size: 1em;
}
#container #bubbles #slideshow {
background: transparent url('../images/index_slideshow.png') no-repeat;
height: 68px;
width: 86px;
padding-top: 18px;
margin-top: 105px;
margin-left: 20px;
z-index: 100;
font-size: 1em;
}
#container #bubbles #barber {
background: transparent url('../images/index_barber.png') no-repeat;
height: 68px;
width: 55px;
padding-top: 20px;
margin-top: -15px;
margin-left: 20px;
z-index: 100;
font-size: .85em;
}
#container #bubbles #newtalent {
background: transparent url('../images/index_newtalent.png') no-repeat;
height: 75px;
width: 88px;
padding-top: 22px;
margin-top: 5px;
margin-left: 0px;
z-index: 200;
font-size: 1.23em;
}
#container #bubbles #salontoday {
z-index: 1100;
position: absolute;
bottom: 23px;
right: 18px;
}

#container #bubbles a#salontoday div#salon-over {
position: absolute;
display: none;
background-color: #ffffff;
color: black;
}

#container #bubbles a:hover#salontoday div#salon-over {
background-color: #ffffff !important;
color: #000000 !important;
position: absolute;
top: 0;
left: -166px;
width: 150px;
z-index: 1110;
text-align: left;
font-size: .65em;
display: block;
padding: 8px 8px;
height: 31px;
}

/*********************
#container #content
*********************/
#container #content {
width: 800px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: .85em;
color: #000;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
#container #content a:link,#container #content a:visited {
color: #F05A28;
}

/*********************
staff page
*********************/
#container #content #contentinner,#container #content #staff {
margin: 0 5px;
padding: 5px 0px;
}
#container #content #staff .staff-left {
float: left;
width: 350px;
padding-left: 5px;
}
#container #content #staff .staff-center {
float: left;
width: 230px;
margin-left: 10px;
}
#container #content #staff .staff-center img {
margin-bottom: 5px;
}
#container #content #staff .staff-right {
float: left;
width: 175px;
padding: 0px 5px 10px 0;
margin-left: 10px;
}
#container #content #staff .staff-left img {
float: left;
width: 70px;
cursor: pointer;
}
#container #content #staff .staff-left img.staff {
float: left;
width: 140px;
height: 85px;
cursor: auto;
}
#container #content #staff #initial {
float: left;
width: 420px;
padding: 0px 0 10px 0;
margin-left: 10px;
}
#container #content #staff #initial img {
margin-bottom: 5px;
}
#micki,#brian,#jill,#angel,#haley,#tessi,#jessica,#molly,#laura,#katie,#carla,#stephaniew,#angela,#valerie,#kelly,#brandyn,#ernst,#gracia,#cristina,#stephanie,#christi,#jenny,#stacy,
#giftcard,#dailymoisture,#leaveitsmooth,#flexhold,#shinedefine,#silkserum,#silkcondition,#dayspray,#straightsmooth,#soypaste,#taffy,#thick,#truehue,#clarity,#colorbalance,#elixer,#anti,#shined {
display: none;
line-height: 1.5em;
}

/*********************
shop
*********************/
#container #content #contentinner #shop-left {
float: left;
width: 380px;
padding-left: 5px;
}
#container #content #contentinner #shop-left p {
margin-top: 10px;
line-height: 18px;
}
#container #content #contentinner #shop-right {
float: right;
width: 385px;
}
#container #content #contentinner #shop-right .ItemName,#container #content #contentinner #shop-right .ItemSize,#container #content #contentinner #shop-right .ItemPrice,#container #content #contentinner #shop-right .ItemQty {
float: left;
}
#container #content #contentinner #shop-right .ItemName {
font-weight: bold;
height: 15px;
width: 200px;
background-image: none;
margin-bottom: 20px;
cursor: pointer;
}
#container #content #contentinner #shop-right .ItemSize {
height: 15px;
width: 60px;
text-align: right;
}
#container #content #contentinner #shop-right .ItemPrice {
height: 15px;
text-align: right;
width: 60px;
}
#container #content #contentinner #shop-right .ItemQty {
float: right;
background: white;
margin-top: -3px;
}
#container #content #contentinner #shop-right .txtQty {
color: #333333;
font-family: Verdana;
width: 20px;
}
#container #content #contentinner #shop-right #btnCheckout {
text-align: center;
}
#container #content #contentinner #copyline {
border-top: 1px solid black;
padding-left: 5px;
padding-top: 10px;
}

/*********************
other pages
*********************/
#container #content #contentinner #content-left {
float: left;
width: 400px;
}
#container #content #contentinner #content-right {
float: left;
width: 330px;
padding-left: 30px;
padding-bottom: 20px;
}
#container #content #contentinner #content-right dl {
line-height: 20px;
border-bottom: 2px black dotted;
margin-bottom: 2px;
margin-top: 2px;
float: left;
width: 325px;
}
#container #content #contentinner #content-right dt {
float: left;
width: 225px;
}
#container #content #contentinner #content-right dd {
float: left;
width: 100px;
text-align: right;
}
#container #content #contentinner #content-right #subnav,
#container #content #staff #staff-right #subnav {
padding-bottom: 5px;
}
#container #content #contentinner #content-right #subnav li,#container #content #staff #staff-right #subnav li {
display: inline;
border-right: 1px solid #F05A28;
padding: 0 6px 0 3px;
}
#container #content #contentinner #content-right #subnav li#last,#container #content #staff #staff-right #subnav li#last {
border: none;
}
#container #content #contentinner #content-right #subnav li a {
text-align: center;
font-size: .85em;
}
#container #content #contentinner #content-right #subnav a:hover {
text-decoration: none;
}

#container #content #contentinner #content-right #copy {
line-height: 18px;
font-size: .95em;
}
#container #content #contentinner #content-right #copy .heading {
font-size: 110%;
color: #58595B;
margin-bottom: -3px;
}
#container #content #contentinner #content-right #copy .heading-services {
float: left;
width: 325px;
color: #58595B;
padding-top: 5px;
}
#container #content #contentinner #content-right #copy p {
margin-top: 5px;
}
#container #content #contentinner #content-right #copy ul {
list-style-type: disc;
margin-left: 13px;
}
#container #content #contentinner #content-right #copy #appt {
margin-left: 15px;
list-style-type: decimal;
}
#container #content #contentinner #content-right #copy .appt-sub {
margin-left: 25px;
list-style-type: lower-latin;
}
#container #content #contentinner #content-right #copy #sitemap {
list-style-type: none;
margin-left: 0;
line-height: 2em;
}


/*********************
formatting for rounded corners
*********************/
.b1,.b2,.b3,.b4 {
font-size: 1px;
overflow: hidden;
display: block;
}
.b1 {
height: 1px;
background: #764200;
margin: 0 5px;
}
.b2 {
height: 1px;
background: white;
border-right: 2px solid #764200;
border-left: 2px solid #764200;
margin: 0 3px;
}
.b3 {
height: 1px;
background: white;
border-right: 1px solid #764200;
border-left: 1px solid #764200;
margin: 0 2px;
}
.b4 {
height: 2px;
background: white;
border-right: 1px solid #764200;
border-left: 1px solid #764200;
margin: 0 1px;
}
.contentb {
background: white;
border-right: 1px solid #764200;
border-left: 1px solid #764200;
min-height: 300px;
}
.contentb div {
margin: 0px;
}

/*********************
#container #btmmenucontainer
*********************/
#container #btmmenucontainer {
width: 800px;
font-size: .77em;
}
#container #btmmenucontainer a:link,#container #btmmenucontainer a:visited {
color: white;
text-decoration: none;
padding-left: .25em;
margin: 0;
}
#container #btmmenucontainer a:hover {
color: #f05a28;
text-decoration: underline;
}
#container #btmmenucontainer .btm_menu p,#container #btmmenucontainer .btm_menu_last p {
color: #000000;
margin: 0;
padding: 0 .75em;
}
#container #btmmenucontainer .btm_menu {
margin: 0;
padding: 0;
float: left;
width: 140px;
}
#container #btmmenucontainer .btm_menu_link {
font-family: Verdana,Arial,Helvetica,sans-serif;
margin: 5px 5px 0 5px;
color: white;
}
#container #btmmenucontainer .btm_menu_last {
float: left;
width: 100px;
}
#container #btmmenucontainer .btm_menu_text {
border-right: 1px solid white;
}

/*********************
footer
*********************/
#container #footer {
	width: 800px;
	margin-top: 2.5em;
}
#container #footer #footerlft a:link,#footer #footerlft a:visited,#footer #footerrt a:link,#footer #footerrt a:visited {
	color: #f05a28;
}
#container #footer #footerlft a:hover,#footer #footerrt a:hover {
	color: #ffffff;
	text-decoration: none;
}
#container #footer #footerlft {
	float: left;
	vertical-align: baseline;
}
#container #footer #footerrt {
	float: right;
}
#container #footer #footerlft span,#container #footer #footerrt span {
	height: 2em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: .75em;
	color: #000000;
	padding-right: 16.3px;
	padding-top: 1em;
	padding-bottom: 10px;
}
#container #footer .right {
	float: right;
	position: relative;
	top: -8px;
}
#container #footesr .right img {
	border: none;
}

/*********************
clearing
*********************/
.clear {
	clear: both;
	height: 0;/* fixes IE7 bug adding xtra vertical space after float + clear */
	overflow:hidden;
	padding: 0;
	margin: 0;
}
/*
GALLERY PAGE 
*/

.actions {
	padding-left: 10px;
}
.actions ul {
	margin: 0!important;
	padding: 0!important;	
}
.actions ul li{
	list-style-type:none;
}
.thumb img {
	background:#000000;
	max-width:70px;
	max-height:70px;
	vertical-align:middle;
	width: 70px;
	height: 70px;
}
a.thumb {
	display:block;
	float:left;
	width:70px;
	height:70px;	
	/*margin:3px;*/
}
img#main {
	display:block;
	width: 330px;
}

.images img {
	width: 250px;
}