/* ----------------- CSS STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#ffffff;
background:#000;
}

ul, ol{
margin-left:20px;
padding:5px 0px;
}

li{
padding:5px 0px;
}

p{
padding-bottom:10px;
}

a:link, a:visited{ 
color:#fff;
}

a:hover{
color:#507929;
}

:focus{
outline:0;
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

#webphibian{
padding:10px 0px;
}

.pic-right{
	float:right;
	display:block;
	margin-left:10px;
	margin-bottom:10px;
}

.pic-left{
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}

#mockup{
	width:980px;
	margin:0px auto;
}

body.videoplayer{
text-align:center;
background:#fff;
margin:0px;
padding:0px;
}

 

body.videoplayer a{
	outline:0;
}




/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
padding-bottom:5px;
}

h2{
font-size:18px;
padding-bottom:5px;
}

h3{
font-size:14px;
padding-bottom:5px;
}

h4{
font-size:12px;
}




/* ----------------- TITLES ----------------- */
.page-title{
	padding-bottom:30px;
}


.orange{color:#ff9a22;}

.purple{color:#817df5;}


.content{
	overflow:hidden;
}





/* ----------------- STRUCTURE ----------------- */
#container{
width:980px;
margin:0px auto;
}




/* ----------------- HEADER ----------------- */
#header {
	background:url(../assets/header-bg.jpg);
	height:151px;
	
}

	#hleft {
		float:left;
		width:490px;
	}
	
		#phone{
			font-weight:bold;
			height:60px;
			padding-top:3px;
		}
	
	#hright {
		float:right;
		width:490px;
	}
	
	#newsletter{
		float:right;
		width:210px;
		height:89px;
	}
	
	
		#hright .nav{
			float:right;
		}





/* ----------------- NAV ----------------- */
.nav {
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
}


.nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

	.nav ul li{
		margin:0px;
		padding:0px;
		list-style:none;
		float:left;
	}
	
	.nav ul li.divider{
		margin:0px;
		padding:0px; 
		width:3px;
		list-style:none;
		float:left;
		background:#000;
	}

	
		.nav ul li a{
			display:block;
			background:url(../assets/nav-bg.jpg) repeat-x;
			height:26px;
			line-height:18px;
			padding:0px 16px;
			text-decoration:none; 
			color:#fff;
			font-weight:bold;
		}
		
		.nav ul li a:hover{
			background:url(../assets/nav-bg.jpg) repeat-x 0 -26px;
		}




/* ----------------- HOMEPAGE ----------------- */
#hp-top {
	
}

	#welcome {
		float:left;
		width:503px;
		
	}
	
		#welcome h1{
			display:block;
			background:url(../assets/welcome-header.jpg) no-repeat;
			height:47px;
			text-indent:-9999px;
			padding:0px;
		}
	
		#welcome .content{
			background:url(../assets/welcome-bg.jpg);
			height:227px;
			padding:20px;
		}
		
			#welcome .content p{
				font-size:16px;
			}
	
	#slideshow {
		float:right;
		height:314px;
		width:469px;
		margin:0px;
		padding:0px;
		overflow:hidden;
	}
	

#callouts {
	background:url(../assets/callouts-bg.jpg) repeat-x;
	padding-top:47px;
	
}

	.co{
		float:left;
		width:314px;
		margin-right:19px;
	}
	
		.co h1{
			display:block;
			background:url(../assets/co-title-bg.jpg);
			height:32px;
			line-height:32px;
			font-size:18px;
			text-indent:32px;
			padding:0px;
		}
		
		.co h2{
			font-size:16px;
		}
		
		.co table td{
			text-align:center;
			padding:0px 5px;
		}

	#co1 {
	}
	
		#co1 .content{
			background:url(../assets/co1-bg.jpg);
			height:152px;
			padding:10px 5px;
		}
	
	#co2 {
	}
	
		#co2 .content{
			background:url(../assets/co2-bg.jpg);
			height:152px;
			padding:10px 5px;
		}
	
	#co3 {
		margin-right:0px;
	}
	
		#co3 .content{
			margin-right:0px;
			background:url(../assets/co3-bg.jpg);
			height:152px;
			padding:10px 5px;
		}




