html {
	height:					100%;
}

body {
    margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	height:					100%;
    background-color:		#5c5c5c;
	background-image:		url(../images/back-bottom-left.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom left;
	background-attachment:  fixed;
	text-align:				center;
	font-family:			Helvetica, Arial;
}
	
#wrapper {
	width:					100%;
	height: 				100%;
	background-image:		url(../images/bback-bottom-right.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom right;
	bbackground-attachment:	fixed; 
}

#centered-block {
	margin:					0px auto 0px auto;
	padding:				0px 67px 0px 47px;
	z-index:				2;
	position:				relative;
	width:					750px;	
	min-height:				300px;
	color:					#000000;
	text-align:				left;
	background-image:		url(../images/flower-01.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
}

#header {
	width:					750px;
	height:					92px;
	margin:					0px 0px 8px 0px;
	vertical-align:			bottom;
	position:				relative;	
}

#announcement {
	float:					left;
	position:				absolute;
	bottom:					0px;
	left:					0px;
}

#logo {
	float:					left;
	width:					231px;
	height:					64px;	
	position:				absolute;
	bottom:					0px;
	right:					0px;
}

#nav {
	float:					left;
	width:					164px;
	height:					366px;
	padding:				34px 0px 0px 0px;
	background-image:		url(../images/nav-background-01.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
}

#content-area {
	float:					left;
	width:					586px;
}

#content {
	width:					586px;
	background-color:		#ffffff;	
}

#title {
	float:					left;
	width:					293px;
	height:					128px;
	padding:				36px 10px 0px 40px;	
	background-image:		url(../images/flower-02.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
}

#corner-graphic {
	float:					right;
	width:					243px;
	height:					134px;
}

#text-area {
	clear:					both;
	background-color:		#ffffff;	
	min-height:				400px;
	padding:				10px 50px 20px 40px;	
}

#footer {
	width:					550px;
	height:					18px;
	padding:				12px 16px 20px 20px;
	background-image:		url(../images/footer-background-01.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
}

#copyright {
	float:					left;	
}

#footer-links {
	float:					right;
	text-align:				right;	
}








/* fonts */

div, td, span, p, li, input, select, textarea, .normal-text {
	font-family:			Helvetica, Arial;
	font-size:				12px;
	line-height:			17px;
	color:					#333333;
}

h1 {
	color:					#3ab4c0;
	font-size:				25px;	
	line-height:			30px;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 12px 0px;
}

h1.sub-heading {
	color:					#3ab4c0;
	font-size:				20px;	
	line-height:			24px;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 12px 0px;
}

h2 {
	color:					#3ab4c0;
	font-size:				14px;	
	line-height:			16px;
	font-weight:			normal;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 8px 0px;
}
h2.bigger {
	color:					#3ab4c0;
	font-size:				20px;	
	line-height:			24px;
	font-weight:			normal;
	margin:					0px 0px 0px 0px;
	padding:				6px 0px 8px 0px;
}

h3 {
	font-size:				14px;
	line-height:			18px;
	color:					#3ab4c0;
	font-weight:			bold;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 6px 0px;
}

h3.specials {
	font-size:				12px;
	line-height:			16px;
	color:					#000000;
	font-weight:			bold;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

h4 { 
	color:					#ffffff;
	font-size:				11px;	
	line-height:			13px;
	font-weight:			bold;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

h4.specials { 
	color:					#3ab4c0;
	font-size:				12px;	
	line-height:			16px;
	font-weight:			bold;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 4px 0px;
}

h5 { 
	color:					#3ab4c0;
	font-size:				12px;	
	line-height:			14px;
	font-weight:			bold;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 6px 0px;
}

#announcement div {
	color:					#FFFFFF;
	text-transform:			uppercase;
	font-size:				12px;
	line-height:			12px;
}
#announcement div span {
	color:					#FFFFFF;
	text-transform:			uppercase;
	font-size:				20px;
	line-height:			20px;
}

#footer div {
	color:					#FFFFFF;
	font-size:				11px;
	line-height:			11px;
}

#feature-boxes p, #feature-boxes div {
	font-size:				11px;
	line-height:			15px;
}

#feature-boxes p {
	padding:				6px 16px 6px 8px;
}

.required {
	color:					red;
	font-weight:			bold;
}

.smaller {
	font-size:				90%;
	line-height:			90%;
}






/* links */

#nav a, #nav a:visited, #nav a:active {
	color:					#3ab4c0;	
	font-size:				12px;
	line-height:			16px;
	font-weight:			normal;		
	text-decoration:		none;	
	text-transform:			uppercase;
	display:				block;
	background-image:		url(../images/rollover-01.gif);
	background-repeat:		no-repeat;	
	background-position:	6px 6px;
	width:					124px;		
	padding:				4px 0px 12px 40px;
	margin:					0px 0px 0px 0px;			
}
#nav a.selected, #nav a.selected:visited, #nav a.selected:active {	
	color:					#42cbd8;
	font-weight:			bold;
	background-image:		url(../images/rollover-01.gif);
	background-repeat:		no-repeat;
	text-decoration:		none;
}
#nav a.selected:hover {
	color:					#42cbd8;
	font-weight:			bold;
	background-image:		url(../images/rollover-02.gif);
	background-repeat:		no-repeat;
	text-decoration:		none;
}
#nav a:hover {
	color:					#3ab4c0;
	background-image:		url(../images/rollover-02.gif);
	background-repeat:		no-repeat;
	text-decoration:		none;
}


