/* zero out padding, spacing, and colors */
html{color:#000;background:#FFF;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

/* standard selectors */
html {
	background-color: #bce3e5;
}
body {
	font-family: arial, helvetica, sans-serif;	
	font-size: 10px;
	line-height: 140%;
	color: #421d00;
	text-align:center;
}
p {	padding: 10px 0; }
h1 { font-size: 160%; font-weight: bold; }
h2 { font-size: 120%; font-weight: bold; }
h3 { font-size: 110%; font-weight: bold; }
a { outline: none; }
img { border: 0; }
/* common for all pages */
#container {
	position: relative; 
	z-index: 1; 
	width:887px; 
	margin:0px auto;
	margin-top: 30px; 
	text-align: center;
}

.clear {
	clear: both;
}

#social {
    position: relative;
    float: left;
    margin:  2px 0 0 15px;
}
#footer {
	/*text-align:right;*/
    position: relative;
    float: right;
	font-size: 85%;
	font-weight: bold;
	padding: 3px 20px 0 0;
}


/* --- NAVIGATION BAR --- */
#nav {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* IE hack to get z-index working */
#nav, #nav li, #nav li img, #nav #nav-logo img {
	position: relative;
	z-index: 10;
}
#nav li {
	display:inline;
	margin: 0;
	padding:0;
}
#nav li a {
	/* reqd for Firefox */
	border: 0;
}
#nav li img {
	margin-bottom: -18px;
}
#nav #nav-logo img {
	margin: 0px 28px 0px 15px;
	margin-bottom: -85px; 
}

#content {
	margin-top: 15px;
	text-align: center;
}

#content a { 
	color: #572600; 
	font-weight: bold;
	font-size: 110%;	
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

#content #fare {
	height: 646px; 
	background-image:url(../images/background_fare.jpg);
}
#content #home {
	position: relative;
	z-index: 2;
	height: 636px;
	background-image:url(../images/background_home.jpg);

  /*height: 647px;*/
  /*background-image:url(../images/background_home_trimmed.jpg);*/
  
  padding: 5px; 
	text-align: center;
}
#content #staff {
  margin-top: 16px;
  height: 645px;
	background-image:url(../images/background_experts.jpg);
}
#content #contact {
	height: 636px;
	background-image:url(../images/background_contact.jpg);
}
#content #features {
	height: 636px;
	background-image:url(../images/background_fare.jpg);
}
#content #makeup {
	height: 646px;
	background-image:url(../images/background_fare.jpg);
}
#content #newsletter {
	height: 646px; 
	background-image:url(../images/background_fare.jpg);
}

/* --- HOME PAGE --- */
#home-text {
	margin-top: 225px;
  line-height: 150%;
}
#home-text p {
	padding: 13px 0;
}
#home-text img {
	margin-top: 30px;
}
#newsletter-button {
	position: absolute;
	left: 15px;
	bottom: 25px;
}
#bridal-button {
  position: absolute;
  right: 11px;
  bottom: 28px;
}
#highbanks-button {
	position: absolute;
	left: 9px;
	bottom: 22px;
}
#before-after-button {
  position: absolute;
  right: 7px;
  bottom: 24px;
}
#promo {
  position: absolute;
  top: 76px;
  left: 158px;
  height: 539px;
  width: 571px;
  background-image:url(../images/home_fassage.jpg);
}

#promo1 {
  position: absolute;
  top: 527px;
  left: 350px;
  height: 30px;
  width: 30px;
}
#promo2 {
  position: absolute;
  top: 537px;
  left: 387px;
  height: 30px;
  width: 30px;
}
#promo3 {
  position: absolute;
  top: 542px;
  left: 423px;
  height: 30px;
  width: 30px;
}
#promo4 {
  position: absolute;
  top: 539px;
  left: 458px;
  height: 30px;
  width: 30px;
}
#promo5 {
  position: absolute;
  top: 529px;
  left: 495px;
  height: 30px;
  width: 30px;
}
#fassage {
  position: absolute;
  top: 440px;
  left: 365px;
  height: 45px;
  width: 150px;
}


