/*
	nav gray						#7C7C7C
	gold bar						#F59C02
	blue background			#5ACBE9
	headline text blue	#55BFE4
	logo blue						#00A2CF

	NOTE: For expandable content sections, omit the position. Both absolute and relative cause the content to overwrite the other areas of the page.
				Leaving position off causes the outer container to expand.

*/

/* ----------------------------		SITE WIDE:		end		---------------------------- */

BODY {
	
	background: url(../images/background.gif) #5BCBEA center top repeat-x;
	/*
	background: url(../images/background.gif) #5BCBEA center top repeat-x;
	*/
	/* 
	background: url(../images/background.jpg) #5ACBE9 center top repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #7C7C7C;
}

BODY, FORM, INPUT, BLOCKQUOTE, UL, LI, OL, DIV {
	padding: 0px;
	margin: 0px;
}

FORM, INPUT {
	display: inline;
}

P	{
	padding-top: 0px;
	margin-top: 0px;
}

A:link			{	color: #00A2CF;	text-decoration: none;	}
A:active		{	color: #00A2CF;	text-decoration: none;	}
A:visited		{	color: #00A2CF;	text-decoration: none;	}
A:hover			{	color: #F59C02;	text-decoration: none;	}


H1	{	font-size: 24px;	}
H2	{	font-size: 18px;	}
H3	{	font-size: 16px;	}

H1.blue	{	
	padding-bottom: 0px;	
	margin-bottom: 0px;
	color: #55BFE4;
	font-size: 24px;
	font-weight: 300;
	line-height: 20px;
}


#layout_table {
	margin-top: 0px;
	text-align: center;
	width: 100%;
}

#layout_middle {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 874px;
}

#top_nav {
	margin: 17px 0px 7px 0px;
	height: 19px;
	width: 874px;
	text-align: center;
	font-size: 11px;
}

#top_nav SPAN A:link			{	color: #7C7C7C;	text-decoration: none;	}
#top_nav SPAN A:active		{	color: #7C7C7C;	text-decoration: none;	}
#top_nav SPAN A:visited	{	color: #7C7C7C;	text-decoration: none;	}
#top_nav SPAN A:hover		{	color: #7C7C7C;	text-decoration: none;	}
#top_nav SPAN {	
	top: 0px; 
	left: 0px;
	position: relative;
	border-right: solid #F59C02 1px;
	
}
#top_nav SPAN.nobar {	border: 0px; }
#top_nav SPAN A {	
	padding: 0px 14px;
}


#layout_white_area {
	background-color: #FFFFFF;
}


.headline {
	margin-bottom: 20px;
}

.subhead {
	font-size: 14px;
	color: #4789A0;
	margin-bottom: 20px;
}


.warning {
	color: #FF0000;
	font-size: 14px;
	font-weight: 700;
}


/* ----------------------------		SITE WIDE:		end		---------------------------- */


/* ----------------------------		FOOTER:		begin		---------------------------- */

#footer {
	position: relative;
	width: 874px;
	height: 42px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 300;
}
#footer_email_list {
	position: absolute;
	top: 15px;
	left: 0px;
}

#footer A:link			{	color: #ffffff;	text-decoration: none;	}
#footer A:active		{	color: #ffffff;	text-decoration: none;	}
#footer A:visited		{	color: #ffffff;	text-decoration: none;	}
#footer A:hover			{	color: #ffffff;	text-decoration: none;	}

#footer_submit_button {
	background-color: #CFF0F9;
	border: 0px;
	font-size: 10px;
	color: #666666;
	height: 15px;
	width: 50px;
	padding: 1px 3px;
	margin-left: 5px;
	cursor: pointer;
}

#footer_email_address {
	background-color: #BEEBF7;
	border: 0px;
	height: 15px;
	width: 130px;
	margin-left: 5px;
	font-size: 10px;
}

#footer_middle_links {
	position: absolute;
	top: 17px;
	left: 423px;
}

#footer_logo_recycle {
	position: absolute;
	top: 0px;
	left: 550px;
	border: 0px;
	width: 35px;
	height: 42px;
}

