/********* FOUNDATION *********/
body 
{
	margin: 0 auto;
	padding: 0;
	height: auto; /* For Modern Browsers */
  	height: 100%; /* For IE */
	text-align: center;	
}

#container
{
	margin: 0 auto;
  	width:100%;
  	background: #FFFFFF;
  	text-align: left;
  	position: relative;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto; /* For Modern Browsers */
  	height: 100%; /* For IE */
}

/********* Navigation *********/ 
#home a {display: block; background: url(images/nav_home.jpg) top; width: 120px; height: 25px; margin-bottom: 15px;}
#home a:hover {background: url(images/nav_home.jpg) no-repeat bottom;}

#about a {display: block; background: url(images/nav_aboutus.jpg) top; width: 120px; height: 25px; margin-bottom: 15px;}
#about a:hover {background: url(images/nav_aboutus.jpg) no-repeat bottom;}

#jewelry a {display: block; background: url(images/nav_jewelry.jpg) top; width: 150px; height: 25px; margin-bottom: 15px;}
#jewelry a:hover {background: url(images/nav_jewelry.jpg) no-repeat bottom;}

#chakras a {display: block; background: url(images/nav_chakras.jpg) top; width: 150px; height: 25px; margin-bottom: 15px;}
#chakras a:hover {background: url(images/nav_chakras.jpg) no-repeat bottom;}

#retreats a {display: block; background: url(images/nav_retreats.jpg) top; width: 120px; height: 25px; margin-bottom: 15px;}
#retreats a:hover {background: url(images/nav_retreats.jpg) no-repeat bottom;}

#yoga a {display: block; background: url(images/nav_yogaclasses.jpg) top; width: 120px; height: 25px; margin-bottom: 15px;}
#yoga a:hover {background: url(images/nav_yogaclasses.jpg) no-repeat bottom;}

#gallery a {display: block; background: url(images/nav_gallery.jpg) top; width: 120px; height: 25px; margin-bottom: 15px;}
#gallery a:hover {background: url(images/nav_gallery.jpg) no-repeat bottom;}

#links a {display: block; background: url(images/nav_links.jpg) top; width:120px; height: 25px; margin-bottom: 15px;}
#links a:hover {background: url(images/nav_links.jpg) no-repeat bottom;}

#contact a {display: block; background: url(images/nav_contactus.jpg) top; width: 120px; height: 25px; margin-bottom: 15px;}
#contact a:hover {background: url(images/nav_contactus.jpg) no-repeat bottom;}

#nav_space {height: 200px;}


/********* Body Content *********/
#events
{
	margin-left: 10px;
	margin-right: 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 15px;
	width: 130px;
	text-align: left;
}

#events h1
{
	font-family:"Bell MT", Times New Roman, Trebuchet MS, serif;
	font-size:14px;
	font-weight: bold;
	color: #00716D;
}

#events h2
{
	font-size:12px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom: 5px;
}

#body
{
	margin-top: 10px;
	margin-left: 35px;
	margin-bottom: 50px;
	font-family:"Bell MT", Times New Roman, Trebuchet MS, serif;
	font-size:15px;
	line-height: 20px;
	width: 630px;
	color: #660066;
}

#body h1
{
	margin-top: 20px;
	margin-bottom: -5px;
	font-family:"Bell MT", Times New Roman, Trebuchet MS, serif;
	font-size:18px;
	font-weight: bold;
	color: #00716D;
}

#body h2
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Bell MT", Times New Roman, Trebuchet MS, serif;
	font-size:18px;
	font-weight: bold;
	color: #888888;
}

#body p.small
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:"Bell MT", Times New Roman, Trebuchet MS, serif;
	font-size:12px;
	color: #888888;
}


#body_space {height: 200px;}


ul#horiz_photos
{   
 	margin:0px; padding:0px;  
	position: relative; top:10px; left:0px;
	width: 600px;
	
}

ul#horiz_photos li
{  
	margin:0px; padding:0px;  
	list-style:none;  
	margin-right:-5px;  
	display:inline;  
} 

.dotline {margin-top: 40px; margin-bottom: 20px; } 
.dotline_cart {margin-top: 20px; margin-bottom: 20px; } 


/********* Buttons *********/ 
.button {margin-left: 420px; margin-top: 50px; margin-bottom: 20px;}
.button_chakras {margin-left: 420px; margin-top: 30px; margin-bottom: 0px;}
.button_addcart {margin-left: 0px; margin-top: 5px; margin-bottom: 0px;}


/********* Jewelry Page - Chakras *********/ 
ul#chakras
{   
 	margin:0px; padding:0px;  
	position: relative; top:10px; left:0px;
	width: 600px;
	float:left;
}

ul#chakras li
{  
	margin:0px; padding:0px;  
	list-style:none;  
	display:inline; 
	
} 
 
ul#chakras li img 
{  
	float:left;  
	margin-right:20px;  
	margin-bottom:20px;   
} 

ul#chakras li p
{  
	margin:0px; padding:0px;  
	list-style:none;    
	margin-top: 10px;
	width: 500px;
} 
 
h4.root {color: #FF3413; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.sacral {color: #ED8900; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.solar {color: #F4E300; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.heart {color: #1CC45C; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.throat {color: #0090CA; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.thirdeye {color: #634EB6; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.crown {color: #C12298; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;} 
h4.rainbow {color: #000000; margin:0px; margin-bottom: -10px; font-weight:bold; font-size:16px;}   
 
#ul.chakras li a:hover, ul.chakras li a:hover h4 { color:#ffffff; } 


ul#chakra_photos_th
{   
 	margin:0px; padding:0px;  
	position: relative; top:20px; left:0px; bottom: 0px;
	width: 600px;
}

ul#chakra_photos_th li
{  
	margin:0px; padding:0px;  
	list-style:none;  
	margin-right:-5px;  
	display:inline;  
}

/********* Jewelry Page - Chakras Cart *********/ 
ul#chakras_cart
{   
 	margin:0px; padding:0px;  
	position: relative; top:0px; left:0px;
	width: 600px;
	float:left;
}

ul#chakras_cart li
{  
	margin:0px; padding:0px;  
	list-style:none;  
	margin-right:-5px;  
	display:inline; 
	float: left; 
} 
 
ul#chakras_cart li img 
{  
	float:left;  
	margin-right:20px;  
	margin-bottom:20px;   
} 

ul#chakras li h4.desc {margin-top:0px; margin-bottom: -10px; font-weight:bold; font-size:14px;}
ul#chakras li p.desc1 {margin:0px; margin-bottom: 5px; font-size:14px; width:200px;}

/********* Links Page *********/ 
#weblinks a {font-weight: bold; color:#990066; text-decoration:none;}
#weblinks a:hover {text-decoration: underline;}
#weblinks a:visited {color:#999999; text-decoration:none}



/********* General Links *********/ 
a {font-weight: bold; color: #CC0066; text-decoration:none;}
a:hover {text-decoration: underline;}
a:visited {color:#999999; text-decoration:none}


/********* Footer *********/ 
#container_bottom
{
	width: 100%;
	background: url(images/btm_bkgd.jpg);
	position: absolute;
	bottom: 0;
	bottom: -1px;
	height: 165px;
}

#footer_contact
{
	text-align:right;
	font-size:9px;
	font-weight:bold;
	
}

#copyright
{
	text-align:center;
	margin-top: 0px;
}