/* Adapted from designs by Keith Donegan of Code-Sucks.com */
/* Shakti Colors */
/* burgundy: 772929 */
/* dull burgundy: 8b4e40 */
/* pumpkin: be4e0f */
/* yellow: f7de80 */
/* light yellow: fde792 */
/* seafoam: 9fcbae */
/* turquoise: 006F64 */
/* pink: FFD6BF */


body  { margin: 6px 0 0 0; padding: 0; font-family: verdana, sans-serif; background-color: #eeeeee; background-image: url(/images/bgimage.gif); background-repeat: repeat-x; }

a:link { color:#006F64; outline:none; }
a:hover { color:#8b4e40; text-decoration: none; outline:none; }
a:visited { color:#006F64; outline:none; }

h1 {margin: 0; padding: 4px; font-size: 95%; vertical-align: middle; }
h2, h3, h4, h5 { margin: 0px; padding: 0px 0px 0px 0px;  font-size: 10pt; }
ul, ul, ul { font-size: 12px; }
ol, ol, ol { font-size: 12px; }
sup { color: #772929; font-weight: bold; }
#container {  margin: 0px auto 0px auto; padding: 0px; width: 800px; border: 0; background-color: #f7de80; line-height: 100%; }

/* top banner, header, brand zone, whatever */
#masthead  { margin: 0px; padding: 0px; display: block; width: 800px; height:90px; }

/* banner logo */
#logo { margin:0; padding:0; width: 800px; height: 90px; border:0; display: block; float: left; background: url(/images/shakti_banner.gif) 0 0 no-repeat; background-color: #fff; }
/* sBMH for IE 5.x Win */	
/* #logo { \width: 837px;	w\idth: 840px; } */

/* needed for the logo link */
#logoimgon { padding: 0; border: 0; margin: 0; width: 800px; height: 90px; display: block; background: url(/images/shakti_banner.gif) no-repeat; }

/* brand zone*/
#menubar { color: #F7DE81; width: 750px; float: left; height: 21px; margin: 0px 0px 0px 0px; background-color: #772929; z-index: 100; font-size: .70em; padding-left: 50px;
}

/* main content display area */
#main { margin: 0; padding: 0px; color: black; display: block;  width: auto; border-right: 1px solid #772929; border-left: 1px solid #772929; }
#main p { margin: 0px; padding: 0px 5px 8px 5px; font-size: 10pt; }
#main ul { margin: 0px; padding: 5px 0px 5px 25px; }
#main li { margin: 4px 0px 0px 0px; padding: 0px; line-height: 125%; }
#main h1 { letter-spacing: 0.1em; color: #772929; text-transform: uppercase; padding: 5px 5px 5px 5px; font-style:italic; width: 50%; border-bottom: 1px solid #772929;  margin-bottom: 5px; margin-top: 5px; }
#main h2 { letter-spacing: 0.1em; padding: 10px 5px 0 0 ;  margin:0 0 4px 0; color: #be4e0f;  border-bottom: 1px dotted #be4e0f; width: 60%;  }
#main h3 { font-weight: normal; text-decoration: underline; color: #be4e0f; }
#event { text-align:center; margin: 0; padding: 0px; color: black; display: block;  width: auto; border-right: 1px solid #772929; border-left: 1px solid #772929; }
#event h5 {color:#FF0000; font-family:"Georgia", Times New Roman, Times, serif; font-size:15px;}
#event h4 {color:#FF0000; font-family:"Georgia", Times New Roman, Times, serif; font-size:32px;}
#barber {background: #f7de80 url(../images/barber.jpg) bottom left repeat-y; width:41px; height:696px; float:left;}
#barber2 {background: #f7de80 url(../images/barber.jpg) bottom left repeat-y; width:41px; height:575px; padding-right:5px;float:left;}
#barber3 {background: #f7de80 url(../images/barber.jpg) bottom left repeat-y; width:41px; height:775px; padding-right:10px;float:left;}
#barber4 {background: #f7de80 url(../images/barber.jpg) bottom left repeat-y; width:41px; height:340px; padding-right:10px;float:left;}
#barber5 {background: #f7de80 url(../images/barber.jpg) bottom left repeat-y; width:41px; height:600px; margin-right:10px; padding-right:10px;float:left;}
#barber6 {background: #f7de80 url(../images/barber.jpg) bottom left repeat-y; width:41px; height:1800px; margin-right:10px; padding-right:10px;float:left;}
.home {  background-image: url(/images/column_left_4.gif);  background-repeat: no-repeat; padding-left: 155px; height: 360px;}
.subpage { padding: 4px 10px 0px 10px; }

.rightside { float:right; margin: 10px 6px 0px 0px; }
.rightside img { margin-bottom: 10px; }

/* -- for use with show/hide v.1 */
#hide1 { display:block }
#hide2 { display:none; }

/* -------  images -------  */
a img { border:1px solid #772929; text-decoration:none; }
img.nodecor { border:0; vertical-align: middle }
img.location-image { float: right; padding:1px; margin:2px 0 0 8px; border:8px solid #772929; text-decoration:none; }
img.location-image-left { float: left; padding:1px; margin:2px 8px 0 0 ; border:8px solid #772929; text-decoration:none; } 


 /* Personality Zone: Primary Page: This can be altered to fit one of these heights; 183, 68, 46, or 0 */
#asana_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/asana_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#asana_pzone2 {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/new_head.jpg) no-repeat; border-bottom: 1px solid #772929; }
#new_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/asana_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#yoga_pzone {	margin: 0px;	width: 800px;	height: 40px;	display: block;	background: url(/images/yoga_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#wellness_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/wellness_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#events_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/events_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#boutique_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/boutique_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#about_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/about_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#mexico_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/mexico_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }
#healthchallenge_pzone {	margin: 0px;	width: 800px;	height: 110px;	display: block;	background: url(/images/healthchallenge_pzone.jpg) no-repeat; border-bottom: 1px solid #772929; }

/* to hide the text link */
.alt { display: none; }

/* to hide the skip navigation link */
.skipnav { display: none; }
#search {	float: left; margin: 0px;	padding: 3px 0px 3px 5px;	border-right: 1px solid #000;	background-color: #333;	width: 171px; height: auto; display: block; }

/* Corrects the 2px white space that apears in firfox.  IE Ignores this style */
html>body #search { border-bottom: 1px solid #000;	}

.lsearch {  margin: 0px; padding: 0px; color: #000; background-color: #333; display: block; }
.searchbutton { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; display: block; }
.formtextboxtext { padding: 0px 0px 0px 1px; margin: 0px; color: #000; background-color: #eee; border: 0px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; voice-family: "\"}\""; voice-family: inherit; font-size: x-small; height: 15px; width: 150px; float: left; display: block; }

/* general information box on right side of pages. */
.geninfobox { float:right; background-color:#8b4e40; padding:8px; margin-right:8px; margin-left:8px; width: 30%; color: #f7de80; border: 1px solid #be4e0f; }
.geninfobox h5 { border-bottom: 1px dotted #f7de80; font-style: italic; margin-bottom: 4px; }
.geninfobox p { font-size: 8pt; }
.geninfobox a:link { color: #ffd6bf; text-decoration:none;}
.geninfobox a:hover { color: #ffd6bf; text-decoration:underline; }
.geninfobox a:visited { color: #ffd6bf; text-decoration:none }
.geninfobox img {border: 1px solid #f7de80; }
.geninfobox li { list-style-image: url(/images/bull.gif); }

.geninfobox2 { float:left; clear:both; background-color:#8b4e40; padding:8px; margin-right:8px; width: 110px; color: #f7de80; border: 1px solid #be4e0f; }

.photocontainer { text-align: center; }
.photocontainer img { margin: 1px; border: 1px solid #be4e0f; }
 
table { font-size: .65em; border: 1px solid #eac538; width: 100%; margin-top: 6px; }
table a:active, a:hover, a:visited { color: #006F64; }
table img { border: 0px; vertical-align: middle; }
.500-normal { border: 0; font-size: .95em; width: 500px; }
td p { margin: 2px 0 2px 0; padding: 0 0 0 0; }
.table-header-row { background-color: #eac538; font-weight: bold; color: #8b4e40; }
.table-light-row { background-color: #fde792; color: #772929; }
.table-dark-row { color: #772929; }


.note { font-size: .75em; color: #772929; }

.starthere {background-image: url(/images/starthere.gif); background-repeat: no-repeat;	background-color: #FFF7B3; width: 80%;	font-weight: bold; font-size: .8em; padding: 15px 0px 12px 40px; }

.clearer { clear: left; }
.clearall {	clear: both; }

/* a light yellow background -- I know, old style */
.greydiv { padding: 4px; background-color: #fde792; font-size:70%; border:1px solid #006F64; }
.greydiv img { border:1px solid #006F64; margin-right: 10px; }

.highlight { border: 2px solid #772929; text-align: center; padding: 4px; font-weight: bold; font-size: 10pt; background-color: #006F64;  }
.highlight a { color: #f7de80 }
.highlight a:hover { text-decoration: none; color: #f7de80; }

/* breadcrumb area */
#breadcrumb { background-color: #be4e0f; color: #f7de80; padding: 0 0 0 10px; font-size: 70%; text-align: left; border-bottom: 1px solid #772929; width: 788px; }
#breadcrumb a { margin: 0px; color: #9fcbae; text-decoration: none;}
#breadcrumb a:hover { color: #ffffff; }

/* util area */
#util { float: right; color: #333333; text-decoration: none; font: normal normal 700 16px serif; }
#util a,
#util a:link,
#util a:visited,
#util a:active { color: #0038a8; text-decoration: none; font: normal normal 500 70% verdana,geneva,arial,sans-serif; }
#util a:hover { color: #0038a8; text-decoration: underline; }

/* Index Pages */
.locationtile-left {  }
.locationtile-right {  }
h3.locationbox { margin:9px; font-weight: bold; text-decoration: none; font-size: 14px; color: #f7de80; }
p.locationbox { margin: 15px; font-size: 10pt; color: #f7de80; }
p.locationbox img { vertical-align: middle; border:0px; }
.locationbox a { color: #f7de80 }


/* last updated area */
#updated { margin: 0px; padding: 5px 0px 10px 5px; font-size: 65%; font: verdana,arial,helvetica; color: #772929; }
p.locationbox a { color: #f7de80 }

/* Yoga Index Page */
.image-bar { float:left; margin:4px 0 4px 0; }
.image-bar img { float:left; border:0; }

/* footer area */
.footer { margin: 0; padding: 4px 0 0 0; font-size:65%; width:798px; border: 1px solid #772929; border-top: 1px solid #772929; border-bottom: 4px solid #772929; background-color: #be4e0f; color:#f7de80; text-align: center; }
.footer-identity { margin: 4px 4px 0 4px; padding: 0 0 0 26px; width: 20%; float:left; }
.footer img { border:0 }
.footer-identity p { color: #f7de80; }
.footer-identity a { color: #f7de80; text-decoration: none; font-weight: bold; }
.footer-identity a:hover { color: #FFD6BF; }

#social {float:right; margin-right:20px;}