a:focus {
  -moz-outline: none;
}

a { text-decoration: none; }

body
{
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 80%;
	background-color: #333;
}

#wrapper 
{
	margin: 0 auto;
	width: 890px;
	background-color: white;
	border-top: 8px solid #daeeef;
	padding-left: 28px;
	padding-right: 42px;
	border-bottom: 170px solid #daeeef;
	padding-bottom: 25px;
}

#wrapper-footer
{
	margin: 0 auto;
	width: 890px;
	margin-top: -135px;
	text-transform: uppercase;
	font-family: "franklin gothic medium", sans-serif;
}

#wrapper-map
{
	margin-top: 48px;
}

#logo 
{
	position: relative;
	top: 25px;
	left: 0px;
	float: left;
}

#leftcontent-top
{
	float: left;
	width: 535px;
}

#leftcontent
{
	float: left;
	width: 535px;
}

#leftcontent-contact
{
	float: left;
	width: 535px;
	margin-top: 45px;
	font-family: franklin gothic medium, "sans serif";
}

#leftcontent-footer
{
	float: left;
	width: 535px;
	text-align: left;
	margin-top: 20px;
	color: #676767;
}

#leftcontent-careers
{
	float: left;
	width: 525px;
	margin-top: 45px;
	font-family: franklin gothic medium, "sans serif";
}

#leftcontent-careers > h1 
{
	margin: 0px;
	font-size: 24px;
	font-family: franklin gothic medium, "sans serif";
}

#rotator
{
	width: 545px;
	height: 370px;
	background: url('images/rotatorpattern.png') repeat-y;
	margin-top: 50px;
}

#preview-wrapper
{
	margin-top: 23px;

}

#preview1
{
	background: url('images/preview-hair.jpg');
	background-color: #efefef;
}

#preview2
{
	background: url('images/preview-spa.jpg');
}

#preview3
{
	background: url('images/preview-wedding.jpg');
	background-color: #efefef;
}