/* ----------------- INSIDE ----------------- */

/* ------- TITLES -------- */
#pagetitle{
	background:url(../assets/inside-pagetitle-bg.jpg);
	height:47px;
	position:relative;
}

	#pagetitle h1{
		
	}
	
	
	.title-services{
		display:block;
		background:url(../assets/title-services.jpg) no-repeat;
		width:184px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-products{
		display:block;
		background:url(../assets/title-products.jpg) no-repeat;
		width:184px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-giftcards{
		display:block;
		background:url(../assets/title-gift-cards.jpg) no-repeat;
		width:184px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-testimonials{
		display:block;
		background:url(../assets/title-testimonials.jpg) no-repeat;
		width:221px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-spaparty{
		display:block;
		background:url(../assets/title-spaparty.jpg) no-repeat;
		width:221px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-specials{
		display:block;
		background:url(../assets/title-specials.jpg) no-repeat;
		width:221px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-events{
		display:block;
		background:url(../assets/title-events.jpg) no-repeat;
		width:221px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}
	
	.title-contactus{
		display:block;
		background:url(../assets/title-contactus.jpg) no-repeat;
		width:242px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:-10px;
	}
	
	.title-virtualtour{
		display:block;
		background:url(../assets/title-virtualtour.jpg) no-repeat;
		width:221px;
		height:73px;
		position:absolute;
		text-indent:-9999px;
		top:-15px;
		left:8px;
	}



	
/* ------- BODY -------- */
#inside-body{
}

#inside-outter{
	background: #999; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3e3c39)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #000000,  #3e3c39); /* for firefox 3.6+ */
	-pie-background:linear-gradient(top,  #000000,  #3e3c39);
	behavior: url(PIE.php);
}

#inside-inner{
	background:url(../assets/graphic-overlay.png) bottom left no-repeat;
}


.section{
	min-height:433px;
	font-size:14px;
}

	.section h1{
		color:#ff9a22;
	}
	
	.section h2{
		color:#817df5;
	}
	
	.section .purple{
		font-size:18px;
	}
	
	
	
/* ------- SERVICES -------- */	
#services-section{
	padding:16px 0px 0px 0px;
}

.boxes{
	float:left;
	width:860px;
}

	.box table td{
		/*border:1px solid #fff;*/
		vertical-align:top;
		padding:0px 5px;
	}
	
	.box table td ul li{
		font-size:11px;
		padding:0px;
		margin:0px;
	}
	
	.small{
		font-size:11px;
		color:#92638c;
	}
	
	
	.services-divider{
		background:url(../assets/green-bar.jpg) repeat-x;
		height:25px;
		margin:25px 0px;
	}

/* ------- RELAX -------- */
#relax{
}

	#relax .title{
		float:left;
		background:url(../assets/relax.png) no-repeat;
		width:90px;
		height:267px;
		text-indent:-9999px;
	}
	
	#relax .box{
		padding:20px 10px;
		margin-bottom:15px;
		background:#000000;
		-moz-box-shadow:#3d0c3c 0px 0px 20px;
		-webkit-box-shadow:#3d0c3c 0px 0px 20px;
		box-shadow:#3d0c3c 0px 0px 20px;
		-pie-box-shadow:#3d0c3c 0px 0px 20px;
		behavior: url(PIE.php);
	}

	#relax .box table td.box-title{
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		color:#92638c;
		padding-bottom:10px;
	}

