* {
	margin: 0;
	padding: 0;
	}

body { /* Center layout */
	text-align: center;
	min-width: 1002px; /* :FIX: Netscape 6 */
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	}
	
body#redirect_page  {
	text-align: center;
	min-width: 600px; /* :FIX: Netscape 6 */
	background-image: none;
	background-repeat: repeat-x;
	background-color: #2b0202;
	}	
		
#wrapper {
	width: 1002px;
	margin: 50px auto 5px; /* Center layout */
	text-align: left; /* Center layout */
	}
	
#wrapper_redirect {
	width: 600px;
	margin: 50px auto 5px; /* Center layout */
	text-align: left; /* Center layout */
	}
	
#Home_page #wrapper {
	background:transparent url(../images/background_home.jpg) no-repeat 0 0;
	width: 1002px;
	height:746px;
	}
	
#LipTreatment_page #wrapper {
	background:transparent url(../images/background_story.jpg) no-repeat 0 0;
	width: 1002px;
	height:700px;
	}
	
#FAQ_page #wrapper {
	background:transparent url(../images/background_FAQ.jpg) no-repeat 0 0;
	width: 1002px;
	height:700px;
	}
	
#Formulation_page #wrapper {
	background:transparent url(../images/background_ingredients.jpg) no-repeat 0 0;
	width: 1002px;
	height:700px;
	}
	
#Contact_page #wrapper {
	background:transparent url(../images/background_contact.jpg) no-repeat 0 0;
	width: 1002px;
	height:700px;
	}	
	
#footer .acclaim {
	display: none;
	}	


#Home_page #footer .acclaim {
	display: inline;
	}	
	
/*============================================================================== 
 * Typography
==============================================================================*/


p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #4f3826;
	text-transform:uppercase;
	letter-spacing: .125em !important;
	letter-spacing: .1em;
	line-height: 1.75em;
	}	

a { text-decoration:none;font-size: 10pt;text-transform:uppercase; }
a:link		{ color:#7b5b41; }
a:visited 	{ color:#7b5b41; }
a:hover 	{ color:#fff; }
a:active 	{ color:#fff; }	

.custombutton a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	text-transform:uppercase;
	letter-spacing: .12em;
	padding: 5px;
	color: #4f3826;
	border: 1px solid #4f3826;
	text-decoration:none;
	}
	
.custombutton a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	text-transform:uppercase;
	letter-spacing: .12em;
	padding: 5px;
	color: #4f3826;
	border: 1px solid #4f3826;
	text-decoration:none;
	}	
		
.custombutton a:hover {
	color: #9f754b;
	border: 1px solid #9f754b;
	}
	
ul#mainNav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 8.5pt;
	letter-spacing: 2pt;
	font-weight: bold;
	color: #CCC;
	}

#footer {
	padding: 5px 0;
	margin: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #7b5b41;
	text-align: right;
	letter-spacing: .125em !important;
	letter-spacing: .01em;
	}
#footer a {
	font-size:7pt;
}

#footer a:link {
	color: #7b5b41;
	text-decoration:none;
	}

#footer a:visited {
	color: #7b5b41;
	text-decoration:none;
	}

#footer a:hover {
	color: #fff;
	text-decoration:none;
	}

#footer a:active {
	color: #7b5b41;
	}

.formtext {
	color: #4f3826;
	}
	
.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: 7pt;
	color: #4f3826;
	line-height: 1.75em;
	}

#footer .acclaim a:link {
	text-decoration:none;
	color: #4f3826;
	}
#footer .acclaim a:visited {
	text-decoration:none;
	color: #4f3826;
	}
#footer .acclaim a:hover {
	text-decoration:underline;
	color: #4f3826;
	}
#footer .acclaim a:active {
	text-decoration:none;
	color: #4f3826;
	}			

/*============================================================================== 
 * Header
==============================================================================*/

#header {
	float: left;
	width: 804px;
	margin: 0;	
	height: 67px;
	}
	
#logo {
	float: left;
	width: 198px;
	height: 186px;
	}
	
