body { background-color:#231f20; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
body * { margin:0; padding:0; }
body p, body td { font:bold 13px Arial, Helvetica, sans-serif; }

#box { background-color:#231f20; height:854px; margin:9px auto; width:1000px; } /* not used */

/* top and bottom navigation */
#topNav, #bottomNav { font-size:11px; font-weight:bold; list-style:none; margin:18px auto 0 auto; padding:0; text-align:center; text-transform:uppercase; width:806px; }
#topNav li, #bottomNav li { display:inline; margin-right:20px; }
#topNav li a, #bottomNav li a { color:#fff; padding:5px; text-decoration:none; }

#topNav li.last, #bottomNav li.last { margin-right:0; }

/* top navigation only */
#topNav { margin-top:80px; }
#topNav li a:hover, #topNav li.active a { background-color:#d68c28; }

/* bottom navigation only */
#bottomNav { padding-bottom:80px; }

/* inside box */
#insideBox { background-color:#fff; background-repeat:no-repeat; clear:both; height:655px; margin:15px auto 0 auto; padding:0; position:relative; width:806px; }

/* inside box backgrounds */
#home #insideBox { background-image:url('../images/background-home.jpg'); }
#hairServices #insideBox { background-image:url('../images/background-hairServices.jpg'); }
#chemicalServices #insideBox { background-image:url('../images/background-chemicalServices.jpg'); }
#spaPackages #insideBox { background-image:url('../images/background-spaPackages.jpg'); }
#specialServices #insideBox { background-image:url('../images/background-specialServices.jpg'); }
#contactUs #insideBox { background-image:url('../images/background-contactUs.jpg'); background-position:bottom; }

/* global */
.uppercase { text-transform:uppercase; }
.darkRed { color:#7e0a29; }
.darkerRed { color:#572600; }
a { color:#572600; outline:none; text-decoration:none; }

/* sides (left & right) */
#leftSide, #rightSide { margin:0; padding:0; }
#leftSide { float:left; }
#rightSide { float:right; }

/* price list table */
.priceList { list-style:none; margin:10px 0 0 55px; padding:0; width:350px; }
.priceList td { font:bold 13px Arial, Helvetica, sans-serif; padding:3px 2px; vertical-align:top; }
.priceList tr.first td { padding-top:0; }
.priceList tr.titleRow td { }
.priceList .item { width:250px; }
.priceList .price { width:100px; }
.priceList .description { font-weight:normal; text-align:justify; }

#rightSide .priceList { margin:0 50px 15px 0; }

/* titles */
h1.titleNormal { padding:45px 0 10px 55px; }
h2.titleSmall { font-size:24px; padding:45px 0 10px 55px; }

/* image based titles */
h2.imgTitle { background-repeat:no-repeat; margin:0 0 0 55px; text-indent:-5000px; }

h2#title-Haircut { background-image:url('../images/title-haircut.png'); height:27px; width:116px; }
h2#title-SpecialtyService { background-image:url('../images/title-specialtyService.png'); height:38px; width:246px; }
h2#title-UpDos { background-image:url('../images/title-upDos.png'); height:39px; width:132px; }
h2#title-HairFeatures { background-image:url('../images/title-hairFeatures.png'); height:27px; width:213px; }
h2#title-FullDayRetreat { background-image:url('../images/title-fullDayRetreat.png'); height:40px; width:271px; }
h2#title-HalfDayRetreat { background-image:url('../images/title-halfDayRetreat.png'); height:40px; width:273px; }
h2#title-KingOrQueenRetreat { background-image:url('../images/title-kingOrQueenRetreat.png'); height:37px; width:342px; }
h2#title-Massage { background-image:url('../images/title-massage.png'); height:38px; width:132px; }
h2#title-Makeup { background-image:url('../images/title-makeup.png'); height:35px; width:137px; }
h2#title-BeautyEnhancement { background-image:url('../images/title-beautyEnhancement.png'); height:39px; width:311px; }
h2#title-Waxing { background-image:url('../images/title-waxing.png'); height:37px; width:113px; }
h2#title-NailSpa { background-image:url('../images/title-nailSpa.png'); height:38px; width:137px; }
h2#title-CallNow { background-image:url('../images/title-callNow.png'); height:26px; width:142px; }
h2#title-GiftCards { background-image:url('../images/title-giftCards.png'); height:43px; width:155px; }

/* special offer banner */
a#special {	background:url('../images/special-offers.png') no-repeat; display:block; height:105px; position:absolute; right:0; text-indent:-9999px; top:0; width:200px; z-index:10; }

/*** HOME ***/
	/* logo */
	#home h1.logo { background:url('../images/logo.png') no-repeat; float:left; height:213px; margin:2px 0 40px 2px; text-indent:-5000px; width:364px; }
	#home h2.logo { display:none; }
	
	/* flash container */
	#home #flash { float:right; margin:2px 2px 0 0; }
	#home #flash object { }
	
	/* textual content */
	#home #missionStatement { font-size:13px; line-height:21px; padding:0 42px 0 32px; text-align:justify; width:292px; }
	
	#home h3#tagline { font-size:18px; font-weight:normal; margin:75px 0 0 110px; text-transform:uppercase; }
	
	/*#home #buttonAppointment { background:url('../images/buttonAppointment.png') no-repeat; cursor:pointer; display:block; height:36px; margin:35px 0 0 185px; text-indent:-5000px; width:182px; }*/
	#home #buttonAppointment { background:url('../images/buttonAppointment.png') no-repeat; cursor:pointer; display:block; height:36px; margin:35px 0 0 265px; text-indent:-5000px; width:182px; }
	#home #appointmentButton:hover { cursor:pointer; }
	
	/* promo (temp) */
	#home #promo { left:65px; position:absolute; top:495px; }


/*** HAIR SERVICES ***/
	#hairServices .notice { font-size:12px; font-weight:bold; margin:10px 0 0 55px; }

/*** CHEMICAL SERVICES ***/
	#chemicalServices .priceList td { padding:8px 2px 5px 2px; }
	#chemicalServices .priceList .first td { padding-top:0; }

/*** SPA PACKAGES ***/
	#spaPackages #leftSide { width:460px; }
	#spaPackages #rightSide { width:315px; }
	
	/* package elements */
	#spaPackages .package { margin-bottom:25px; }
	#spaPackages .package h2 { float:left; }
	#spaPackages .package .price { float:right; margin-top:6px; }
	#spaPackages .package p { clear:both; line-height:20px; margin:0 0 0 55px; }
	
	#spaPackages #rightSide .titleNormal { padding-left:0; }
	
	/* price list */
	#spaPackages .priceList { margin:10px 0 0 0; }
	#spaPackages .priceList .time { font-weight:normal; }
	#spaPackages .priceList td { padding:8px 2px 5px 2px; }

/*** SPECIAL SERVICES ***/
	#specialServices #insideBox { height:800px; }
	
	#specialServices #rightSide { margin-top:-40px; }
	#specialServices #rightSide h2 { margin-left:0; }	
	
	#specialServices .priceList { width:320px; }
	#specialServices .priceList .price { text-align:right; }
	#specialServices .noDescriptions td { padding:0 2px 1px 2px; }
	
/*** CONTACT US ***/
	#contactUs .titleNormal { padding-left:0; }
	#contactUs .imgTitle { margin-left:0; }
	#contactUs #title-GiftCards { margin-top:10px; }

	#contactUs #contactInformation { line-height:26px; margin:5px 0 0 0; font-weight:normal; }
	#contactUs #buttonDirections { background:url('../images/buttonDirections.png') no-repeat; cursor:pointer; display:block; height:35px; margin:15px 0 0 0; text-indent:-5000px; width:146px; }
	#contactUs #appointmentButton:hover { cursor:pointer; }
	#contactUs #salonPolicy { font-weight:normal; }
	
	#contactUs #insideBox { height:850px; }
	#contactUs #leftSide { margin-left:55px; width:190px; }
	#contactUs #leftSide .titleSmall { padding: 15px 0 0 0; }
	#contactUs #rightSide { width:556px; }
	#contactUs #rightSide .leftColumn, #contactUs #rightSide .rightColumn { float:left; text-align:center; width:50%; }
	#contactUs #rightSide .leftColumn p, #contactUs #rightSide .rightColumn p { margin:15px auto; text-align:left; width:150px; }

	/* not used anymore *//*
	#contactUs #insideBox .row { clear:left; }
	#contactUs #insideBox .last { margin-left:-110px; }
	#contactUs #insideBox .stylist { float:left; font-size:11px; margin-top:28px; width:110px; }
	*/
	
/*** SPECIALS ***/
	#specials { background-color:#fff; }
	#specials #insideBox {
		background:url('../images/background-contactUs.jpg') bottom right;
		height:340px;
		overflow:scroll;
		padding-bottom:125px;
		width:500px;
	}
	#specials #content { margin:5px 25px; }
	#specials .titleNormal {
		padding-left:0;
		padding-top:0;
		text-align:center;
	}
	#specials p {
		font-weight:normal;
		line-height:26px;
	}
	#specials ul {
		font-size:13px;
		line-height:26px;
		list-style:inside;
		list-style-type:circle;
		margin-left:25px;
	}