

html   				{
					background:		  black;
					}
/*background:		  		 url(Images/gradient2.jpg);
background:		  black*/			
body				{
       		 		width:			  750px;
         		 	margin:			  0 auto;
         		 	margin-top:		  30px;
					font-family:	  Arial, Geneva, sans-serif;
         		 	font-size:		  10px;
         		 	background:		  white;
         		 	border:			  2px solid #797979;
         		 	}


/*  logo at top of page  */			
#header				{
    				background:		  white;
    				width:			  90%;
    				text-align:		  center;
    				margin:			  10px 0px 0px 30px;
					font-family:	  Arial, Geneva, sans-serif;
					color:			  #ce181e;
					}
/* logo and phrase at top */								  
#catch				{
					width:				 60%;
				  	background:			 white;
					padding:			 0px 30px 0px 30px;
					margin:				 0px 0px 0px 115px;
					color:				 white;
					border:				 0px;
					text-align:			 center;
					font-size:			 125%;
					font-family:		 verdana;
					font-weight:		 bold;
					}		
					
/* on each page */				
h3					{
					
					color:			  		  #ce181e;
					text-align:				  center;
					text-transform:			  uppercase;
					margin-top:				  5px;
					margin-bottom:			  10px;
					margin-left:			  125px;
					margin-right:			  125px;
					font-size:				  140%;
					font-weight:			  bold;
					letter-spacing:			  3px;
					line-height:			  12px;
					}

.heading3			{
					background-color:		  white;
					color:			  		  #ce181e;
					text-align:				  center;
					text-transform:			  uppercase;
					margin-top:				  5px;
					margin-bottom:			  10px;
					margin-left:			  126px;
					margin-right:			  124px;
					font-size:				  140%;
					font-weight:			  bold;
					letter-spacing:			  3px;
					line-height:			  12px;
					}
					
.headingfaq		{
					
					color:			  		  #ce181e;
					text-align:				  center;
					text-transform:			  uppercase;
					margin-top:				  5px;
					margin-bottom:			  5px;
					margin-left:			  10px;
					margin-right:			  10px;
					font-size:				  140%;
					font-weight:			  bold;
					letter-spacing:			  3px;
					line-height:			  12px;
					}

					
p					{
					margin-top:				 5px;
					margin-bottom:			 5px;
					}

.philosophy			{
					color:					 white;
					text-indent:	  		 7px;
					}					
					
/* faq page questions */				
h5					{
					color:				  	 #000000;
					text-align:				 left;
					margin-top:				 10px;
					margin-bottom:			 3px;
					}
.faq				{
										
					}

/* home page*/					
.welcome			{
					color:			  		 white;
					text-align:				 center;
					}

/* main text on each page */				
.info				{
					text-align:		  		  justify;
					text-decoration:		  none;
					text-indent:			  8px;
					line-height:			  14px;
					color:					  white;
					}
 
				
/* section headings on menus */
.heading			{
					width:	   				 300px;
					padding:				 5px 0px 5px 0px;
					font-weight:			 bold;
					color:					 white;
					font-size:				 110%;
					text-align:				 center;
					text-transform:			 uppercase;
					letter-spacing:			 2px;
					padding-left:			 110px;
					}
					
.service			{
					color:					  black;
					font-weight:			  bolder;
					text-align:				  left;				
					text-transform:			  uppercase;
					
					}					
					
.hairprice			{
					width:					 25%;
					background:		  		 url(Images/gradient2.jpg);
					background-repeat:		 repeat;
					font-weight:			 bold;
					color:					 black;
					text-align:				 center;
					text-transform:			 uppercase;
					}
					
.skinprice			{
					width:					 25%;
					background:		  		url(Images/gradient2.jpg);
					background-repeat:		repeat;
					font-weight:			bold;
					color:					black;
					text-align:				center;
					}
					
.nailprice			{
					width:					25%;
					background:		  		url(Images/gradient2.jpg);
					background-repeat:		repeat;
					font-weight:			bold;
					color:					black;
					text-align:				center;
					text-transform:			uppercase;
					}
					
.makeupprice		{
					width:					 25%;
					background:		  		 url(Images/gradient2.jpg);
					background-repeat:		 repeat;
					
					font-weight:			 bold;
					color:					 black;
					text-align:				 center;
					text-transform:			 uppercase;
					}
					
					

.activelist			{
					text-indent:			  0px;
					margin-top:				  5px;
					text-decoration:		  none;
					}

	

#products			{
					width:					 80%;
					margin-left:			 50px;
					letter-spacing:			  1px;
					font:					 105%;
					}

#products td		{
					text-align:				 center;
					}			
#products a:link 	{
					color:					 yellow;
					font-weight:			 bold;
					text-decoration:		 none;
					}

#products a:visited	{
					color:					 white;
					text-decoration:		 underline;
					font-weight:			 bold;
					}
					
#products a:hover	{
					background-color:		 #C0C0C0;
					color:					 black;
					text-decoration:		 none;
					}
					
.contactlist		{
					text-indent				 0px;
					color:					 white;
					}
					