#logo p {
	display:block;
	width:198px;
	height:186px;
	text-indent:-9009px;
	background:transparent url(../images/LABBRI_Logo.jpg) no-repeat 0 0;
	}	
	
#logo p a {
	display:block;
	width:100%;	
	height:100%;
	outline:none;
	}	
	
#tagline p {
	display:block;
	float: right;
	width: 350px;
	height: 27px;	
	text-indent:-9009px;	
	background:transparent url(../images/tagline.jpg) no-repeat 0 0;
	}	


/*============================================================================== 
 * Main Nav
==============================================================================*/

ul#mainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 804px;
	height: 40px;
	float: left;
	text-align: center;
	overflow: hidden;
	}
	
ul#mainNav li {
	float: left;
	}

ul#mainNav a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:40px; /* for IE5/Win only */
	background: url(../images/nav_main.jpg) no-repeat;
	}	

/* Replace Text With Images
----------------------------------------------------------------------------- */

li#LipTreatment a {
	width: 180px;
	height: 40px;
	background-position:0 0;
	}
	
li#Formulation a {
	width: 144px;
	height: 40px;
	background-position:-180px 0;
	}
	
li#Testimonials a {
	width: 147px;
	height: 40px;
	background-position:-324px 0;
	}

li#FAQ a {
	width: 67px;
	height: 40px;
	background-position:-471px 0;
	}
	
li#Contact a {
	width: 104px;
	height: 40px;
	background-position:-538px 0;
	}
	
li#WhereToBuy a {
	width: 162px;
	height: 40px;
	background-position:-642px 0;
	}	

	
/* Image Rollovers
----------------------------------------------------------------------------- */

li#LipTreatment a:hover { background-position:0 -40px;	    }
li#Formulation a:hover  { background-position:-180px -40px; }
li#Testimonials a:hover { background-position:-324px -40px;	}	
li#FAQ a:hover 		    { background-position:-471px -40px; }		
li#Contact a:hover 		{ background-position:-538px -40px; }	
li#WhereToBuy a:hover 	{ background-position:-642px -40px; }


/* Image Rollovers - Current Page
----------------------------------------------------------------------------- */

#LipTreatment_page li#LipTreatment a {
	background-position:0 -40px;
	cursor: default;
	}
	
#Formulation_page li#Formulation a {
	background-position:-180px -40px;
	cursor: default;
	}
	
#Testimonials_page li#Testimonials a {
	background-position:-324px -40px;
	cursor: default;
	}	

#FAQ_page li#FAQ a {
	background-position:-471px -40px;
	cursor: default;
	}	
		
#Contact_page li#Contact a {
	background-position:-538px -40px;
	cursor: default;
	}	
	
#WhereToBuy_page li#WhereToBuy a {
	background-position:-642px -40px;
	cursor: default;
	}
	
/*============================================================================== 
 * Ingredients Nav
==============================================================================*/

ul#nav_ingredients {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 253px;
	height: 232px;
	float: left;
	text-align: center;
	overflow: hidden;
	}
	
ul#nav_ingredients li {
	float: left;
	}

ul#nav_ingredients a {
	float: left;
	padding: 0 253px 0 0;
	overflow: hidden;
	width: 0px !important;
	width /**/:253px; /* for IE5/Win only */
	background: url(../images/nav_ingredients.jpg) no-repeat;
	text-indent:-5000px;
	}	

/* Replace Text With Images
----------------------------------------------------------------------------- */

li#lanolin a {
	width: 253px;
	height: 73px;
	background-position:0 0;
	}
	
li#ceramide2 a {
	width: 253px;
	height: 42px;
	background-position:0 -73px;
	}
	
li#safflower_oil a {
	width: 253px;
	height: 42px;
	background-position:0 -115px;
	}

li#soybean_seed_extract a {
	width: 253px;
	height: 75px;
	background-position:0 -157px;
	}
	
	
/* Image Rollovers
----------------------------------------------------------------------------- */

