/*Sunset Salon CSS
Reset Browsers*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6
{
	border: 0;
	outline: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: normal;
}
/*Body Setup*/
BODY
{
	color: #2C2004;
	text-align: center;
	background: #EEAE56 url(assets/sunset-bg.jpg) repeat 4px 66px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
/*Heading Tags*/
H1
{
     color: #2C2004;
     font-size: 16px;
     font-weight: 700;
     line-height: 24px;
}
H2
{
     color: #2C2004;
     font-size: 14px;
     font-weight: 700;
     line-height: 15px;
}
H3
{
     color: #2C2004;
     font-size: 12px;
     font-weight: 700;
     line-height: normal;
}
A:focus
{
	color: #EBCD77;
}
A:active
{
	color: #EBCD87;
	font-size: 14px;
	font-weight: bold;
}
/*Lists*/
UL
{
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
}
IMG
{
     border: none;
     padding: 10px;
     float: none;
}
IMG.floatLeft
{
	float: left;
	background: #023F1D url(assets/img-bg.jpg);
	margin: 4px;
}
IMG.floatRight
{
	float: right;
	background: #023F1D;
	margin: 4px;
}
BLOCKQUOTE.withline
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 15px;
	background: #E7EADF;
}
/*Menu*/
.sunmenu
{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 200px;
	background: #DBE0D1;
}
.sunmenu LI A
{
     background: #F5C875 url(assets/sunset-content-bg.jpg) repeat-y;
     font: bold 13px Arial, Verdana, Helvetica, sans-serif;
     color: #2C2004;
     display: block;
     width: auto;
     padding: 3px 0;
     padding-left: 10px;
     text-decoration: none;
     border-right: 2px solid #2C2004;
}
* HTML .sunmenu LI A
{
	/*IE only. Actual menu width minus left padding of A element (10px)*/
	width: 190px;
}
.sunmenu LI A:visited, .sunmenu LI A:active
{
	color: #DBE0D1;
}
.sunmenu LI A:hover
{
     border-right: 4px solid #9E2F17;
     background: #F1B441;
}
/*Site Wrapper*/
#outerWrapper
{
     max-width: 792px;
     min-width: 792px;
     text-align: left;
     width: 80%;
     background: #FFF url(assets/sunset-content-bg.jpg);
     margin: 0 auto;
     border-right: 1 solid #592413;
     border-bottom: 1 solid #592413;
     border-left: 1 solid #592413;
}
/*Header*/
#outerWrapper #header
{
     height: 139px;
     background: #ECAE4B url(assets/sunset-header-2.jpg) no-repeat left top;
     padding-right: 10px;
     padding-left: 10px;
}
/*Navbar*/
#navbar
{
     color: #FAE0A7;
     background: #2C2004 repeat-x;
     height: 30px;
     background-color: #2C2004;
     vertical-align: middle;
     font: bold 14px/30px Arial, Helvetica, sans-serif;
}
#navbar LI
{
	float: left;
	list-style-type: none;
}
#navbar LI A
{
	display: block;
	padding: 0 14px;
	text-decoration: none;
	color: #FAE0A7;
	letter-spacing: 1px;
	font-size: 12px;
}
#navbar LI A:hover
{
	background: #FFAA21;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#outerWrapper #contentWrapper #content #special
{
     color: #33333;
     text-decoration: none;
     height: 35px;
}

#outerWrapper #contentWrapper #content #special A, A:link, A:visited
{
     color: #965688;
     font-weight: 700;
     text-decoration: none;
     font-size: 24px;
}

/*Left Menu*/
#outerWrapper #contentWrapper #leftColumn1
{
	float: left;
	font-size: 12px;
}
#outerWrapper #contentWrapper #leftColumn1 A:hover
{ background: #F7AB2F url(assets/hover-smenu.jpg) repeat-y left; 
}
#outerWrapper #contentWrapper #leftColumn1 A:active
{
	color: #2C2004;
}
/*Main Content*/
#outerWrapper #contentWrapper #content
{
     margin: 0 0 0 17em;
     padding: 10px 13px 10px 10px;
     font-size: 12px;
     background: #F8E4C1 repeat;
}
#outerWrapper #contentWrapper #content A:link
{
     color: #9E2F17;
     font: 700 12px/12px Arial, Helvetica, sans-serif;
}
#outerWrapper #contentWrapper #content A:visited
{
     color: #9E2F17;
     font-size: 12px;
     font-weight: 700;
}
#outerWrapper #contentWrapper #content A:active
{ color: #E79238; 
}
#outerWrapper #contentWrapper #content A:hover
{
     color: #2C2004;
     font-size: 18px;
}
#outerWrapper #contentWrapper .clearFloat
{
	clear: left;
	display: block;
}
/*Footer*/
#outerWrapper #footer
{
     height: 15px;
     background: #2C2004 url(assets/sunset-footer.jpg) no-repeat left top;
     color: #4B1C00;
     text-align: center;
     font-size: 11px;
     padding: 5px;
     font-weight: bold;
}
A, A:link, A:visited
{
     color: #551E09;
     font-weight: 700;
     text-decoration: none;
     font-size: 11px;
}
A, A:hover
{
     color: #000000;
     font-weight: 700;
     text-decoration: none;
     font-size: 11px;
}
#outerWrapper #contentWrapper #leftColumn1 A:link, #outerWrapper #contentWrapper #leftColumn1 A:visited {
	color: #2C2004;
	font-size: 12px;
	font-weight: 700;
	}
#specials-box {
	width: 503px;
	overflow: hidden;
	background: #f3a35e url(assets/specials/specials-footer.jpg) no-repeat left bottom;	
	padding-bottom: 12px;
	}	
#specials-box img {
	padding: 0;
	}	
#specials-box ul	{
font-size: 15px;
	margin: 0;
	padding: 0;	
	}
#specials-box ul li	{
	padding: 15px 15px 20px 15px;	
	}	
#specials-box ul li.orange	{
	background: transparent url(assets/specials/specials-repeat-o-below.jpg) repeat-x left bottom;	
	line-height: 20px;
	}
#specials-box ul li.cream	{
	background: #EF9350 url(assets/specials/specials-repeat-c-below.jpg) repeat-x left bottom;	
	line-height: 20px;
	}			
#specials-box ul li.bottom	{
	background: #EF9350 repeat-x left bottom;	
	line-height: 20px;
	padding-bottom: none;
	}