#preview1, #preview2, #preview3
{
	width: 297px;
	height: 129px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	font-family: "Franklin Gothic Medium", sans-serif;
	padding-left: 235px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

#preview1:hover, #preview2:hover, #preview3:hover 
{
	background-color: #daeeef;
}

.preview-title
{
	font-family: inherit;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5f421a;
}

.preview-text
{
	font-family: inherit;
	font-size: 12px;
	color: #5f421a;
}

.preview-clickhere
{
	font-family: inherit;
	color: black;
}

#rightcontent-top
{
	float: left;
	width: 350px;
	position: relative;
	left: -10px;
	top: 14px;
	z-index: 1;
}

#rightcontent
{
	float: left;
	width: 350px;
	position: relative;
	left: 17px;
	top: 22px;
}

#rightcontent-contact
{
	float: left;
	width: 350px;
	position: relative;
	left: 17px;
	top: 50px;
	height: 350px;
}	

#rightcontent-footer
{
	float: left;
	width: 350px;
	text-align: right;
}

#rightcontent-careers
{
	float: left;
	width: 360px;
	position: relative;
	left: 17px;
	top: 50px;
}

#rightcontent-careers > div > img
{
	display: inline;
	padding: 3px;
	border: 1px solid white;
}

#rightcontent-careers > div > img:hover 
{
	border: 1px solid black;
}

#newsletter
{
	height: 175px;
	background-color: #f5f5f5;
}

#productwrap
{
	border: 1px solid black;
	width: 350px;
	height: 310px;
	margin-top: -300px;
}

#product
{
	overflow: visible;
	font-family: "Franklin Gothic Medium", sans-serif;
	font-size: 14px;
	color: #412d12;
}

#product > img 
{
	margin-left: -6px;
	margin-top: 12px;
}

#product2 > h1
{
	font-family: "Franklin Gothic Medium", sans-serif;
	color: #5f421a;
	font-size: 25px;
	margin-top: -5px;
	text-transform: uppercase;
}

#product2 > h2
{
	margin-top: 0px;
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
	font-family: "Franklin Gothic Medium", sans-serif;
}

#facebook
{
	height: 80px;
	background-color: #f5f5f5;
	font-family: "Franklin Gothic Medium", sans-serif;
	font-size: 14px;
	padding: 10px;
}

#facebook > h1
{
	font-family: "Franklin Gothic Medium", sans-serif;
	color: #830000;
	font-size: 25px;
	margin-top: 0px;
	margin-left: 8px;
}

#facebook > h2
{
	margin-top: 5px;
	font-size: 14px;
	color: black;
}
 
#facebook > a 
{
	border: 0px;
}

#facebook > a > img
{
	position: relative;
	left: 8px;
	top: 5px;
	border: 0px;
	opacity:0.7;
	filter:alpha(opacity=70);
	float: left;
	margin-right: 25px;
}

#facebook > a > img:hover 
{
	opacity:1.0;
	filter:alpha(opacity=100)
}

#thecure
{
	height: 158px;
	background-color: #f5f5f5;
	margin-top: 17px;
	font-family: "Franklin Gothic Medium", sans-serif;
	font-size: 14px;
	padding: 10px;
}

#thecure > img
{
	margin-top: -3px;
	float: left;
	padding-right: 10px;
	padding-top: 3px;
}

#thecure:hover
{
	background-color: #eee;
}

#thecure > h1
{
	font-family: "Franklin Gothic Medium", sans-serif;
	color: #830000;
	font-size: 18px;
	margin-top: 3px;
}

#thecure > h2
{
	font-size: 13px;
	font-weight: inherit;
	color: black;
}
	
.phonenumber
{
	font-size: 150%;
}

#imageHolder
{
width: 330px;
height: 390px;
float: left;
margin-top: 50px;
background-color: #ccc;
}

#imageHolder > select
{
position: relative;
top: 340px;
left: 135px;
font-size: 150%;
border: 0px;
background: white;
}

#imageHolder > select > option
{
color: black;
background: white;
}

#imageHolder > select > option.choose
{
background-color: #daeeef;
}

#stylistbio
{
float: left;
width: 930px;
background-color: transparent;
margin-top: 20px;
margin-left: -8px;
}

.biotext
{
float: left;
font-family: sans serif, helvetica;
padding: 10px;
padding-top: 0px;
}

#prices-haircare, #prices-color, #prices-perms, #prices-waxing, #prices-spa, #prices-massages, #prices-extensions
{
padding: 10px;
font-size: 10px;
font-family: sans serif, helvetica;
background-color: white;
width: 200px;
border: 1px solid #aaa;
margin: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#prices-haircare > h1, #prices-color > h1, #prices-perms > h1, #prices-waxing > h1, #prices-spa > h1, #prices-massages > h1, #prices-extensions > h1, .biotext > h1
{
font-size: 125%;
margin-bottom: -3px;
}










.navlink {
float: left;
padding-right: 5px;
padding-left: 5px;
margin-top: 10px;
text-decoration: none;
}

.navlink.this { 
background: transparent;
padding-right: 5px;
padding-left: 5px;
}

#navbar {
width: 400px;
margin: 22px 0px 0px 15px;
font: 14px "franklin gothic medium", sans-serif;
text-align: left;
float: left;
position: relative;
}

#navbar ul {
}

#navbar li {
float: left;
padding: 0px;
list-style-type: none;
}

#navbar li.this {
float: left;
padding: 0px;
color: #6ACEF5;
}

#navbar li a {
color: black;
text-decoration: none;
margin-right: 10px;
}

#navbar li a.this { 
color: #fff;
font-weight: bold;
background-color: #830000;
padding: 5px;
}

#navbar li a:hover { color: #AAA; }
f
#navbar li a.this:hover { background-color: #830000; color: white; }

#navwrap {
}





/*preload classes*/ .svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;} 
/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 0px; margin: 0 0 1px 0; }
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left; }
.stripTransmitter { overflow: auto; width: 1%; position: relative; top: 20px; left: 30px;}
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li{ width: 30px; float:left; margin: 0 1px 1px 0; }
.stripTransmitter a{ font: bold 15px Verdana, Arial; text-align: center; line-height: 22px; background: #000; color: #fff; text-decoration: none; display: block; }
.stripTransmitter a:hover, a.current{ background: #333; color: #fff; }
/*tooltips formatting*/
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }