/*
Theme Name: Cloud 9 Relaxation
Description: A custom WordPress theme for Cloud Nine.
Version: 2.0
Author: Brent Garren
*/

/*----------[  PANEL  ]----------*/
@import 'style-panel.css';

/*----------[  RESET  ]----------*/
html, body, img, a, h1, h2, h3, h4, h5, h6, p, form, fieldset, ul, ol, li, blockquote { border:0; margin:0; padding:0; }
ul, ol, li { list-style-type:none; }
table { empty-cells:show; border-collapse:collapse; border:0 !important;}
td, th { vertical-align:top; border:0; padding:0; font-weight:normal; text-align:left; }

/*----------[  UNIVERSAL  ]----------*/
.clear { clear:both; width:100% !important; height:0; overflow:hidden; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear-left { clear:left; height:0; overflow:hidden; }
.clear-left:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }

/*----------[  WORDPRESS  ]----------*/
img.alignleft { float:left; margin:0 16px 16px 0; }
img.alignright { float:right; margin:0 0 16px 16px; }
#wpa { position:fixed; top:0px; left:0px; z-index:1000; display:block; width:10px; height:10px; overflow:hidden; }
#wpa:hover { cursor:default; background-color:red; }



body {
		font-family: 'Arial', sans-serif;
		font-size:10pt;
		color: #443;
		background: #78a url('images/bkg-body.jpg') repeat-x fixed;
		margin:0 auto 128px auto;
		}
a {
		font-weight:bold;
		color: #746;
		text-decoration: none;
		}
a:hover {
		text-decoration: underline;
		}


/*--[  PAGE  ]--*/
#page {
		position:relative;
		width: 860px;
		margin: 0 0 0 5px;
		padding-top:24px;
		}
#page-bottom {
		width: 812px;
		height: 14px;
		background: transparent url('images/bkg-footer.png') no-repeat top left;
		margin:0 auto 0 auto;
		}
#page-bottom-right {
		float:right;
		width:25%;
		height: 14px;
		background: transparent url('images/bkg-footer.png') no-repeat top right;
		}
/* page-header */
body.not-ie56 #page-header,
body.ie56 #page-header {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 860px;
		height: 195px;
		overflow: hidden;
}
body.not-ie56 #page-header {
		background-image: url( 'images/bkg-header.png' );
		background-repeat:no-repeat;
		background-position:top center;
		}
body.ie56 #page-header {
		font-size: 1px;
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://dev.cloud9relaxation.com/wp-content/themes/cloud9relaxation/images/bkg-header.png');
		}
/* page-body */
#page-body {
		width: 812px;
		background-image: url('images/bkg-content.png');
		margin:0 auto 0 auto;
		padding-top:150px;
		}
/* page-footer */
#page-foot {
		overflow: hidden;
		width: 812px;
		background-image: url('images/bkg-content.png');
		margin:0 auto 0 auto;
		}
		#page-foot a {
				font-weight:normal !important;
				}
		#page-foot-head {
				}
		#page-foot-body {
				padding:16px 0 16px 0;
				margin:0 82px 0 16px;
				}
		#page-foot-foot {
				text-align:center;
				margin:0 82px 0 16px;
				}

/*--[  MENU  ]--*/
#menu {
		margin:0 16px 16px 16px;
		}
		#menu a {
				font-size:10pt;
				font-weight:normal !important;
				text-transform: uppercase;
				color:#746;
				}
				
				
/*--[  CONTENT  ]--*/
#content {
		font-size:12pt;
		border-right:1px solid #78a;
		margin:0 280px 0 16px;
		}
		#content p {
				line-height: 150%;
				margin-bottom:16px;
				}
		#content h1, h2, h3 {
				margin:0 0 12px 0;
				}
/* content head */
#content-head {
		font-size:18pt;
		font-weight:bold;
		color:#580;
		border-left:12px solid #ddc;
		padding-left:10px;
		margin-bottom:12px !important;
		}