.contact			{
					color:					 white;
					text-align:				 center;
					}


/* careers page */		
.careers			{
					color:					  white;
					text-align:		  		  justify;
					line-height:			  14px;
					text-decoration:		  none;
					text-indent:			  8px;
					}
					
.careerslist		{
					text-indent:	  	  	 0px;
					color:					 white;
					}

li					{
					list-style-type:		 square;
					margin-top:				 1px;
					margin-bottom:			 1px;
					}

	
.yellow				{
					color:					 yellow;
					}



.footnote			{
					text-align:		  		 center;
					text-transform:			 uppercase;
					color:					 #FFFF00;
					}

.text				{
					text-align:				 center;
					font-weight:			 bold;
					}

/* home page*/					
.welcome			{
					color:			  white;
					text-align:		  center;
					}
/* main body on each page */
#content			{
					width:					 90%;
					background:				 white;
					padding:				 20px 30px 10px 30px;
					margin:					 20px 0px 5px 0px;
					font-size:				 105%;
					border:					 0px;
					color:					 white;
					}
blockquote			{
					margin-top:				 5px;
					margin-bottom:			 7px;
					text-indent:			 0px;
					color:					 #FFFF00;
					font-weight:			 bold;
					}


.info a:link 		{
					color:					 yellow;
					text-decoration:		 underline;
					}

.info a:visited		{
					color:					 white;
					text-decoration:		 underline;
					font-weight:			 bold;
					}
					
.info a:hover		{
					background-color:		 #C0C0C0;
					color:					 black;
					text-decoration:		 none;
					}


					
/* hours and location */				
#footer				{
					width:			  90%;
					background:		  white;
					align:			  center;
					text-align:		  center;
					padding:		  0px 0px 10px 0px;
					margin:			  5px 0px 10px 30px;
					
					}

.hours				{
                    font-size:		  105%;
					color:			  #555555;
                    padding-top:	  0px;
                    padding-bottom:	  0px;
                    padding-left:	  15px;
                    padding-right:	  15px;
                    line-height:	  6px;
					}
					
.hours img			{
	   				border:			  0px;
					}
					
.toprow				{
					font:			  
					
					}
					
					
.hours td			{
	   				padding:		  5px;
	   				}
					
.hours th			{
	   				padding:		  6px;
					}

/* gallery */					
#gallery			{
					text-align:		  center;
					}

#gallery img		{
					border:			  0px;
					}

								 
								 
								 
/*menu*/

.chromestyle					 {
			 					 width:	   					 89%;
								 margin:					 5px 0px 0px 32px;
								 }

.chromestyle:after				 { /*Add margin between menu and rest of content in Firefox*/
                                 content:					 "."; 
                                 display:					 block; 
                                 height:					 0; 
                                 clear:						 both; 
                                 visibility:				 hidden;
                                 }