/* --- CONTACT PAGE --- */
#contact {
  padding: 5px; 
  line-height: 150%;
}
#contact-text {
	margin-top: 220px;
}
#contact-text p {
	padding: 13px 0;
}
#contact-text img {
	position: relative;
	z-index: 10;
	margin-top: 20px;
}

/* --- EXPERTS PAGE --- */
#staff {
	position: relative;
	z-index: 1;
	margin-top: 15px;
}

#staff #christie, #staff #leny, #staff #dana, #staff #jody, #staff #stephanie, #staff #jennifer {
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
}
#staff #jennifer {
  position: absolute;
  z-index: -2;
  background-repeat: no-repeat;
}
#staff #christie {
  width: 283px;
  height: 160px;
  top: 86px;
  left: 37px;
  background-image:url("../images/christie.jpg");
}
#staff #leny {
  width: 243px;
  height: 162px;
  top: 241px;
  left: 29px;
  background-image:url("../images/leny.jpg");
}
#staff #jennifer {
  width: 283px;
  height: 163px;
  top: 396px;
  left: 32px;
  background-image:url("../images/jennifer.jpg");
}
#staff #dana {
  width: 254px;
  height: 162px;
  top: 84px;
  right: 39px;
  background-image:url("../images/dana.jpg");
}
#staff #jody {
  width: 241px;
  height: 162px;
  top: 240px;
  right: 24px;
  background-image:url("../images/jody.jpg");
}
#staff #stephanie {
  width: 273px;
  height: 161px;
  top: 402px;
  right: 31px;
  background-image:url("../images/stephanie.jpg");
}

#staff-text {
	position:absolute;
	top: 250px;
	left: 275px;
	width: 340px;
}
#staff-text h1 {
	font-size: 120%;
	font-weight: bold;
}
#staff-text img {
	position: absolute;
	top: 220px;
	left: 130px; 
}

/* --- FEATURES PAGE --- */
#features {
  position: relative;
  z-index: 1;
  padding: 5px; 
  line-height: 150%;
}
#features #bridal {
	z-index: 5;
	position: absolute;
	top: 50px;
	left: 60px;
	width: 318px;
	height: 600px;
	background-image:url(../images/flower_toss.gif);		
	background-position: top;
	background-repeat: no-repeat;
}
#features #bridal #bridal-text {
	margin-top: 200px;
	line-height: 160%
}
#features #top-10 {
	z-index: 5;
	position: absolute;
	top: 50px;
	right: 60px;
	width: 445px;
	height: 600px;
	background-image:url(../images/top_10_products.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	/* this is really too small for Mac, but looks good on Windows */
	line-height: 130%;
}
#features #top-10 #col-1 {
	z-index: 5;
	position: absolute;
	top: 135px;
	right: 232px;
	width: 190px;
	height: 500px;
}
#features #top-10 #col-2 {
	z-index: 5;
	position: absolute;
	top: 135px;
	right: 30px;
	width: 190px;
	height: 500px;
}
#features #top-10 .product {
	padding: 8px 0;
}
#features #top-10 .product .item-number {
	color: #bce3e5;
	font-size: 24px;
	padding-right: 3px;
}
#features #top-10 .product .item-name {
	font-weight: bolder;
}

