/*
For URL: http://www.hauteyogaqueenanne.com/
Version: 2.0 (last updated January 2010)
Author: Brian Enriquez, for hauteyoga Queen Anne
Author URL: http://www.awesomelycharged.com
*/	

body {
	background-color: #000;
	margin: 0;
}
a {
   outline: none;
}
#header {
	background-color: #000;
	padding-top: 25px;
	margin-bottom: 25px;
	width: 900px;
}
#wrap {
	width: 900px;
	background: #000000;
	margin: 0 auto;
}
#main_content {
	padding: 20px;
	width: 800px;
	margin: 0 auto;
	margin-top: 100px;
}
.table_title {
	padding: 40px;
	line-height: 25px;
}
#yoga_styles .table_title {
	width: 225px;
}
.table_salt {
	 padding: 20px;
	 line-height: 25px;
}

/* NAVIGATION BAR */
#topnav {
	margin-top: 25px;
	padding-bottom: 25px;
	height: 33px;
	width: 900px;
}

/* SOHTANAKA NAV BAR */
ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
	width: 960px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	font-size: 12px !important;
	font-family: futura !important;	
}
/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 33px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: top;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: center;
}
/*--Assign an image and width to each link--*/
ul#topnav li.classes a {
	background-image: url(img/btn_classes.jpg);
	width: 150px;
}
ul#topnav li.events a {
	background-image: url(img/btn_events.jpg);
	width: 150px;
}
ul#topnav li.rates a {
	background-image: url(img/btn_rates.jpg);
	width: 150px;
}
ul#topnav li.instructors a {
	background-image: url(img/btn_instructors.jpg);
	width: 151px;
}
ul#topnav li.about a {
	background-image: url(img/btn_about.jpg);
	width: 149px;
}
ul#topnav li.contact a {
	background-image: url(img/btn_contact.jpg);
	width: 150px;
}
#classes li.classes a, /*--Home Page > Home Link--*/
#events li.events a, /*--About Page > About Link--*/
#rates li.rates a, /*--Services Page > Services Link--*/
#instructors li.instructors a, /*--Portfolio Page > Portfolio Link--*/
#about li.about a, /*--Contact Page > Contact Link--*/
#contact li.contact a /*--Blog Page > Blog Link--*/
{
	background-position: bottom;
}

/* FOOTER */
#footer {
	width: 900px;
	background: #000000;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 25px;
	clear: both;
}
#footer p {
	color: #efefef;
	font-size: 10px;
}

/* TYPOGRAPHY */
.light {
		line-height: 15px;
		font-weight: normal;
		}
.blue_btn {
font-family: helvetica, serif !important;
	text-transform: uppercase;
	font-weight: normal;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: none;
	font-size: 12px;
	outline: none;
	color: #fff !important;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 12px;
	margin: 0 none;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -webkit-gradient(linear, left top, left bottom, from(#00aff2), to(#0087bb));
	background: -moz-linear-gradient(top, #00aff2, #0087bb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087bb', endColorstr='#0087bb');
}
		.blue_btn:hover {
			background: -webkit-gradient(linear, left top, left bottom, from(#00aff2), to(#006991));
			background: -moz-linear-gradient(top,  #00aff2,  #006991);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aff2', endColorstr='#006991');
		}
/* OLD STYLES */

a	{
		text-decoration: none;
		border-style: none;
		color: #efefef;
		}
	
	a:visited	{
		text-decoration: none;
		border-style: none;
		}
	
	a:visited	{
		text-decoration: none;
		border-style: none;
		}
	
	#key {
		margin-top: 50px;
		margin-bottom: 75px;
		margin-left: 225px;
		margin-right: auto;
		text-align: left;
		}
	
/* CLASS SCHEDULE */

	#class_table {
		font-family: futura, helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
		text-align: center;
		margin-top: 50px;
		}
	
	#class_table a, img {
		color: #666666;
		border-style: none;
		}
	
	#class_table td, th {
		padding: 15px;
		text-align: center;
		}
	
	#class_table .none:hover {
		background-color: #000000;
		}
	
	#class_table td a:hover, #class_table td:hover {
		color: #ededed;
		}
	
	#class_table td:hover {
		background-color: #1c1c1c;
		}
	
	#class_table td.none {
		color: #666666;
		}
	
	.white_dot {
		font-size: 30px;
		line-height: 20px;
		color: #ededed;
		}
	
	.gray_dot {
		font-size: 30px;
		line-height: 20px;
		color: #494949;
		}
		