#subnav a, #subnav a:visited, #subnav a:active {
	color:					#ffffff;	
	font-size:				12px;
	line-height:			16px;
	font-weight:			normal;		
	text-decoration:		none;	
	text-transform:			uppercase;
	display:				block;
	background-image:		url(../images/rollover-01.gif);
	background-repeat:		no-repeat;	
	background-position:	26px 2px;
	width:					104px;		
	padding:				0px 0px 14px 60px;
	margin:					0px 0px 0px 0px;			
}
#subnav a.selected, #subnav a.selected:visited, #subnav a.selected:active {	
	color:					#ffffff;
	font-weight:			bold;
	background-image:		url(../images/rollover-01.gif);
	background-repeat:		no-repeat;
	text-decoration:		none;
}
#subnav a.selected:hover {
	color:					#ffffff;
	font-weight:			bold;
	background-image:		url(../images/rollover-02.gif);
	background-repeat:		no-repeat;
	text-decoration:		none;
}
#subnav a:hover {
	color:					#ffffff;
	background-image:		url(../images/rollover-02.gif);
	background-repeat:		no-repeat;
	text-decoration:		none;
}


#footer-links a, #footer-links a:visited, #footer-links a:active {
	float:					left;
	color:					#ffffff;	
	font-size:				11px;
	line-height:			11px;
	font-weight:			normal;		
	text-decoration:		none;	
	display:				block;
	border-left:			dotted 1px #ffffff;		
	padding:				0px 8px 0px 8px;
	margin:					0px 0px 0px 0px;			
}
#footer-links a.special {	
	border:					none;
}
#footer-links a:hover {
	text-decoration:		underline;
}


#feature-boxes a, #feature-boxes a:visited, #feature-boxes a:active {
	color:					#3ab4c0;	
	font-size:				12px;
	line-height:			14px;
	font-weight:			bold;		
	text-decoration:		none;	
	display:				block;
	text-align:				right;
	padding:				0px 8px 0px 0px;
}
#feature-boxes a:hover {
	color:					#42cbd8;	
	text-decoration:		none;
}


a, a:visited {
	color:				#25698C;	
	text-decoration:	none;	
}
a:active {
	color:				#666666;	
	text-decoration:	underline;	
}
a:hover {
	color:				#606060;	
	text-decoration:	underline;
}





/* table styles */

.service-block {
	clear:				both;
	width:				496px;
	margin:				0px 0px 25px 0px;
	background-color:	#ebfdff;	
}
.service-block p {
	padding:			0px 0px 6px 0px;
}

.service-block-header {
	float:				left;
	width:				496px;
	background-color:	#c1f3f8;
	border-top:			solid 1px #3ab4c0;
	border-bottom:		dotted 1px #3ab4c0;
	padding:			4px 0px 4px 0px;
}

.service-block-header-01 {
	float:				left;
	width:				245px;
	padding:			0px 10px 0px 5px;
}

.service-block-header-02 {
	float:				left;
	width:				90px;
	padding:			0px 10px 0px 0px;
}

.service-block-header-03 {
	float:				left;
	width:				131px;
	padding:			0px 5px 0px 0px;
}

.service-block-description {
	clear:				both;
	width:				471px;
	padding:			4px 20px 0px 5px;
	border-bottom:		solid 1px #3ab4c0;
}

.service-block-description-02 {
	clear:				both;
	width:				471px;
	padding:			4px 20px 0px 5px;
	border-bottom:		dotted 1px #3ab4c0;
}

.table-block {
	clear:				both;
	width:				416px;
	padding:			4px 0px 8px 80px;
	border-bottom:		solid 1px #3ab4c0;
}

.table-block-02 {
	clear:				both;
	width:				416px;
	padding:			4px 0px 8px 76px;	
}

.table-block-03 {
	clear:				both;
	width:				416px;
	padding:			4px 0px 8px 80px;	
}

#waxing-table, .waxing-table {
	width:				416px;
}

.cell-01 {	
	width:				180px;
	padding:			2px 0px 2px 0px;
	vertical-align:		top;	
	border-bottom:		dotted 1px #3ab4c0;
}

.cell-02 {	
	width:				100px;
	padding:			2px 0px 2px 0px;
	vertical-align:		top;
	border-bottom:		dotted 1px #3ab4c0;	
}