/* --- VANITY FARE PAGE --- */
#fare #packages {
	float: left;
	margin: 70px 0 0 60px;
	padding: 0;	
	width: 530px;
	height: 400px;
    vertical-align: top;
}
#fare #packages img {
	padding-top: 7px;
    margin-bottom: -6px;
}
#fare #fassage-line {
    margin-left: -60px;
}
#fare #fassage-link {
    /* ugly hack */
    position: absolute;
    top: 357px;
    margin-left: 5px;
}
#fare #packages p {
    margin: -10px 0 0 0;
}
#fare #alacarte {
	float: left;
	margin: 90px 0 0 0;
	padding: 5px 0 50px 0;
	width: 230px;
	height: 330px;
	vertical-align: top;
	line-height: 170%;
	border-left: 1px solid #572600;
}
#fare #waxing {
	float: left;
	margin: 0 0 0 70px; 
	padding: 5px 0 0 0;
	width: 740px;
	border-top: 1px solid #572600;
}
#fare #waxing img {
	float: left;
}
#fare #waxing #waxing-details td {
	padding: 5px 24px;
}
#fare #waxing #waxing-details td img {
	padding: 5px 0;
}


/* --- MAKE UP PAGE --- */
#makeup-body {
  padding-right: 50px;
}
#makeup-header {
  position: absolute;
  top: 110px;
  left: 60px;
}
#makeup-text {
  position: relative;
  top: 160px;
  left: 190px;
  width: 500px;
  height: 135px;
  text-align: left;
}

.makeup-vertical-spacer {
  float: left;
  padding-top: 10px;
}
#before-after {
  margin: 120px 7px 0 60px;
  height: 340px;
  overflow-y: scroll;
}
#before-after img {
  margin: 5px 0;
}
#photographer {
  font-size: 90%;
  font-weight: bold;
  margin-right: -110px;
  margin-left: 5px;
}


/* --- NEWSLETTER PAGE --- */
#nl-navigation {
  font-size: 90%;
  font-weight: bolder;
  padding: 65px 70px 0 70px;
}
#nl-navigation #previous {
  float: left;
}
#nl-navigation #next {
  float: right;
  padding-right: 5px;
}
#newsletter #nl-header {
	float: left;
	margin: 0 0 0 65px; 
	padding: 5px 0 0 0;
	width: 740px;
  border-top: 3px solid #572600;
  border-bottom: 3px solid #572600;
}
#newsletter #nl-header img {
  margin: 0 0 -2px 0;
}
#newsletter h1 {
  font-size: 140%;
}
#newsletter em {
  font-size: 105%;
  font-weight: bolder;
  font-style: normal;
}
#newsletter #nl-content {
	clear: both;
	margin: 0 75px;
  padding: 0 75px;
	height: 400px;
  text-align: left;
	vertical-align: top;
	line-height: 140%;
}
#newsletter #nl-content.christmas {
  background: url('../images/gift_box.gif') no-repeat top right;
  background-position: 625px 75px;
}
#nl-content #nl-feature {
	float: left;
	margin: 0;
	padding: 20px 0 5px 0;
  border-bottom: 1px solid #572600;
}
#nl-content #nl-col1 {
  clear: both;
  float: left;
	margin: 0;
  padding: 15px 20px 0 0;
	width: 265px;
  border-right: 1px solid #572600;
}
#nl-content #nl-col1 .top-box {
  border-bottom: 1px solid #572600;
  margin: 0 -20px 15px 0;
  padding: 0 20px 15px 0;
}
#nl-content #nl-col1 .bottom-box {
  margin: 0 -20px 0 0;
  padding: 0 20px 50px 0;
  background: url('../images/newsletter_floral.gif') no-repeat bottom right;
}

#nl-content #nl-col2 {
  float: right;
	margin: 0;
	padding: 15px 10px 20px 10px;
	width: 265px;
}
#nl-content #nl-col2 .top-box {
  border-bottom: 1px solid #572600;
  margin: 0 0 15px -26px;
  padding: 0 0 5px 26px;
}
#nl-content ul {
	margin-left: 16px;
}


.win #nl-content #nl-col1 {
	padding-top: 15px;
}
.win #nl-content #nl-col2 {
  padding-top: 15px;
}
.win #nl-content #nl-col1 .top-box {
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.win #nl-content #nl-col2 .top-box {
  margin-bottom: 15px;
  padding-bottom: 5px;
}