/* EVENTS */
#event_schedule {
	margin-left: 100px;
	color: #efefef;
	font-family: futura, helvetica, "Lucida Grande", sans-serif;
	font-size: 14px;
	text-align: left;
}
#event {
	margin: 25px 0px 75px 0px;
	width: 700px;
}

.description {
	width: 500px;
	margin-left: 50px;
	font-size: 12px;
	line-height: 25px;
}
.class_bar {
	width: 400px;
}
	.class_name {
		color: #ffffff;
		font-size: 18px;
		font-family: garamond;
		letter-spacing: 5px;
		background-color: #494949;
		padding: 5px;
	}		
/* RATES */
#table_content {
	margin-left: 100px;
}

.foot_num {
		font-family: garamond, serif;
		font-size: 12px; 
		font-style: italic; 
		color: #666666;
		}
		
	.gray1 {			color: #666666;
			font-size: 12px;
}
	
	#rates {
		text-align: left;
		color: #666666;
		}
	
	#rates td {
		font-family: futura;
		font-size: 12px;
		vertical-align: middle;
		}
	
	.light {
		line-height: 15px;
		font-weight: normal;
		}
		
	.light_red {
		line-height: 15px;
		font-weight: normal;
		color: #960404;
		font-size: 18px;
		font-family: garamond;
		letter-spacing: 5px;
		}
	
	.gray_red {
		color: #960404;
		font-size: 10px;
		font-family: futura, helvetica, sans-serif;
		letter-spacing: 0px;
		font-style: normal;
		}
	
	.subtitle {
		color: #CCC;
		font-size: 10px;
		font-family: futura, helvetica, sans-serif;
		letter-spacing: 0px;
		font-style: normal;
		}
	
	.footnotes {
		font-style: italic;
		color: #666666;
		font-size: 12px;
		}
	
	.red {
		color: #960404;
		vertical-align:
		}
	
/* INSTRUCTOR BIOS */

	#instruct_left {
		position: relative;
		width: 200px;
		float: left;
		margin-left: 125px;
		}
	
	#instruct_right {
		position: relative;
		width: 200px;
		float: right;
		margin-right: 125px;
		}
		
	.instructor_table {
	}
		
	.instructor_table td {
		padding: 5px;
		line-height: 15px;	
		}
	
	.instructor_table img {
		padding: 5px;
		border-color: #666666;
		border-style: solid;
		border-width: 1px;
		width: 75px;
		height: 75px;
		}

	li {
		font-family: garamond;
		color: #666666;
		list-style: none;
		font-size: 25px;
		letter-spacing: 15px;
		line-height: 15px;
		padding-bottom: 22px;
		}
	
	.light {
		color: #ffffff;
		font-size: 18px;
		font-family: garamond;
		letter-spacing: 5px;
		}
	
	.light:hover{
		color: #666666;
		}
	
	.gray {
		color: #666666;
		font-size: 12px;
		font-family: futura, helvetica, sans-serif;
		letter-spacing: 0px;
		font-style: normal;
		}
		
/* MIND BODY ONLINE */

	#mind_body {
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			width: 525px;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
			background-color: #efefef;
		}			
		
/* STYLES */

	#yoga_styles {
		text-align: left;
		color: #666666;
		width: 800px;
		}
	
	#yoga_styles td {
		padding-bottom: 50px;
		font-family: futura;
		font-size: 12px;
		line-height: 25px;
		}
	
	.big_begin {
		font-family: garamond;
		font-size: 24px;
		color: #ededed;
		}
		
/* CONTACT */

	#contact_form {
		text-align: left;
		margin-left: 100px;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 100px;
		}
	
	.gray_light {
		color: #666666;
		font-size: 10px;
		font-family: futura, helvetica, "Lucida-Grande", sans-serif;
		letter-spacing: 0px;
		font-style: italic;
		}
		
/* MERCHANDISE */

	#merch {
		margin-left: 0px;
		margin-right: auto;
		text-align: left;
		color: #666666;
		}
	
	#merch_data td {
		padding-right: 50px;
		font-family: futura, helvetica, "Lucida-Grande", sans-serif;
		font-size: 12px;
		line-height: 25px;
		vertical-align: middle;
		}