/*
	Theme Name: Oasis Spa and Salon
	Theme URI: http://oasisspaandsalon.com
	Description: Wordpress theme for Oasis Spa and Salon
	Version: 1.0
	Author: Eben Design
	Author URI: http://ebendesign.com/
*/

/* Reset global properties
----------------------- */
* { margin: 0px; padding: 0px; }
html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, ul, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6, h7 { display: inline; }
html, body { background: #fff; }
/* Basic HTML tags
--------------- */
a { color: #68768f; }
a.eben { color: #9b846b; }
a:hover { color: #636363; }
a:focus { outline: none; }
a:active { outline: none; }
p { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; color: #a08d87; line-height: 1.5; padding-bottom: 1em; letter-spacing: .25pt; }
p.title { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; color: #a08d87; line-height: 1.5; padding-top: 1.5em; padding-bottom: 0em; letter-spacing: .25pt; }
strong { letter-spacing: .25pt; color: #a08d87; }
b { font-weight: bold; font-size: 14px; padding-bottom: 0em; margin: 0px 0px 0px 0px; letter-spacing: .75pt; }
b.disclaimer { font-weight: bold; font-size: 12px; padding-bottom: 0em; margin: 0px 0px 0px 0px; letter-spacing: .5pt; }
p.bold { font-weight: bold; font-size: 12px; padding-bottom: .2em; line-height: 1.6em; margin: 0px 0px 0px 0px; letter-spacing: .25pt; }
p.title { font-weight: normal; font-size: 12px; padding-bottom: .2em; line-height: 1.6em; margin: 0px 0px 0px 0px; }
ol.decimal { list-style-type: decimal; padding-left: 50px; padding-bottom:10px; margin: 0px; border: 0px; text-decoration: none; letter-spacing: .25pt; }
ul.circle { list-style-type: circle; padding-left: 50px; padding-bottom:10px; margin: 0px; border: 0px; text-decoration: none; letter-spacing: .25pt; }
p.indent { font-weight: normal; font-size: 12px; padding-left: 20px; margin: 0px 0px 0px 0px; color: #a08d87; padding-top: 0em; padding-bottom: 1.6em; }
#center_home #content p { line-height: 1.8; margin-top: 8px; }
.email { vertical-align: text-bottom; }
.logo a { text-indent:-9999em; width: 211px; height: 114px; background: url(images/Oasis_LOGO.gif) no-repeat; display:block; margin: 0 0 0 4px; }
.left { float: left; }
.right { float: right; }
/* Start Website in Sequence */
body { font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-size: 62.5%; color: #9b846b; /*background: url(images/bg-wrapper.gif) top center repeat-y #fff;*/
	/*background: url(images/bkrnd_body.gif) top center no-repeat #fff;*/
	background: url(images/bg-tile.jpg) 0 0 repeat-x #fff; }
#wrapperContainer { background: url(images/bkrnd_body.jpg) top center no-repeat transparent; }
#wrapperContainer-home { background: url(images/bkrnd_body-home.jpg) top center no-repeat transparent; }
#wrapper { width: 1010px; margin: auto; }
#container { margin: 0 auto; width: 990px; }
#top { height: 123px; padding-top: 15px; }
#reservations { float: right; background: url(images/title_reservations.gif) no-repeat 15px top; padding-top: 34px; padding-right: 7px; font-size: 12px; margin-top: 29px; }
#middle { margin: 0 25px 0 24px; }
#middle.interior { background: url(images/bkrnd_sidebar.gif) no-repeat top right; margin: 0 25px 0 24px; }
#center_home { width: 532px; background: url(images/bkrnd_content.gif) repeat-x top; float: left; padding: 18px 0 0 0; height: 608px; }
#center { width: 718px; /*background: url(images/bkrnd_content.gif) repeat-x top #f5f2ea;*/
	background: url(images/bkrnd_content.gif) repeat-x top transparent; float: left; padding: 18px 0px 30px 0; }
#content { padding: 30px 36px 20px 36px; }
body.interior #content { padding: 0 0 20px 0; width: 575px; margin: 35px 0 0 73px; }
body.interior #content p { line-height: 1.7; margin: 15px 0 15px 0; }
#sidebar { width: 184px; background: url(images/bkrnd_sidebar.gif) no-repeat top left; height: 626px; float: right; padding: 0 0 0 15px; }
#rightedge { width: 17px; height: 626px; float: left; }
#footer { padding: 70px 0 0 0; }
#footer .left { font-size: 13px; line-height: 2; }
#footer span { font-size: 11px; }
#footer .right { background: url(images/bkrnd_followus.gif) no-repeat top left; padding: 8px 0 0 92px; height: 52px; }
#footer .right a img { margin-left: 8px; }
#top, #middle, #footer { margin: 0 28px 0 24px; }
/* Rotator */

#rotatorWrapper { width: 532px; position: relative; height: 356px; z-index: 10; }
#rotator { width: 532px; height: 356px; z-index: 10; }
#rotatorNav { position: absolute; z-index: 90; right: 5px; bottom: 5px; }
#rotatorNav a { display: block; float: left; padding: 0 4px; margin: 2px 0 1px 3px; background: #FFF; color: #68768f; position: relative; }
#rotatorNav a.activeSlide { background: #d2ebfc; }
.rotatorTextBlock { height: 50px; width: 502px; position: absolute; z-index: 90; background: url(images/pic-home-rotate-overlay.png) repeat; bottom: 0px; color: #fff!important; padding: 12px 15px; font-size: 12px; }
.rotatorTextBlock p { color: #fff!important; }
.rotatorContainer { width: 532px; height: 356px; overflow: hidden; }
/* Start Nav
--------- */
#nav { width: 193px; height: 586px; background: url(images/bkrnd_nav.gif) no-repeat top right; padding: 37px 14px 0 0; float: left; }
#nav li { float: none; position: relative; text-align: left; cursor: default; border-top: solid #dee4ec 1px; padding: 14px 8px 11px 8px; font-size: 13px; }
ul#menu { list-style-type:none; margin: 0; padding: 0; }
ul#menu ul { list-style-type:none; margin: 0; padding: 0 0 10px 0; zoom:1; }
ul#menu li a.active, .current_page_parent { background:#f7f6ef url(images/bkrnd_active.gif) repeat-y; }
ul#menu li ul li { padding: 0; margin: 0; line-height: 1.2; }
ul#menu li { border-top: solid #dee4ec 1px; padding: 0; font-size: 13px; }
ul#menu li a { display: block; padding: 10px 6px 8px 6px; font-size: 13px; }
ul#menu a:hover { background: url(images/bkrnd_active.gif) repeat-y #f7f6ef; }
ul#menu li ul li a { padding: 3px 0 3px 6px; font-size: 12px; }
ul#menu li ul li a:hover { text-decoration: underline; }
ul#menu li li { float: none; position: relative; text-align: left; cursor: default; border-top: none; font-size: 12px; }
#sidebar ul { list-style: none; padding: 32px 0px 0px 0px; margin: 0; }
#sidebar li { float: none; position: relative; text-align: left; cursor: default; padding: 7px 0px 0px 0px; }
/* Sitemap */
.ddsg-wrapper h2 { display:none; }
.ddsg-wrapper ul { list-style: none; padding: 0px; margin: 0; margin-left: 15px; font-size: 12px; }
.ddsg-wrapper li { list-style-type:disc; float: none; position: relative; text-align: left; cursor: default; }
.ddsg-wrapper li li { list-style-type:circle; }
.ddsg-wrapper li li li { list-style-type:square; }
.ddsg-xml-link { margin-top:15px; }
 
/* Start Forms */
input, textarea { border: 1px solid #C1C1C1; background-color: #FFFFFF; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; padding: 2px; font-size: 12px; color: #a08d87; }
form td { color: #434132; font-weight: bold; font-size: 12px; }
.submit { width: 70px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; background-color: #434132; color: #FFFFFF; margin-left: 20px; }
.reset { width: 70px; font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-size: .9em; background-color: #434132; color: #FFFFFF; }
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Clear Fix Code */
.ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .ClearFix { height:1%; }
/* WinIE6 and below */
* html .ClearFix { height:1%; }
/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/


table { width: 575px; border: 0; margin: 15px 0 0 70px; }
table td { font-size: 12px; line-height: 1.6; padding: 3px 0 3px 0; }
table td p { font-size: 12px; line-height: 1.6; margin: 10px 0 10px 0; }
/* confirmation and error messages */
.msg { padding: 5px 0 5px 24px; margin: 1px 0 1px 0; }
.confirm { background: url(images/check.gif) 0 6px no-repeat; color: #669900; }
.error { background: url(images/close.gif) 0 6px no-repeat; color: #cc3300; }