.cell-03 {	
	width:				136px;
	padding:			2px 0px 2px 0px;
	vertical-align:		top;
	border-bottom:		dotted 1px #3ab4c0;	
}

#specials-table {
	width:				426px;	
	border-top:			solid 1px #82b4c0;
}

#specials-table p {
	padding:			0px 0px 4px 0px;
}

.cell-04 {	
	padding:			4px 4px 4px 4px;
	background-color:	#c1f3f8;	
	border-right:		solid 1px #82b4c0;	
	border-bottom:		solid 1px #82b4c0;
	border-left:		solid 1px #82b4c0;	
}

.cell-05 {	
	width:				326px;
	padding:			4px 4px 4px 4px;	
	border-right:		solid 1px #82b4c0;
	border-bottom:		solid 1px #82b4c0;
	border-left:		solid 1px #82b4c0;
}

.cell-06 {
	padding:			4px 4px 4px 4px;
	text-align:			center;
	vertical-align:		bottom;
	border-right:		solid 1px #82b4c0;
	border-bottom:		solid 1px #82b4c0;
}





/* form styles */

form {
	margin:					0px;
}

input.radio01 {
	margin-top:				4px;
	margin-bottom:			-2px;
}

input.textfield-01 {
	width:					200px;
}

textarea {
	width:					300px;
	height:					160px;
}

.form-table-01 {
	width:				500px;	
	border-bottom:		solid 1px #82b4c0;
}
.form-cell-01 {
	padding:			4px 4px 4px 4px;
	width:				40%;
	background-color:	#ebfdff;	
	border-top:			solid 1px #82b4c0;
}
.form-cell-02 {	
	padding:			4px 4px 4px 4px;
	width:				60%;
	background-color:	#c1f3f8;	
	border-top:			solid 1px #82b4c0;	
}

.form-table-02 {
	width:				426px;	
	border-bottom:		solid 1px #82b4c0;
}
.form-cell-03 {	
	padding:			4px 4px 4px 4px;
	width:				60%;
	background-color:	#ccd3fd;	
	border-top:			solid 1px #82b4c0;	
}
.form-cell-04 {	
	padding:			4px 4px 4px 4px;
	background-color:	#ccd3fd;	
	border-top:			solid 1px #82b4c0;	
}






/* bullet styles */

ul {
	list-style:				none;
	padding:				0px 0px 12px 8px;
	margin:					0px 0px 0px 0px;
}

ul li {
	background-image:		url(../images/bullet01.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	padding:				0px 0px 6px 10px;
	margin-left:			0px;
}

ol {
	list-style:				decimal;
	padding:				6px 10px 14px 12px;
	margin:					0px 0px 0px 12px;
}

ol li {
	background-image:		none;
	padding:				2px 0px 2px 0px;
	margin-left:			10px;
}






/* special styles */

p {
	margin:					0px;
	padding:				0px 0px 14px 0px;
}

p.centered {
	text-align:				center;
}

p.logo {
	margin:					0px 0px 22px 0px;
	padding:				0px 0px 14px 0px;
	border-bottom:			dotted 1px #3ab4c0;
}

img {
	border:					0px;
}

img.arrow-01 {
	vertical-align:			middle;
	margin:					0px 0px 0px 2px;
}

.break {
	background-color:		#ffffff;
	height:					1px;
	clear:					both;
}

.right {
	text-align:				right;
}

.center {
	text-align:				center;
}

hr {
	height:					1px;
	background-color:		#cdd6db;
	border:					none;
}



/* home page styles */

#feature-boxes {
	clear:					both;
	float:					left;
	width:					750px;
	padding:				10px 0px 0px 0px;
}

#feature-boxes-top {
	width:					750px;
	height:					8px;
}

#feature-box-titles {
	float:					left;
	width:					750px;
	background-color:		#3ab4c0;
}

#title-01 {
	float:					left;
	width:					235px;
	padding:				0px 6px 4px 10px;
}

#title-02 {
	float:					left;
	width:					236px;
	padding:				0px 6px 4px 8px;
}

#title-03 {
	float:					left;
	width:					235px;
	padding:				0px 6px 4px 8px;
}

#boxes {
	float:					left;
	width:					750px;
	background-color:		#ffffff;
}

#box-01 {
	float:					left;
	width:					248px;	
	border-left:			solid 2px #3ab4c0;
	border-right:			solid 1px #3ab4c0;	
}

#box-02 {
	float:					left;
	width:					249px;	
	border-right:			solid 1px #3ab4c0;
}

#box-03 {
	float:					left;
	width:					247px;	
	border-right:			solid 2px #3ab4c0;	
}

feature-boxes-bottom {
	width:					750px;
	height:					10px;
	clear:					both;
}

#photodiv {
	float:					left;
	width:					586px;
	height:					400px;
	position:				relative;
	background-repeat:		transparent;
}

#imageContainer {
	
	height:					400px;
}

#imageContainer img {
	display:				none;
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					586px; 
	height:					400px;
	opacity:				-0.01;
}