/* @override http://www.bikramyogahouston.com/_common/css/main.css */

/* @override http://www.bikramyogahouston.com/_common/css/main.css */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fae8bb; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


body {
	color: #797979;
	font-family: Verdana, Arial;
	font-size: 75%;
}

a {
	color: white;
	text-decoration: none;
}

#container {
	width: 690px;
	margin: auto;
}

#container #logo {
	background: url(http://bikramyogahouston.com/_common/img/logo.gif) no-repeat top left;
	height: 44px;
	
	padding-bottom: 5px;
	border-bottom: 1px solid #797979;
	margin-bottom: 20px;
}

#container #logo h1 {
	text-indent: -9999px;
}

#footer {
	margin-top: 20px;
}

.nav {
	float: right;
	margin-top: -15px;
}



#description h2 {
	font-size: 2.2em;
	margin: 0;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	color: #354158;
}

h3 {
	margin-top: 9px;
	overflow:hidden;
	color:#902a8e;
	font: italic 20px Palatino, "Times New Roman", Times, serif;

}

h4 {
	font-weight: bold;
}

#description{
    width: 680px;
}

.instructor img {
	min-height: 339px;
	min-width: 309px;
}

.instructor{
	border:1px solid #902A8E;
    top:500px;
    width:667px;
    min-height:350px;
}

div.staff_btn {
	font: bold 10px "Gill Sans MT", "Gill Sans", GillSans, Verdana, Arial, Helvetica, sans-serif;
	background:#FB7C03;
	display: block;
	margin-right: 11px;
	margin-bottom: 5px;
	padding: 7px;
	font-size: 10px;
	cursor: pointer;
	float: left;
	border: 2px solid purple;
}

div.staff_btn:hover {
	background-color: #8d0cb4;
	border: 2px solid #FB7C03;
}

div.instructor_btn {
	font: bold 10px "Gill Sans MT", "Gill Sans", GillSans, Verdana, Arial, Helvetica, sans-serif;
	background:#FB7C03;
	display: block;
	float: left;
	margin-right: 11px;
	margin-bottom: 5px;
	padding: 7px;
	font-size: 10px;
	border: 2px solid purple;
	cursor: pointer;
	clear: both;
}

div.instructor_btn:hover {
	background-color: #8d0cb4;
	border: 2px solid #FB7C03;

}

#example div.staff_btn a {
	color: white;
}

#example div.instructor_btn a {
	color: white;
}

.imageContainer{
	float: left;
	height: 339px;
	overflow: hidden;
	margin-right: 15px;
	width: 309px;
}


.quote {
background-color:black;
background-image:url(http://bikramyogahouston.com/_common/img/quotemark.png);
background-position:4px 4px;
background-repeat:no-repeat;
color:white;
font-family:"Times New Roman",serif;
font-size:4em;
height:46px;
margin:24px 9px 0 10px;
padding-bottom:10px;
padding-right:10px;
padding-top:10px;
position:relative;
top:-101px;
width:280px;
}

.quote span {
	opacity:1;
}


.quoteText {
color:white;
font-size:1.1em;
font-style:italic;
height:46px;
opacity:1;
padding:0 10px 0 50px;
position:relative;
top: -158px;
width:250px; font: .9em "Arial Narrow", Arial, Helvetica, sans-serif;
}