@charset "utf-8";
/* CSS Document */

.body {
	background-image: url(images/bkg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0;
	background-color: #070F40;
	
}

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#consultants {
	float: right;
	width: 600px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 100px;
	height: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #FFFFFF;
}

#splash {
	float: left;
	width: 100%;
	background-image: url(images/splash_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#face {
	float: left;
	width: 100%;
	background-image: url(images/face_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#face_content {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#body {
	float: left;
	width: 100%;
	background-image: url(images/body_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#contact {
	float: left;
	width: 100%;
	background-image: url(images/contact_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#hair {
	float: left;
	width: 100%;
	background-image: url(images/grow_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#hair_content {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#science {
	float: left;
	width: 100%;
	background-image: url(images/science_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#company {
	float: left;
	width: 100%;
	background-image: url(images/company_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#media {
	float: left;
	width: 100%;
	background-image: url(images/media_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#cleanse {
	float: left;
	width: 100%;
	background-image: url(images/cleanse_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#stimulate {
	float: left;
	width: 100%;
	background-image: url(images/stimulate_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#protect {
	float: left;
	width: 100%;
	background-image: url(images/protect_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#sculpt {
	float: left;
	width: 100%;
	background-image: url(images/sculpt_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#firm {
	float: left;
	width: 100%;
	background-image: url(images/firm_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#pamper {
	float: left;
	width: 100%;
	background-image: url(images/pamper_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#brighten {
	float: left;
	width: 100%;
	background-image: url(images/brighten_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#movie {
	float: left;
	width: 100%;
	background-image: url(images/orange_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 774px;
}

#text {
	float: left;
	width: 330px;
	text-align: center;
	margin: 0px;
	padding-top: 150px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 135px;
}

#text_science {
	float: left;
	width: 320px;
	text-align: left;
	margin: 0px;
	padding-top: 80px;
	padding-right: 160px;
	padding-bottom: 0px;
	padding-left: 145px;
}

#text_company {
	float: left;
	width: 330px;
	text-align: left;
	margin: 0px;
	padding-top: 90px;
	padding-right: 150px;
	padding-bottom: 0px;
	padding-left: 145px;
}

#links_media {
	float: right;
	width: 234px;
	text-align: left;
	margin: 0px;
	padding-top: 50px;
	padding-right: 150px;
	padding-bottom: 0px;
	padding-left: 49px;
}

#text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#text_science p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#text_company p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#text_company .bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#text a:link {
	color: #000000;
	text-decoration: none;
}
#text a:visited {
	text-decoration: none;
	color: #000000;
}
#text a:hover {
	text-decoration: underline;
	color: #000000;
}
#text a:active {
	text-decoration: none;
}

#consultants a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#consultants a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#consultants a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#consultants a:active {
	text-decoration: none;
}

#consultants under {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0055a6;
}

#contact_left {
	float: left;
	width: 200px;
	text-align: center;
	margin: 0px;
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 135px;
}

#contact_left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#contact_left .bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#contact_left a:link {
	color: #000000;
	text-decoration: none;
}
#contact_left a:visited {
	text-decoration: none;
	color: #000000;
}
#contact_left a:hover {
	text-decoration: underline;
	color: #000000;
}
#contact_left a:active {
	text-decoration: none;
}

#contact_right {
	float: right;
	width: 325px;
	text-align: center;
	margin: 0px;
	padding-top: 100px;
	padding-right: 135px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contact_right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#contact_right .bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#contact_right a:link {
	color: #000000;
	text-decoration: none;
}
#contact_right a:visited {
	text-decoration: none;
	color: #000000;
}
#contact_right a:hover {
	text-decoration: underline;
	color: #000000;
}
#contact_right a:active {
	text-decoration: none;
}

#movies {
	float: left;
	width: 430px;
	text-align: center;
	margin: 0px;
	padding-top: 25px;
	padding-right: 185px;
	padding-bottom: 0px;
	padding-left: 185px;
}

/* NAVIGATION______________________ */

#nav {
	float: left;
	width: 530px;
	text-align: left;
	margin: 0px;
	padding-top: 33px;
	padding-right: 135px;
	padding-bottom: 0px;
	padding-left: 135px;
}
#subnav {
	float: left;
	width: 530px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 135px;
	padding-bottom: 0px;
	padding-left: 135px;
}

#splashnav {
	float: left;
	width: 530px;
	text-align: left;
	margin: 0px;
	padding-top: 32px;
	padding-right: 135px;
	padding-bottom: 0px;
	padding-left: 135px;
}

#nav_face {
  display: block;
  width: 36px;
  height: 28px;
  background: url(images/menu/face.jpg) no-repeat 0 0;
  float:left;

}

#nav_face:hover
{ 
  background-position: 0 -28px;
}

#nav_face span
{
  display: none;
}

#nav_body {
  display: block;
  width: 48px;
  height: 28px;
  background: url(images/menu/body.jpg) no-repeat 0 0;
  float:left;
}

#nav_body:hover
{ 
  background-position: 0 -28px;
}

#nav_body span
{
  display: none;
}

#nav_hair {
  display: block;
  width: 42px;
  height: 28px;
  background: url(images/menu/hair.jpg) no-repeat 0 0;
  float:left;
}

#nav_hair:hover
{ 
  background-position: 0 -28px;
}

#nav_hair span
{
  display: none;
}

#nav_science {
  display: block;
  width: 62px;
  height: 28px;
  background: url(images/menu/science.jpg) no-repeat 0 0;
  float:left;
}

#nav_science:hover
{ 
  background-position: 0 -28px;
}

#nav_science span
{
  display: none;
}

#nav_company {
  display: block;
  width: 69px;
  height: 28px;
  background: url(images/menu/company.jpg) no-repeat 0 0;
  float:left;
}

