
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''}
div {position: relative;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


* {
	margin: 0;
	padding: 0;
}



img {	border: 0;}
.clear {	clear: both;}
.clearleft {clear:left}


body {
	color: #6a371d;
	font:76%/140% Verdana,Arial,Helvetica,sans-serif;	
	padding:0;
	margin:0;
	background: #763a1d url(images/bg_body2.jpg) no-repeat center top;
	line-height: 15px;
}




#container {margin-left:auto; margin-right: auto;width:950px;}




#header {height:184px;}
#header img {float:right;padding:20px 0 0 0;}
	
img {border:0;}
.clearleft {clear:left}
.clear {clear:both}
	
	
.workshopslist li {
	width:305px;
	float:left;
	height:100px;
	font-size:0.9em;
	margin: 0 6px 5px 10px;padding:0 0 10px 0;
	line-height:1.1em;
	}
	
	
	
	/* NAVIGATION*/
#nav {width:960px;margin:0;padding:0}


ul#nav {
   
    width:950px;    height:35px;    /*overflow: hidden;*/
    background:transparent url(images/nav.gif) no-repeat 0 0px;outline:none
    }
ul#nav li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;  
	outline:none 
    }
ul#nav li a {
    border:0;
    display:block;
    text-decoration:none;
    background:transparent url(images/nav.gif) no-repeat;outline:none
    }
	
	


li#navWorkshops      	 	a {width:200px; height:35px; }
li#navTrainings       		a {width:130px; height:35px}  
li#navBenefits    			a {width:93px; height:35px;}
li#navAyurveda 				a {width:197px; height:35px;}
li#navInstructor        	a {width:105px; height:35px;}
li#navProducts    		 	a {width:99px; height:35px;}
li#navTestimonials   	 	a {width:126px; height:35px;}

li#navWorkshops a:link, li#navWorkshops a:visited        	{background-position:0px 0px;    }   
li#navWorkshops a:hover, li#navWorkshops a:focus           	{background-position:0px -35px;     }  
li#navTrainings a:link, li#navTrainings a:visited          	{background-position:-200px 0px;    }   
li#navTrainings a:hover, li#navTrainings a:focus          	{background-position:-200px -35px;    } 
li#navBenefits a:link, li#navBenefits a:visited 			{background-position:-330px 0px;    }   
li#navBenefits a:hover, li#navBenefits a:focus     			{background-position:-330px -35px;    } 
li#navAyurveda a:link, li#navAyurveda a:visited 			{background-position:-423px 0px;    }   
li#navAyurveda a:hover, li#navAyurveda a:focus  			{background-position:-423px -35px;}   
li#navInstructor a:link, li#navInstructor a:visited     	{background-position:-620px 0px;    }   
li#navInstructor a:hover, li#navInstructor a:focus         	{background-position:-620px -35px;} 
li#navProducts a:link, li#navProducts a:visited     		{background-position:-725px 0px;    }   
li#navProducts a:hover, li#navProducts a:focus         		{background-position:-725px -35px;} 
li#navTestimonials a:link, li#navTestimonials a:visited     {background-position:-824px 0px;    }   
li#navTestimonials a:hover, li#navTestimonials a:focus      {background-position:-824px -35px;}  


body#workshops   ul#nav li#navWorkshops a         	{background-position:0px -35px;     }  
body#trainings   ul#nav li#navTrainings a          	{background-position:-200px -35px;     }  
body#benefits   ul#nav li#navBenefits a          	{background-position:-330px -35px;     }  
body#ayurveda ul#nav li#navAyurveda a			    {background-position:-423px -35px;}   
body#instructor ul#nav li#navInstructor a 			{background-position:-620px -35px;} 
body#products ul#nav li#navProducts a 				{background-position:-725px -35px;} 
body#test ul#nav li#navTestimonials a 				{background-position:-824px -35px;} 



/* Home page
------------------------------------------*/
#homecontent{width:830px;margin:30px 0px 20px 0px;padding:0 10px 0 60px;}
#hotstonebox {float:left;width:410px;padding:0 10px 0 0}
#ayurbox {float:right;width:410px;}
.dates p {color:#9f4a25;font-size:90%;padding:0 0 8px 0}
.dates {margin:10px 0 0 0;padding:0 0 0 20px;width:380px}

/* Interior pages
------------------------------------------*/


#content{width:700px;float:right;margin:30px 0px 20px 0px;padding:0 10px 0 10px;}
#content p{padding:4px 10px 6px 0px;line-height:1.5em;color:#6a371d;}

#content h2 {margin:10px 0 5px 0px;font-size:140%;color:#6a371d;font-weight:bold;line-height:1.5em}
#content h3 {margin:10px 0 5px 0px;font-size:120%;color:#9d5e3f;font-weight:bold;line-height:1.5em}

#content h4 {margin:10px 0 10px 0px;font-size:120%;color:#9d5e3f;line-height:1.7em;font-style:italic}

#sidebar a, #content a {color:#964514;text-decoration:none;font-weight:bold;padding:0 0 3px 0;}
#sidebar a:hover, #content a:hover {text-decoration:none;font-weight:bold;background-color:#964514;color:#fff}
#content li {list-style:circle;padding:0 0 0 5px;margin:0 0 0 15px;color:#6a371d}

.pic {float:left;border:3px solid #fff;margin:0 5px 0 0}
.mainpic {background:transparent url(images/bg_mainpic.jpg) no-repeat;width:690px;height:260px;margin:0 0 8px 0}
.mainpic img {margin:8px 0 0  8px;border:1px solid #eeece3}


.line {background:transparent url(images/line.gif) repeat-x;height:10px;width:100%;margin:7px 0 7px 0;clear:left}

/* SIDEBAR
------------------------------------------*/
#sidebar {	width: 200px;margin: 30px 0 0 0; padding:0 0 0 10px;	float:left}
#sidebar p{	margin: 0px 0 0 0;font-size:90%;}

.sideimg {background:transparent url(images/sidepic.gif) no-repeat;width:206px; height:160px;margin:0 0 12px 0}
.sideimg img {margin:7px 0 0  7px;border:1px solid #eeece3}

#sidebar li {font-size:90%;list-style:circle;padding:0 0 5px 5px;margin:0 0 0 15px;line-height:1.6em}

#footer {background:transparent url(images/line.gif) repeat-x;text-align:center;padding:15px 0 0 0; width:100%;clear:both;font-weight:90%;}
#footer a {font-weight:bold;text-decoration:none;color:#6d2c10}