﻿/**********************
	HTML tags
**********************/
body
{
	padding:7px 0 30px 0;
	background-color:#000000;
	background-image:url(../images/black-zebra.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	font-family:Tahoma, Verdana, Arial, Sans-Serif;
	font-size:14px;
	behavior:url(scripts/csshover.htc);
}
h1, h2, h3, h4, h5, h6
{
	color:#A02134;/*97461A*//*97471B*//*7C1A25*/
	font-family:Verdana, Tahoma, Arial, Monotype Corsiva, Sans-Serif;/**/
}
h1
{
	font-weight:bold;
	font-size:16px;
}
h2
{
	font-weight:bold;
	font-size:16px;
	color:#CC3333;/*FF66FF*//**/
}
h3
{
	font-weight:bold;
	font-size:14px;
}
h4
{
	font-weight:bold;
	font-size:14px;
	color:#CC3333;/*FF66FF*/
}
h5
{
	font-weight:bold;
	font-size:12px;
}
h6
{
	font-weight:bold;
	font-size:12px;
	color:#CC3333;/*FF66FF*/
}
a
{
	/*color:#97471B;*/
	color:#A02134;/*7C1A25*/
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
/* TODO: FIX THE LINE HEIGHT BEFORE, INSIDE, AND AFTER THE <P> */
p
{
	margin-top:20px;
	line-height:1.5em;
}

/**********************
	Layout
**********************/

#main-body
{
	width:970px;
	margin:0 auto 0 auto;
	overflow:hidden;
}
#main-banner
{
	color:#FFFFFF;
	text-align:center;
	padding:0 0 10px 0;
}
#nav-content
{
	background: url('../images/btn-nav-background.gif') no-repeat center top;
	height:70px;
	margin:0 0 10px 0;
	color:#FFFFFF;
}
#content-top
{
	background-image:url('../images/pink-zebra-top.gif');/**/
	width:970px;
	height:70px;
}
#outer-content
{
	background: url('../images/pink-zebra-main.jpg') repeat-y fixed center top;
	padding: 0 50px 0 50px;
	overflow:hidden;
}
#inner-content
{
	background-color:#E5A2A4;
	padding:0 30px 30px 30px;
	overflow:hidden;
	height:100%;
}
#footer-container
{
	background: url('../images/pink-zebra-bottom.gif') no-repeat center top;
	height:83px;
	padding:0 50px 0 50px;
	font-size:10px;
	color:#A02134;/*97471B*/
	text-align:center;
}

/**********************
	Navigation
**********************/
#nav
{
	margin:0;
	padding:0 0 0 25px;
	height:100%;
}
#nav li
{
	list-style:none;
	height:65px;
	float:left;
	position:relative;
	margin:0 5px 0 0;
}
#nav li a
{
	height:65px;
	text-indent:-9000px;
	display:block;
}
#nav .subnav
{
	position:absolute;
	margin:0 0 0 0;
	left:0;
	z-index:-10;
}
#nav .subnav li
{
	height:auto;
	width:100%;
}
#nav .subnav a
{
	visibility:hidden;/**/
	text-indent:0;/*9000px*/
	/*text-align:center;*/
	background:none;
	background-color:#E5A2A4;/**//*A02134*/
	border:solid 1px #A02134;
	border-top:none;
	/*color:#A02134;*//*FFFFFF*/
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	width:130px;
	height:auto;
	font-family:Verdana, Tahoma, Arial, Monotype Corsiva, Sans-Serif;/**/
	font-size:10px;
}
#nav li:hover
{
	z-index:10;
}
#nav .subnav li a:hover
{
	background-color:#A02134;
}
#nav li:hover a, #nav li:hover ul
{
	visibility:visible;
	color:#000000;/*A02134*//*FFFFFF*/
}
a#home, a#about-us, a#services, a#permanent-cosmetics, a#prices, a#boutique, a#contact
{
	height:65px;
	cursor:pointer;
}
a#home
{
	background-image:url('../images/btn-home.gif');
	width:99px;
}
a#about-us
{
	background-image:url('../images/btn-aboutus.gif');
	width:137px;
}
a#services
{
	background-image:url('../images/btn-services.gif');
	width:107px;
}
a#permanent-cosmetics
{
	background-image:url('../images/btn-permanentcosmetics.gif');
	width:220px;
}
a#prices
{
	background-image:url('../images/btn-prices.gif');
	width:89px;
}
a#boutique
{
	background-image:url('../images/btn-boutique.gif');
	width:115px;
}
a#contact
{
	background-image:url('../images/btn-contact.gif');
	width:104px;
}
a#home:hover, a#about-us:hover, a#services:hover, a#permanent-cosmetics:hover,
a#prices:hover, a#boutique:hover, a#contact:hover
{
	background-position:left bottom;
}
#page-about-me #about-us, #page-meet-the-stylists #about-us, #page-picture-gallery #about-us,  #page-dedication #about-us,
#page-full-service-salon-services #services, #page-permanent-makeup-services #services, #page-lash-extensions-services #services, #page-cosmetic-airbrushing-services #services, #page-temporary-hair-streaks #services, #page-best-kept-secret #services, #page-best-kept-secret-signup #services,
#page-before-after #permanent-cosmetics, #page-more-pictures #permanent-cosmetics, #page-q-a #permanent-cosmetics, #page-benefits #permanent-cosmetics, #page-procedure #permanent-cosmetics, #page-aftercare-instructions #permanent-cosmetics,
#page-full-service-salon-prices #prices, #page-prices #prices, #page-lash-extensions #prices, #page-cosmetic-airbrushing-prices #prices, #page-special-promotions #prices, #page-coupon #prices,
#page-boutique #boutique, #page-merchandise #boutique,
#page-contact #contact
{
	background-position:left bottom;
}
#page-about-me #about-me, #page-meet-the-stylists #meet-the-stylists, #page-picture-gallery #my-permanent-makeup, #page-dedication #my-dedications,
#page-full-service-salon-services #full-service-salon-services, #page-permanent-makeup-services #permanent-makeup-services, #page-lash-extensions-services #lash-extensions-services, #page-cosmetic-airbrushing-services #cosmetic-airbrushing-services, #page-best-kept-secret #best-kept-secret,
#page-before-after #before-after, #page-q-a #q-a, #page-benefits #benefits, #page-procedure #how-its-done, #page-aftercare-instructions #aftercare-instructions,
#page-full-service-salon-prices #full-service-salon-prices, #page-prices #prices-subnav, #page-lash-extensions-prices #lash-extensions-prices, #page-cosmetic-airbrushing-prices #cosmetic-airbrushing-prices, #page-special-promotions #special-promotions, #page-coupon #coupon,
#page-boutique #boutique, #page-merchandise #merchandise
{
	background-color:#A02134;
	text-decoration:underline;
}
#footer
{
	margin:0 auto -2px auto;
	padding:0 0 5px 0;
	overflow:hidden;
	width:85%;
	text-align:center;
}
#footer li
{
	list-style:none;
	display:inline;
	margin:0 10px 0 10px;
}

/**********************
	Classes
**********************/