li#lanolin a:hover 				{ background-position:-253px 0;	     }
li#ceramide2 a:hover  			{ background-position:-253px -73px;  }
li#safflower_oil a:hover 		{ background-position:-253px -115px; }	
li#soybean_seed_extract a:hover { background-position:-253px -157px; }		


/*============================================================================== 
 * Content
==============================================================================*/

#content {
	 padding: 0 0 0 19px;
	 }
 
#content p {
	float: left;
	padding: 56px 13px 85px 0;
	}
	
/* Mailing List Form
----------------------------------------------------------------------------- */	
	
.mailinglisttable {
	background-image:url(../images/background_footer.jpg) no-repeat;
	}
#mailing_list_section {
	float:left;
}
td#mailing_list_bg {
	background:url(../images/background_footer.jpg) no-repeat; 
}
td#mailing_list_bg1a {
	background:url(../images/home_footer_01a.jpg) no-repeat; 
}
td#mailing_list_bg1 {
	background:url(../images/home_footer_01.gif) no-repeat; 
}
td#mailing_list_bg1 {
	background:url(../images/home_footer_01.gif) no-repeat; 
}
td#mailing_list_bg {
	background:url(../images/background_footer.jpg) no-repeat; 
}
.emailbox {
	border: 1px solid #60462d;
	background-color:#000;
	width: 140px;
	color: #666;
	size: 10px;
	height:17px;
	padding: 0 5px;
	}

.emailsubmitbutton {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 				10px;
		color: 					#60462d;
		background-color:		#000;
		padding: 				2px 0;			/* Pad link on top and bottom (not on the side, this removes the border */
		border:	 1px solid #60462d;
		cursor:					pointer;
		width: 					38px;
		height:					19px;			/* Opera needs this */
		}
.emailsubmitbutton_hover {
		font-family: 			Georgia, "Times New Roman", Times, serif;
		font-size: 				10px;
		color: 					#FFF;
		background: 			#000;
		padding: 				2px 0;			/* Pad link on top and bottom (not on the side, this removes the border */
		border:	 1px solid #60462d;
		cursor:					pointer;
		width: 					38px;
		height:					19px;			/* Opera needs this */
	}

/*============================================================================== 
 * Story
==============================================================================*/	
	
.story {
	width:364px; 
	height:523px; 
	float:right; 
	margin-right:69px !important;
	margin-right:35px;
	}	
	
#lip-treatment-title {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 12pt;
	  color: #4f3826;
	  text-transform:uppercase;
	  float:left;
      margin:0; padding:0;
      position:relative;
      width:364px; height:74px;
      overflow:hidden;
      }
#lip-treatment-title span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:364px; height:74px;
      margin:0; padding:0;
      background:url(../images/LABBRI_story_15.jpg) top left no-repeat;
      }	
	  
 #lip-treatment-p {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 9pt;
	  color: #4f3826;
	  text-transform:none;
	  letter-spacing:normal;
	  float:left;
      margin:0; padding:0;
      position:relative;
      width:365px; height:178px;
      overflow:hidden;
      }
#lip-treatment-p span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:365px; height:178px;
      margin:0; padding:0;
      background:url(../images/LABBRI_story_18.jpg) top left no-repeat;
      }	 

/*============================================================================== 
 * Ingredients
==============================================================================*/
	
.ingredientsframe {	
	float:left; 
 	margin: 60px 52px 77px 0 !important; 
	margin: 60px 26px 72px 0;
	width: 697px; 
	height: 377px;
	}
	
/*============================================================================== 
 * Contact page only
==============================================================================*/

	
.contacttable {
	float: left;
	margin-top:10px !important;
	margin-top:0;
	}
	
.contacttable p {		
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8.5pt;
	text-transform:uppercase;
	letter-spacing:.05em;
	line-height:normal;
	}
	
.contacttable td {
	padding: 5px;
	}	
	
.redtext {
	font-size: 8.5pt;
	color:#FF0000;
	}
	
.warning {
	font-size: 9pt;	
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:lowercase;
	vertical-align:top;
	letter-spacing: normal;
	}
			