/* ------- GLOW -------- */
#glow{
}

	#glow .title{
		float:left;
		background:url(../assets/glow.png) no-repeat;
		width:90px;
		height:267px;
		text-indent:-9999px;
	}
	
	#glow .box{
		padding:20px 30px;
		margin-bottom:15px;
		background:#000000;
		-moz-box-shadow:#ffa837 0px 0px 20px;
		-webkit-box-shadow:#ffa837 0px 0px 20px;
		box-shadow:#ffa837 0px 0px 20px;
		-pie-box-shadow:#ffa837 0px 0px 20px;
		behavior: url(PIE.php);
	}

	#glow .box table td.box-title{
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		color:#ffa837;
		padding-bottom:10px;
	}

	#glow .small{
		color:#ff9a1a;
	}
	
	
/* ------- RENEWX -------- */	
#renew{
}

	#renew .title{
		float:left;
		background:url(../assets/renew.png) no-repeat;
		width:90px;
		height:267px;
		text-indent:-9999px;
	}
	
	#renew .box{
		padding:20px 30px;
		margin-bottom:15px;
		background:#000000;
		-moz-box-shadow:#92ae48 0px 0px 20px;
		-webkit-box-shadow:#92ae48 0px 0px 20px;
		box-shadow:#92ae48 0px 0px 20px;
		-pie-box-shadow:#92ae48 0px 0px 20px;
		behavior: url(PIE.php);
	}
	
	#renew .box table td.box-title{
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		color:#92ae48;
		padding-bottom:10px;
	}


	#renew .small{
		color:#92ae48;
	}

	

/* ------- GIFT CARDS -------- */
#products-section{
	padding:16px 10px 0px 10px;
}

	#kits{
		float:left;
		width:88px;
		height:200px;
		background:url(../assets/kits.png) no-repeat;
		text-indent:-9999px;
	}
	
	#products{
		float:left;
		width:865px;
		
	}
	
	.product{
		padding:10px 30px;
		margin-bottom:15px;
		background:#000000;
		-moz-box-shadow:#3d0c3c 0px 0px 20px;
		-webkit-box-shadow:#3d0c3c 0px 0px 20px;
		box-shadow:#3d0c3c 0px 0px 20px;
		-pie-box-shadow:#3d0c3c 0px 0px 20px;
		behavior: url(PIE.php);
	}
	
		.product h1{
			color:#fff;
			font-weight:normal;
		}
		
		.product h1 span{
			font-weight:bold;
			color:#92638c;
			font-style:italic;
		}
		
		.product ul.text{
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
			.product ul.text li{
				padding:0px;
			}
			
			.product ul.text li strong{
				font-size:16px;
			}
		
		.product table td.pics img{
			display:block;
			margin-left:20px;
			float:right;
		}
		
		h1.more{
			font-style:italic;
			color:#fff;
			padding-bottom:15px;
			padding-top:10px;
		}




/* ------- GIFT CARDS -------- */
#giftcards-section{
	padding:55px 87px 0px 87px;
}


	
/* ------- TESTIMONIALS -------- */	
#testimonials-section{
	padding:55px 27px 25px 27px;
}

.testimonial{
	padding-bottom:20px;
	margin-bottom:25px;
	background:url(../assets/testimonials-divider.jpg) repeat-x bottom;
}

	.testimonial .pic{
		float:left;
		width:200px;
		text-align:center;
	}
	
	.testimonial .text{
		float:left;
		padding-left:15px;
		width:700px;
	}

/* ------- SPA PARTY -------- */
#spaparty-section{
	padding:55px 87px 0px 87px;
}


#private-parties{
	float:left;
	width:300px;
}

	#private-parties .date{
		padding-bottom:10px;
		padding-top:5px;
	}
	
		#private-parties .date strong{
			color:#817df5;
		}


.spa-party-pic{
	display:block;
	float:right;
}


/* ------- SPECIALS -------- */
#special-section{
	padding:55px 87px 0px 87px;
}

	.special{
		padding-bottom:20px;
	}



/* ------- EVENTS -------- */
#events-section{
	padding:55px 87px 0px 87px;
}

	.event{
		padding-bottom:20px;
	}
	
	