#nav_company:hover
{ 
  background-position: 0 -28px;
}

#nav_company span
{
  display: none;
}

#nav_media {
  display: block;
  width: 53px;
  height: 28px;
  background: url(images/menu/media.jpg) no-repeat 0 0;
  float:left;
}

#nav_media:hover
{ 
  background-position: 0 -28px;
}

#nav_media span
{
  display: none;
}

#nav_buy {
  display: block;
  width: 74px;
  height: 28px;
  background: url(images/menu/buy.jpg) no-repeat 0 0;
  float:left;
}

#nav_buy:hover
{ 
  background-position: 0 -28px;
}

#nav_buy span
{
  display: none;
}

#subnav_cleanse {
  display: block;
  width: 55px;
  height: 24px;
  background: url(images/menu/cleanse.jpg) no-repeat 0 0;
  float:left;
}

#subnav_cleanse:hover
{ 
  background-position: 0 -24px;
}

#subnav_cleanse span
{
  display: none;
}

#subnav_brighten {
  display: block;
  width: 65px;
  height: 24px;
  background: url(images/menu/brighten.jpg) no-repeat 0 0;
  float:left;
}

#subnav_brighten:hover
{ 
  background-position: 0 -24px;
}

#subnav_brighten span
{
  display: none;
}

#subnav_stimulate {
  display: block;
  width: 70px;
  height: 24px;
  background: url(images/menu/stimulate.jpg) no-repeat 0 0;
  float:left;
}

#subnav_stimulate:hover
{ 
  background-position: 0 -24px;
}

#subnav_stimulate span
{
  display: none;
}

#subnav_protect {
  display: block;
  width: 58px;
  height: 24px;
  background: url(images/menu/protect.jpg) no-repeat 0 0;
  float:left;
}

#subnav_protect:hover
{ 
  background-position: 0 -24px;
}

#subnav_protect span
{
  display: none;
}

#subnav_firm {
  display: block;
  width: 39px;
  height: 24px;
  background: url(images/menu/firm.jpg) no-repeat 0 0;
  float:left;
}

#subnav_firm:hover
{ 
  background-position: 0 -24px;
}

#subnav_firm span
{
  display: none;
}

#subnav_sculpt {
  display: block;
  width: 52px;
  height: 24px;
  background: url(images/menu/sculpt.jpg) no-repeat 0 0;
  float:left;
}

#subnav_sculpt:hover
{ 
  background-position: 0 -24px;
}

#subnav_sculpt span
{
  display: none;
}

#subnav_pamper {
  display: block;
  width: 58px;
  height: 24px;
  background: url(images/menu/pamper.jpg) no-repeat 0 0;
  float:left;
}

#subnav_pamper:hover
{ 
  background-position: 0 -24px;
}

#subnav_pamper span
{
  display: none;
}

#splashnav_face {
  display: block;
  width: 40px;
  height: 28px;
  background: url(images/menu/splash_face.jpg) no-repeat 0 0;
  float:left;

}

#splashnav_face:hover
{ 
  background-position: 0 -28px;
}

#splashnav_face span
{
  display: none;
}

#splashnav_body {
  display: block;
  width: 48px;
  height: 28px;
  background: url(images/menu/splash_body.jpg) no-repeat 0 0;
  float:left;

}

#splashnav_body:hover
{ 
  background-position: 0 -28px;
}

#splashnav_body span
{
  display: none;
}

#splashnav_hair {
  display: block;
  width: 42px;
  height: 28px;
  background: url(images/menu/splash_hair.jpg) no-repeat 0 0;
  float:left;

}

#splashnav_hair:hover
{ 
  background-position: 0 -28px;
}

#splashnav_hair span
{
  display: none;
}

#splashnav_science {
  display: block;
  width: 62px;
  height: 28px;
  background: url(images/menu/splash_science.jpg) no-repeat 0 0;
  float:left;

}

#splashnav_science:hover
{ 
  background-position: 0 -28px;
}

#splashnav_science span
{
  display: none;
}

#splashnav_company {
  display: block;
  width: 69px;
  height: 28px;
  background: url(images/menu/splash_company.jpg) no-repeat 0 0;
  float:left;

}

#splashnav_company:hover
{ 
  background-position: 0 -28px;
}

#splashnav_company span
{
  display: none;
}
#splashnav_media {
  display: block;
  width: 50px;
  height: 28px;
  background: url(images/menu/splash_media.jpg) no-repeat 0 0;
  float:left;

}

#splashnav_media:hover
{ 
  background-position: 0 -28px;
}

#splashnav_media span
{
  display: none;
}


#medianav_1 {
  display: block;
  width: 233px;
  height: 40px;
  background: url(images/menu/media_struggle.jpg) no-repeat 0 0;
}

#medianav_1:hover
{ 
  background-position: 0 -40px;
}

#medianav_1 span
{
  display: none;
}

#medianav_2 {
  display: block;
  width: 233px;
  height: 62px;
  background: url(images/menu/media_creation.jpg) no-repeat 0 0;
}

#medianav_2:hover
{ 
  background-position: 0 -62px;
}

#medianav_2 span
{
  display: none;
}

#medianav_3 {
  display: block;
  width: 233px;
  height: 30px;
  background: url(images/menu/media_press.jpg) no-repeat 0 0;
}

#medianav_3:hover
{ 
  background-position: 0 -30px;
}

#medianav_3 span
{
  display: none;
}

#medianav_4 {
  display: block;
  width: 233px;
  height: 29px;
  background: url(images/menu/media_testimonials.jpg) no-repeat 0 0;
}

#medianav_4:hover
{ 
  background-position: 0 -29px;
}

#medianav_4 span
{
  display: none;
}