/* content body */
#content-body {
		position:relative;
		margin:0 32px 32px 0;
		}
		#content-body h2 {
				font-size: 14pt;
				text-transform: uppercase;
				letter-spacing: 2px;
				color: #580;
				border-top:1px solid #443;
				margin-bottom:16px;
				}
		#content-body h3 {
				clear:left;
				font-size: 12pt;
				color: #569;
				}
		#content-body p {
				margin-left:24px;
				}
		#content-body ul, #content-body ol {
				margin:8px 0 8px 38px;
				}
		#content-body li {
				list-style-type:square;
				}
		#content-body blockquote {
				border-left:2px solid #ddc;
				padding:2px 0 2px 8px;
				margin:12px 0 6px 24px;
				}
		#content-body blockquote p {
				padding:0 !important;
				margin:0 0 12px 0 !important;
				}
		#content-body h4 {
				font-size:12pt;
				text-align:right;
				font-style:italic;
				}
/* content foot */
/* content images */
#content-body img.alignright,
#content-body img.float-right {
		float:right;
		border:6px solid #dda;
		margin: 5px 0px 10px 10px;
		}
#content-body img.alignleft,
#content-body img.float-left {
		float:left;
		border:6px solid #dda;
		margin: 5px 10px 10px 0px;
		}
#content-body img.alignnone,
#content-body img.aligncenter {
		border:6px solid #dda;
		}


/*--[  sidebar  ]--*/
#sidebar {
		float:right;
		width:180px;
		margin:0 88px 0 0;
		}
		#sidebar ul {
				margin:0;
				padding:0;
				}
				#sidebar ul li {
						list-style-type: none;
						border-top:1px solid #ddc;
						padding:0;
						margin:0;
						}
						#sidebar ul li a {
								display: block;
								font-size:12pt;
								font-weight: bold;
								text-decoration:none;
								color: #569;
								padding: 4px 2px 4px 2px;
								min-height: 18px;
								}
						#sidebar ul li a:hover {
								background-color:#f0f0e0;
								}
		#sidebar ul li ul {
				margin-left:24px;
				/* padding: inherited */
				}
				#sidebar ul li ul li {
						list-style-type: circle;
						border-top:0;
						}
						#sidebar ul li ul li a {
								/* display: inherited */
								font-family:'Arial Narrow',sans-serif;
								font-size:11pt;
								font-weight:normal;
								text-transform:none !important;
								padding: 0 5px 1px 1px;
								}
		#sidebar ul li ul li ul {
				margin-left:24px;
				/* padding: inherited */
				}
				#sidebar ul li ul li ul li {
						list-style-type: disc;
						border-top:0;
						}
										
#sidebar li.current_page_parent a {
		}
		#sidebar ul li.current_page_item a {
				color:#56f;
				font-weight:bold;
				text-transform:uppercase !important;
				}
		#sidebar ul li.current_page_item ul li a {
				color: #569 !important;
				font-weight:normal !important;
				text-transform:none !important;
				}
		
#phone {
		position:absolute;
		top:16px;
		left:840px;
		font-size:14pt;
		text-align:center;
		font-weight:bold;
		color:#ffe;
		background-color:#746;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*
		border-radius-topleft: 15px; 
				border-radius-topright: 15px; 
				-webkit-border-top-right-radius: 15px;
				-webkit-border-top-left-radius: 15px;
				-moz-border-radius-topleft: 15px; 
				-moz-border-radius-topright: 15px;
		*/
		padding:8px 16px 8px 16px;
		}




.clear {
		clear:both;	
		}
.hide {
		display: none;
		}








/*--[  HOME BANNER  ]--*/
#home-banner-head {
		font-size:16pt;
		font-style:italic;
		color:#569;
		}
#home-banner-body {
		float:left;
		width:95%;
		font-size:16pt;
		text-align:center;
		color:#fff;
		background-color:#569;
		padding:6px;
		}
#home-banner-left-td {
		width:50%;
		text-align:center;
		vertical-align:middle !important;
		}
#home-banner-right-td img {
		float:right;
		width:245px;
		}