p.warning {
	font-size: 8pt;	
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:lowercase;
	vertical-align:top;
	letter-spacing: normal;
	}
	
.warningmain {
	font-size: 10pt;	
	color:#FF0000;
	text-transform:uppercase;
	vertical-align:top;
	letter-spacing:normal;
	}	
	
.contacttable2 {
	float: left;
	margin-bottom:90px !important;
	margin-bottom:101px;
	}
		
/*============================================================================== 
 * FAQ page only
==============================================================================*/


#slideshow {
	width: 591px;
	height: 345px;
	position: relative;
	overflow: hidden;
	}

img#preview {
	position: absolute;
	border-width: 0;
	outline-width: 0;
	}
	
.faqframe  {
	float:left;
	margin-left:84px !important; /* IE/Win hack */
	margin-left:42px;
	}	
	
.faqSidebar	{
	margin-right:25px !important;
	margin-right:12px;
	margin-top:50px;
	margin-bottom:53px;
	float: right;
	width: 292px;
	height: 530px;
	}
	
.inputbox {
	width:175px;
	height:20px;
	}	
	
.inputbox3 {
	width:30px;
	height:20px;
	}
	
.inputbox4 {
	width:40px;
	height:20px;
	}	

.inputtextbox {
	width:180px;
	height:140px;
	}				
			
/*============================================================================== 
 * FAQ Nav
==============================================================================*/
			
ul#faqNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 292px;
	height: 530px;
	text-align: left;
	overflow: hidden;
	}
	
ul#faqNav li {
	float: left;
	}

ul#faqNav a {
	float: left;
	padding: 0 0 0 292px;
	overflow: hidden;
	width: 0px !important;
	width /**/:530px; /* for IE5/Win only */
	background: url(../images/nav_FAQ.jpg) no-repeat;
	}				
	
/* Replace Text With Images
----------------------------------------------------------------------------- */

li#faq1 a {
	width: 292px;
	height: 88px;
	background-position:0 0;
	}
		
li#faq2 a {
	width: 292px;
	height: 56px;
	background-position:0 -88px;
	}	
	
li#faq3 a {
	width: 292px;
	height: 56px;
	background-position:0 -144px;
	}	
	
li#faq4 a {
	width: 292px;
	height: 76px;
	background-position:0 -200px;
	}	
	
li#faq5 a {
	width: 292px;
	height: 58px;
	background-position:0 -276px;
	}	
	
li#faq6 a {
	width: 292px;
	height: 74px;
	background-position:0 -334px;
	}	
	
li#faq7 a {
	width: 292px;
	height: 57px;
	background-position:0 -408px;
	}	
	
li#faq8 a {
	width: 292px;
	height: 65px;
	background-position:0 -465px;
	}	
	
/* Replace Text With Images
----------------------------------------------------------------------------- */

li#faq1 a:hover { background-position:-292px 0;      }		
li#faq2 a:hover { background-position:-292px -88px;  }	
li#faq3 a:hover { background-position:-292px -144px; }
li#faq4 a:hover { background-position:-292px -200px; }
li#faq5 a:hover { background-position:-292px -276px; }	
li#faq6 a:hover { background-position:-292px -334px; }	
li#faq7 a:hover { background-position:-292px -408px; }		
li#faq8 a:hover { background-position:-292px -465px; }
	
								
/*==============================================================================
* Footer
==============================================================================*/

#footer,
#copyright {
	clear: both;
	}
	
#topFrame {
	background-color:#000;
	height:30px;
	margin-top:15px;
}
ul#frameNav {
	width:950px;
	margin:0 auto;
}
ul#frameNav li {
	display:inline;
	padding:10px 15px;
}
ul#frameNav li a {
	font-size:9pt;
	color: #7b5b41;
	text-decoration:none;
	list-style:none;
	text-transform:uppercase;
	letter-spacing:.1em;
}
ul#frameNav li a:link { color:#7b5b41; }
ul#frameNav li a:visited { color:#7b5b41; }
ul#frameNav li a:hover { color:#fff; }
ul#frameNav li a:active { color:#fff; }