#footer_logo_cruelty_free {
	position: absolute;
	top: 0px;
	left: 597px;
	border: 0px;
	width: 41px;
	height: 42px;
}

#copyright {
	position: absolute;
	top: 17px;
	left: 660px;
}

#footer_spacer_icon {
	position: absolute;
	top: 17px;
	left: 800px;
}

#footer_right_links {
	position: absolute;
	top: 17px;
	right: 0px;
}

/* ----------------------------		FOOTER:		end		---------------------------- */




/* ----------------------------		HOME:		begin		---------------------------- */

#home_content {
	width: 874px;
	height: 533px;
	background: url(../images/home_1.jpg) #ffffff left top no-repeat;
}

#home_copy	{
	position: absolute;
	top: 165px;
	left: 25px;
	/* width: 295px; */
	width: 310px;
	height: 170px;
	line-height: 125%;
	text-align: left;
}

#home_button_1 {
	position: absolute;
	top: 446px;
	left: 10px;
}

#home_button_2 {
	position: absolute;
	top: 446px;
	left: 183px;
}

#home_button_3 {
	position: absolute;
	top: 446px;
	left: 357px;
}
#home_button_4 {
	position: absolute;
	top: 446px;
	left: 530px;
}
#home_button_5 {
	position: absolute;
	top: 446px;
	left: 705px;
}
/* ----------------------------		HOME:		end		---------------------------- */


/* ----------------------------		STATIC PAGES:		begin		---------------------------- */

#cool_content {
	width: 874px;
	min-height: 516px;
	background: url(../images/how_beauty_keeps_it_cool_background.jpg) #ffffff bottom right no-repeat;
}

#cool_copy {
	position: absolute;
	top: 195px;
	left: 25px;
	width: 376px;
	/* width: 295px; */
	text-align: left;
	line-height: 125%;
}

#performance_content {
	width: 874px;
	height: 516px;
	background: url(../images/performance_cosmetics_background.jpg) #ffffff bottom right no-repeat;
}

#performance_copy {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 433px;
	height: 170px;
	text-align: left;
	line-height: 125%;
}

#performance_subcopy {
	/*	width: 295px;	*/
	width: 433px;
}


#thelook_content {
	width: 874px;
	height: 516px;
	background: url(../images/get_the_look_background_nobox.jpg) #ffffff bottom right no-repeat;
}

#thelook_copy {
	position: absolute;
	top: 150px;
	left: 60px;
}

#thelook_copy p {
	margin-top: 15px;
}


#thelook_video {
	padding: 20px;
	background-color: #ffffff;
}

#rochelle_content {
	width: 874px;
	height: 516px;
	background: url(../images/meet_rochelle_rae_background.jpg) #ffffff bottom left no-repeat;
}

#rochelle_copy {
	position: absolute;
	top: 185px;
	left: 55px;
}

#rochelle_video {
	position: absolute;
	top: 115px;
	left: 495px;
}

#rochelle_video p {
	margin-top: 15px;
	text-align: right;
}



#aboutus_content {
	width: 874px;
	height: 516px;
	background: url(../images/about_us_background.jpg) #ffffff bottom right no-repeat;
}

#aboutus_copy {
	position: absolute;
	top: 125px;
	left: 105px;
	width: 350px;
	/* width: 325px; */
	text-align: justify;
	line-height: 125%;
}

#aboutus_title {
	position: absolute;
	top: 80px;
	left: 215px;
}

#smartie_content {
	width: 874px;
	height: 516px;
	background: url(../images/smartie_background.jpg) #ffffff bottom right no-repeat;
}

#smartie_copy {
	position: absolute;
	top: 120px;
	left: 30px;
	width: 590px;
}



#contact_content {
	width: 874px;
	height: 516px;
	background: url(../images/contact_us_background.jpg) #ffffff bottom left no-repeat;
}

#contact_copy {
	position: absolute;
	top: 155px;
	left: 600px;
}

/* ----------------------------		STATIC PAGES:		end		---------------------------- */



DIV.clear_float {
	clear: both;
}