/* CSS Document */

body {	background-image: url(/images/background.gif); margin: 0; padding: 0; font:12px Arial, Helvetica, sans-serif;  }

#wrapper { width: 800px; margin: 0 auto; padding-bottom: 30px; }

#logo { float: left; width: 56px; background-image:url(/images/title.gif); height: 610px; }

#container { 
	float: right; width: 744px; background: #000 url(/images/bottom2.gif) bottom left no-repeat;
	color: #cccccc; font: 12px Arial, Helvetica, sans-serif; padding-bottom: 30px; z-index: 1;
 }

#top { background: #fff url(/images/top1.gif) top left no-repeat; height: 48px;}

#middle { background: #fff url(../images/bg_salt.gif) right no-repeat; height: 191px; color: #3f3f3f; padding: 0px 20px; position: relative; }
#middle a{ color: #000; font-size: 12px; font-weight: normal; text-decoration: underline; }
#middle a:hover { text-decoration: none; color:#333333; }
#middle p { padding: 10px 10px; margin: 0px; float: left; }
p.intro { width: 460px; margin: 0px; padding: 95px 0px 0px 15px; line-height: 20px; }

#nav { background-image: url(../images/middle.gif); height: 61px; z-index: 99 }
#nav ul { margin: 0 0 0 10px; padding: 0; list-style: none; height: 61px; }
#nav ul li { float: left; height: 61px; margin: 0px; padding: 0px; }
#nav ul li a { display: block; width: 75px; height: 61px; margin: 0px; padding: 0px; }
#nav ul li a.sc { background:url(/images/showcase_off.gif) no-repeat left; }
#nav ul li a.sc:hover, #nav ul li a.scon { background:url(/images/showcase_on.gif); }
#nav ul li a.steps { background:url(/images/steps_off.gif) no-repeat left; }
#nav ul li a.steps:hover, #nav ul li a.stepson { background:url(/images/steps_on.gif); }
#nav ul li a.stylists { background:url(/images/stylists_off.gif) no-repeat left; }
#nav ul li a.stylists:hover, #nav ul li a.stylistson { background:url(/images/stylists_on.gif); }
#nav ul li a.start { background:url(/images/start_off.gif) no-repeat left; }
#nav ul li a.start:hover, #nav ul li a.starton { background:url(/images/start_on.gif); }

#title { width: 434px; }
li.sc { background: url(../images/showcase.gif) top right no-repeat; }
li.steps { background: url(../images/steps.gif) top right no-repeat; }
li.stylists { background: url(../images/stylists.gif) top right no-repeat; }
li.start { background: url(../images/start.gif) top right no-repeat; }
li.else { background: url(../images/welcome.gif) top right no-repeat; }

#bottom { background: #000 url(/images/bg_salt2.gif) top right no-repeat; padding: 40px 10px 20px 35px; color: #fff; }
#bottom a { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration: underline; }
#bottom a:hover { text-decoration: none; color: #999999; }
#bottom p { margin: 0; padding: 5px 21px; font-size: 13px; }

.subtitles { font: 15px Verdana; font-weight: bold; color: #FFF; padding-top: 20px;  }
.subtitles a { font: 15px Verdana; font-weight: bold; color: #FFF; letter-spacing: normal; text-decoration: none}
.subtitles a:hover, a:active { color: #cccccc; }

#subtitles2 { font: 15px Verdana; font-weight: bold; color: #000; padding: 0px 0px 0px 20px;  }
#subtitles2 p { padding: 0px; width: 400px; font: 12px Arial, Helvetica, sans-serif; margin: 20px 0px 0px 25px; font-weight: normal;}

.previmg { border: 1px #fff solid; padding: 3px; margin-right: 10px; }
#prevhold { height: 160px; background-color: #000; border: 5px #333 solid; padding: 10px; margin: 10px 0px; width: 400px;  }

#footer {
	margin: 0px auto 20px auto; 
	width: 743px;
	height: 45px;
	padding-left: 57px;
	position: relative;
}

#footer #credit { 
	float: right; 
	width:200px; 
	color: #999; 
	text-align: right; font: 11px Arial, Helvetica, sans-serif; 
	padding: 0px; 
	padding-top: 5px;
}

#footer .leftside {
	width: 340px;
	float: left;
	margin-top: -17px;
}

#footer #links { 
	margin-top: 0px;
	margin-left: 0px;
}

#footer #links a {
	text-decoration: none;
}

#footer #links a:hover {
	color: #000000;
}

#footer #linktext {
	font-size: 11px;
	color: #666666;
	margin-top: 5px;
	margin-left: 0px;
	position: relative;
}

#footer .hovertext {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	display: none;
}

#footer #links a:link, a:visited, a:hover, a:active { font-size: 11px; color: #999; }



#showcase {	width: 200px; text-align:right; position: relative; top: 0px; left: 480px; font: 15px Verdana; font-weight: bold; color: #FFF; }
#showcase a { color: #fff; text-decoration: none; font: 15px Verdana; font-weight: bold }
.description { float:left; vertical-align: middle; padding: 20px 10px; margin: auto 0px; width: 440px; }

.steps { margin: 10px 20px; padding: 0px 58px; font-size: 13px; background: url(images/step1.gif) top left no-repeat; }
.steps b { font-size: 14px; }

.bio_white { width: 75px; height: 140px; border: 2px #000 solid; padding: 4px; margin-right: 10px; margin-top: 4px; }
.bio_black { width: 75px; height: 140px; border: 2px #fff solid; padding: 4px; margin: 7px 80px 0px 12px; }


#button { background-color:#FFFFFF; color: #000000; border-color: #666666; border-width:1px; border-style:solid; }
.field { background-color:#FFFFFF; font: 12px Arial, Helvetica, sans-serif; color:#000; border: 4px #333 solid; }

.img { padding-left: 10px; padding-bottom: 10px; }

p.moredetails {
	color: #999999;
}

* html p.moredetails {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.hide {
	display: none;
}
 
 
 
 
/* Easy Slider */
#slider {
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider ul li{ 
	width:340px;
	height:124px;
	overflow:hidden; 
	margin-top: 18px;
}

#slider ul li div.content {
	padding: 21px 12px 25px 18px;
	line-height: 160%;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#slider ul li div.green {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #008366;
	line-height: normal;
}

#prevBtn {
	display: none;
}

#nextBtn{ 
	display:block;
	width:38px;
	height:103px;
	position:absolute;
	top:30px;
	left:360px;
	outline: none;
}				
										
#nextBtn a{  
	display:block;
	width:38px;
	height:103px;
	background: url(../images/button-next.gif) no-repeat 0 0;	
	outline: none;
}

#tweet {
	border: 1px #eee solid;
	padding: 5px;
	margin: 20px 0px 0px 10px;
	float: right;
	display: inline;
	width: 730px;
	z-index: 1;
}

#tweet img.icon {
	float: left;
	margin-right: 8px;
}

#tweet ul {
	list-style: none;
	color: #888;
	font-size: 10px;
}

#tweet ul a, #tweet a {
	color: #999;
	text-decoration: none;
	font-style: italic;
	font-size: 10px;
}

#tweet ul a.ie {
	margin-top: -2px;
	display: block;
}