.chromestyle ul					 {
			 					 border:					 1px solid #BBB;
								 width:						 100%;
								 background:				 url(Images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
								 padding:					 4px 0;
								 margin:					 0;
								 text-align:				 center; /*set value to "left", "center", or "right"*/
								 font-size:					 110%;
								 font-weight:				 bold;
								 }

.chromestyle ul li				 {
			 					 display:					 inline;
								 border-left:				 1px solid #DADADA;
								 }

.chromestyle ul li a			 {
			 	   				 color:						 #494949;
								 padding:					 4px 7px;
								 margin:					 0;
								 text-decoration:			 none;
								 border-right:				 1px solid #DADADA;
								 }

.chromestyle ul li a:hover		{
			 	   				/*background: url(Images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
								background-color:			 #999999;
								color:						 white;
								}


.chromestyle ul li a[rel]:after { /*HTML to indicate drop down link*/
 		 	   					content: 			 	  	  " v";
								/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
								}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv 	   	   			{
								position:		  			  absolute;
								top:						  0;
								border:						  1px solid #BBB; /*THEME CHANGE HERE*/
								border-bottom-width:		  0;
								line-height:				  16px;
								z-index:					  100;
								background-color:			  white;
								width:						  100px;
								visibility:					  hidden;
								filter:						  progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
								line-height:				  15px;
								font-size:					  110%;
								}


.dropmenudiv a{					display:					   block;
			 					text-indent:				   10px;
								border-bottom:				   1px solid #BBB; /*THEME CHANGE HERE*/
								padding:					   2px 0;
								text-decoration:			   none;
								color:						   black;
								font-weight:				   bold;
								}

* html .dropmenudiv a			{ /*IE only hack*/
  	   							width: 			  			   100%;
								}

.dropmenudiv a:hover			{ /*THEME CHANGE HERE*/
			 					background-color:	   		   #000000;
								color:						   white;
								border:						   1px solid #000000;
								}
/*
.info a:link 		{
					color:					 black;
					text-decoration:		 underline;
					}

.info a:visited		{
					color:					 yellow;
					text-decoration:		 underline;
					}
					
.info a:hover		{
					background-color:		 #C0C0C0;
					color:					 black;
					text-decoration:		 none;
					
					*/
					


.roundedcornr_box_559506		  {
								  background: #ce181e;
								  }
						 
.roundedcornr_top_559506 div	  {
						 		  background: url(Images/roundedcornr_559506_tl.png) no-repeat top left;
								  }
.roundedcornr_top_559506		  {
								  background: url(Images/roundedcornr_559506_tr.png) no-repeat top right;
								  }
.roundedcornr_bottom_559506 div	  {
								  background: url(Images/roundedcornr_559506_bl.png) no-repeat bottom left;
								  }
.roundedcornr_bottom_559506		  {
								  background: url(Images/roundedcornr_559506_br.png) no-repeat bottom right;
								  }

.roundedcornr_top_559506 div,
.roundedcornr_top_559506, 
.roundedcornr_bottom_559506 div, 
.roundedcornr_bottom_559506		 {
								 width:		  100%;
								 height:	  10px;
								 font-size:	  1px;
								 }
.roundedcornr_content_559506	 {
							 	 margin:	  0 10px;
							 	 }				
				
				
.thumbnail						  {
								  position: relative;
								  z-index: 0;
								  }

.thumbnail:hover				  {
								  background-color: transparent;
								  z-index: 50;
								  }

.thumbnail span					  { /*CSS for enlarged image*/
		   						  position: absolute;
								  background-color: lightyellow;
								  padding: 5px;
								  left: -1000px;
								  border: 1px dashed gray;
								  visibility: hidden;
								  color: black;
								  text-decoration: none;
								  }

.thumbnail span img				  { /*CSS for enlarged image*/
		   						  border-width: 0;
								  padding: 2px;
								  }

.thumbnail:hover span			  { /*CSS for enlarged image on hover*/
				 				  visibility: visible;
								  top: -100px;
								  left: 20px; /*position where enlarged image should offset horizontally */
								  }
						  
								  
								  
								  
						  
.roundedcornr_box_566465		  {
								  background: #000000;
								  }
.roundedcornr_top_566465 div	  {
						 		  background: url(Images/roundedcornr_566465_tl.png) no-repeat top left;
								  }
.roundedcornr_top_566465		  {
								  background: url(Images/roundedcornr_566465_tr.png) no-repeat top right;
								  }
.roundedcornr_bottom_566465 div	  {
								  background: url(Images/roundedcornr_566465_bl.png) no-repeat bottom left;
								  }
.roundedcornr_bottom_566465		  {
								  background: url(Images/roundedcornr_566465_br.png) no-repeat bottom right;
								  }

.roundedcornr_top_566465 div, .roundedcornr_top_566465, 
.roundedcornr_bottom_566465 div, .roundedcornr_bottom_566465 {
								 width: 100%;
								 height: 5px;
								 font-size: 1px;
								 }
.roundedcornr_content_566465	 {
								 margin: 0 10px;
								 }					
					
					
.roundedcornr_box_679904 {
   background: #000000;
}
.roundedcornr_top_679904 div {
   background: url(Images/roundedcornr_679904_tl.png) no-repeat top left;
}
.roundedcornr_top_679904 {
   background: url(Images/roundedcornr_679904_tr.png) no-repeat top right;
}
.roundedcornr_bottom_679904 div {
   background: url(Images/roundedcornr_679904_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_679904 {
   background: url(Images/roundedcornr_679904_br.png) no-repeat bottom right;
}

.roundedcornr_top_679904 div, .roundedcornr_top_679904, 
.roundedcornr_bottom_679904 div, .roundedcornr_bottom_679904 {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.roundedcornr_content_679904 { margin: 0 5px; }

.roundedcornr_box_788572	   		   {
									   background: #ffffff;
									   }
.roundedcornr_top_788572 div		   {
						 			   background: url(Images/roundedcornr_788572_tl.png) no-repeat top left;
									   }
.roundedcornr_top_788572			   {
									   background: url(Images/roundedcornr_788572_tr.png) no-repeat top right;
									   }
.roundedcornr_bottom_788572 div		   {
									   background: url(Images/roundedcornr_788572_bl.png) no-repeat bottom left;
									   }  
.roundedcornr_bottom_788572			   {
									   background: url(Images/roundedcornr_788572_br.png) no-repeat bottom right;
									   }

.roundedcornr_top_788572 div, .roundedcornr_top_788572, 
.roundedcornr_bottom_788572 div, .roundedcornr_bottom_788572 {
								 							 width: 100%;
															 height: 5px;
															 font-size: 1px;
															 }
.roundedcornr_content_788572								 {
															 margin: 0 5px;
															 }
															 
															 
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {margin-left: 8px; padding:20px; background:#222; width:600px; height:330px; text-align:left;}
.photo h1 {font-size:14px; font-weight:normal; color:#ccc; margin:0 0 0 5px; padding:0;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; background:#333; border:1px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(Images/arrow.gif) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#ccc;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#ccc;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:260px; top:0; width:240px; height:320px; border:1px solid #ccc; padding:5px 45px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:260px; top:0; width:320px; height:240px; border:1px solid #ccc; padding:45px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:204px; height:150px; border:1px solid #666; top:165px; left:0; color:#ddd; font-weight:normal; padding:6px;}