#home-banner-foot {
		font-size:16pt;
		font-style:italic;
		/* text-align:right; */
		color:#569;
		}


/*-----[   FORMS   ]-----*/
.form-wrapper {
		padding:5px;
		border: 1px solid #bb9;
		margin:0;
		}
.form-wrapper h3 {
		/*
font-size: 1.1em;
		text-transform: uppercase;
*/
		}
.form-wrapper form {
		display: inline;
		margin: 0;
		}
.form-wrapper ul {
		margin:0 !important;
		padding:0 !important;
		}
.form-wrapper ul li {
		list-style-type:none !important;
		background-color:#eed;
		margin: 0 0 12px 0;
		padding: 5px;
		}
.form-wrapper ol {
		margin:0 0 0 20px;
		padding:0;
		}
.form-wrapper ol li {
		list-style-type:none;
		margin: 0 0 3px 0;
		padding: 0;
		}
.form-wrapper .input, .form-wrapper textarea {
		font-family: 'Arial', sans-serif;
		font-size: 11pt;
		border:1px solid #555;
		padding: 3px;
		}
.form-wrapper textarea {
		display:block;
		}
.form-wrapper .submit {
		overflow: visible;
		font-family: 'Arial', sans-serif;
		font-size:11pt;
		font-weight:bold;
		text-align:left;
		text-transform: uppercase;
		color: #fff;
		background-color: #580;
		border: 1px solid #888;
		margin:2px;
		padding:2px 4px 2px 4px;
		}
.form-wrapper select {
		font-family: 'Arial', sans-serif;
		font-size: 1.2em;
		border:1px solid #555;
		padding: 3px;
		}
.form-wrapper .required {
		font-size:8pt;
		font-weight:normal;
		color:#137;
		}
.form-wrapper .optional {
		font-size:8pt;
		font-weight:normal;
		color:#137;
		}
.form-wrapper h3 {
		margin:0;
		}

#form-errors {
		background-color:#fe7;
		padding:10px;
		}
#form-errors p {
		font-weight:bold;
		margin:0 !important;
		padding:0 !important;
		}
#form-errors ul {
		display:none;
		}
#form-success {
		font-size:14pt;
		color:#f9f9f0;
		background-color:#580;
		padding:10px;
		}





.abd-page-index li {
		font-size:125%;
		}




#abd-related-sites-wrap {
		width: 860px;
		padding-bottom:28px;
		}
#abd-related-sites {
		margin:0 auto 0 auto;
		}
		#abd-related-sites td {
				background-color:#78a;
				}
		#abd-related-sites th {
				width:28px;
				}
		#abd-related-sites #abd-left {
				background:transparent url('images/abd-related-sites-corner.png') no-repeat bottom left;
				}
		#abd-related-sites #abd-right {
				background:transparent url('images/abd-related-sites-corner.png') no-repeat bottom right;
				}
		#abd-related-sites #abd-our-sites {
				font-weight:bold;
				text-transform:uppercase;
				}
		#abd-related-sites td a,
		#abd-related-sites td span {
				display:block;
				white-space:nowrap;
				font-weight:normal !important;
				color:#eed;
				padding:2px 18px 4px 18px;
				}
				#abd-related-sites td a:hover {
						color:#fff;
						}
				#abd-related-sites td.abd-on a {
						background-color:#746;
						}


#panelslideshow {
				display:block;
				position:relative;
				overflow:hidden;
				width:180px;
				height:102px;
				}
		#panelslideshow div {
				position:absolute;
				overflow:hidden;
				top:0;
				left:0;
				display:none;
				z-index:0;
				}
		#panelslideshow img {
				width:180px !important;
				height: auto !important;
				}
				
				
#slideshow {
		display:block;
		position:relative;
		overflow:hidden;
		width:468px;
		height:286px;
		}
#slideshow div {
			position:absolute;
			overflow:hidden;
			top:0;
			left:0;
			display:none;
			z-index:0;
			}
#slideshow img {
		width:468px;
		border:0 !important;
		}