/* ------- CONTACT US -------- */
#contact-section{
	padding:55px 87px 0px 87px;
}

#contact-map{
	width:812px;
	padding:15px 0px;
	text-align:center;
}

	#contact-map span{
		display:block;
		width:800px;
		background:#f1f1f1;
		padding:10px;
		border:#d4d4d4 1px solid;
	}
	
	
	#contact-map iframe{
		border:#d4d4d4 1px solid;
	}
	


	
	

/* ----------------- FOOTER ----------------- */
#hp-footer {
	background:url(../assets/hp-footer.jpg) no-repeat;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:20px;
}


#footer{
	background:url(../assets/footer-bg.jpg) no-repeat;
	font-weight:bold;
	padding-top:47px;
	padding-bottom:20px;
}
	
	
	#fcontact {
		float:left;
		width:230px;
	}
	
	#friends {
		float:left;
		width:314px;
		margin-left:103px;
	}
		#friends table td{
			padding:0px 3px;
		}

	
	#social {
		float:right;
		width:215px;
		text-align:right;
	}
	
		#social table td{
			padding:0px 3px;
		}
	
#fnav {
	overflow:hidden;
	padding-top:25px;
	font-size:11px;
	padding-left:60px;
	font-weight:normal;
}


#fnav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

	#fnav ul li{
		margin:0px;
		padding:0px 2px;
		list-style:none;
		float:left;
	}
	
	#fnav ul li.divider{
		margin:0px;
		padding:0px 10px;
		list-style:none;
		float:left;
	}
	
		#fnav ul li a{
			color:#fff;
			text-decoration:none;
		}
		
		#fnav ul li a:hover{
			color:#507929;
		}
		
		
		
/* ----------------- COMPONENTS ----------------- */


/* ----------------- COLORBOX CSS ----------------- */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
background:#000; /* Changes Overlay Color */
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 5-7*/
}

#colorbox{
border:7px solid #000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight{
display:none;
width:0px;
height:0px;
}

#cboxContent{
background:#fff;
border:1px solid #000;
}

#cboxLoadedContent{
margin:0px 10px;
margin-top:28px;
margin-bottom:34px;
padding:10px 0px;
border-bottom:1px dotted #666;
}

#cboxTitle{
position:absolute;
top: 0px;
left:0;
text-align:center;
width:100%;
height:33px;
line-height:33px;
font-weight:bold;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-shadow:0px 1px #ffc56c;
background: #ff9a00; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb647', endColorstr='#ff9a00'); /* for IE 7+ */
background: -webkit-gradient(linear, left top, left bottom, from(#ffb647), to(#ff9a00)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffb647, #ff9a00); /* for firefox 3.6+ */
border-top:1px solid #ffc56c;
border-bottom:1px solid #878787;
}

#cboxCurrent{position:absolute; bottom: 10px; left:65px; color:#666;}
#cboxSlideshow{position:absolute; bottom: 4px; right:30px; color:#0092ef;}

#cboxPrevious{position:absolute; bottom:5px; left:7px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}

#cboxNext{position:absolute; bottom:5px; left:34px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}

#cboxLoadingOverlay{background:url(http://www.webphibian.com/standards/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(http://www.webphibian.com/standards/colorbox/loading.gif) center center no-repeat;}

#cboxClose{
position:absolute;
bottom:5px;
right:7px;
background:url(http://www.webphibian.com/standards/colorbox/controls.png) -25px 0px no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxClose.hover{background-position:-25px -25px;}

/* ----------------- MODAL ----------------- */
body.modal{
background:#fff;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
padding-top:8px;
}

#modal-container{
	text-align:center;
}

body.videoplayer{
text-align:center;
background:#fff;
margin:0px;
padding:0px;
padding-top:8px;
padding-right:1px;
}

body.videoplayer a{
outline:0;
}

 

.videoplayer-container{
width:500px;
margin:0px auto;
}