/** ..:: BodyMindLife ::.. **/

/* Reset */
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

/* General*/
body { font-size: 14px; font-family: Arial, sans-serif; color: #444; background: black; }

a { color: #68A611; text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin: 10px 0; line-height: 1.3em; }
ul, ol { margin: 10px 0 10px 30px; line-height: 1.5em; }
blockquote { line-height: 1.3em; margin: 10px 0 10px 30px; }
img { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }

h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: black; margin: 30px 0 10px; line-height: normal; }
h1:first-child, h1.first-child, h2:first-child, h2.first-child, h3:first-child, h3.first-child, h4:first-child, h4.first-child { margin: 0 0 20px; }
h1 { font-size: 36px; }
h2 { font-size: 24px; font-weight: normal; }
h3 { font-size: 16px; }
h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; }

ul { margin: 10px 0px 20px; }

ul li {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/tick_small.png) 0px 2px no-repeat;
	padding: 0px 0px 0px 31px;
	line-height: 1.5em;
	margin: 0px 0px 5px 0px; 

}

/** Common **/
.hide { display: none; }
hr { margin: 20px 0px; border: 0px; background: #DEDEDE; height: 3px; }
.clearfix, .clear { clear: both; }
.notice { padding: 10px; margin: 20px 0 0; font-size: 12px; font-style: italic; color: black; text-align: center; background-color: #e8f4d9; border: 1px solid #c6e29f; }
.aurora-expander { line-height: 1.3em; }
.content-container { position: relative; overflow: hidden; }
.section-buttons { position: relative; overflow: hidden; margin: 20px 0px; }

.section-buttons a { margin-right: 10px; }

/* Buttons */
.page-button { display: block; float: left; color: white; font-size: 12px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.33); }
.page-button span { display: block; background: url(/Resources/BML/Sites/BMLYoga/Images/Buttons/page-green.png) top left no-repeat; }
.page-button .wrap1 { padding: 0 0 0 20px; margin-left: -1px; }
.page-button .wrap2 { padding: 10px 20px 10px 0; margin-right: -1px; background-position: top right; }

.page-button:hover { text-decoration: none; }

.page-button .icon { float: left; width: 16px; height: 16px; margin: -2px 8px 0 0; background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/various.png) top left no-repeat; }

.bttn {
	padding: 11px 20px;
	font-size: 13px;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	display: block;
	float: left;
	background-position: top left;
	background-repeat: repeat-x;
	line-height: 1em;
}

.bttn:hover { text-decoration: none; background-position: left -42px; border-color: #999; }
.bttn:active { background-position: left -84px; } 

.bttn.green { 
	background-image: url(/Resources/BML/Sites/BMLYoga/Images/Buttons/bttn-green.png);
	color: #FFF;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.bttn.grey { 
	background-image: url(/Resources/BML/Sites/BMLYoga/Images/Buttons/bttn-grey.png);
	color: #000;
	font-weight: bold;
	text-shadow: 0px 1px 0 white;
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.bttn.big {
	background-image: url(/Resources/BML/Sites/BMLYoga/Images/Buttons/bttn-green-big.png);
	width: 960px;
	font-size: 24px;
	text-align: center;
	padding: 10px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bttn.big:hover { background-position: left -76px; }
.bttn.big:active { background-position: left -153px; }
.bttn.big:focus { background-position: left -153px; }


/* Structure */
.row-container { position: relative; width: 960px; margin: auto; }

/* Forms */
.field-container { overflow: hidden; padding-bottom: 6px; }
.field-name, .field { float: left; padding: 6px; }
.field-name { width: 140px; }
.field { width: 160px; padding: 7px 20px 7px 10px; background: white; border: 1px solid #ccc; }

/** NAV MENU **/
#nav-menu { position: fixed; z-index: 100; width: 100%; height: 105px; background: url(/Resources/BML/Sites/BMLYoga/Layout/nav-bar.png) top left repeat-x; }
#nav-menu .row-container { overflow: visible; padding: 22px 0; }

.nav-dropdown {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.8);
	background: #74b524 url("/Resources/BML/Sites/BMLYoga/Layout/nav-dropdown-bg.png") repeat-x left bottom;
	color: white;
	font-family:A rial,sans-serif;
	font-size:13px;
	padding: 10px 0px;
	margin: 5px 0px 0px;
	z-index:2;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=5);
}
.nav-dropdown .arrow {
	background: url("/Resources/BML/Sites/BMLYoga/Layout/nav-dropdown-arrow.png") no-repeat top center;
	width: 15px;
	height: 7px;
	display: block;
	position: absolute;
	left: 45%;
	top: -7px;

}
.nav-dropdown a { display: block; padding: 10px 80px 10px 20px; color: #FFF; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.nav-dropdown a:hover { background: rgba(0,0,0,0.05); text-decoration: none; }
.nav-dropdown a:active { background: rgba(0,0,0,0.1); text-decoration: none; }

/* Logo */
#nav-menu .logo { margin: 0; float: left; }
#nav-menu .logo a { display: block; text-indent: -999in; width: 300px; height: 55px; background: url(/Resources/BML/Sites/BMLYoga/Layout/bml-logo.png) top left no-repeat; }

/* Horizontal Navigation*/
#nav-menu .navigation { float: right; padding: 10px 0; font-size: 14px; font-weight: bold; text-shadow: -1px -1px 0 black; }
#nav-menu .navigation a { position: relative; display: block; float: left; padding: 10px; color: white; text-decoration: none; }
#nav-menu .navigation a:hover { text-decoration: none; color: #CCC; }
#nav-menu .navigation a:active { color: #AAA; }
#nav-menu .navigation .selected, #nav-menu .navigation .selected:hover { color: #b6e573; }

/** HEADER **/
#header { height: 340px; padding-top: 100px; position: relative; overflow: hidden; }

#header .header-images { height:340px; left:50%; margin-left:-750px; overflow:hidden; position:absolute; width:1500px; }
.is_ie7 #header .header-images img { margin-left: -700px; } 

#header .row-container { overflow: hidden; height: 360px; padding: 20px; }

#header .intro_box {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/black_80.png) top left repeat;
	width: 310px;
	padding: 20px;
	font-size: 16px;
	color: white;
	position: absolute;
	left: 20px;
	bottom: 140px;
	line-height: 20px;
}

#header .intro_box h3 { color: #b6e673; font-size: 20px; line-height: 24px; }

#header .intro_offer {
	position: absolute;
	height: 280px;
	top: 0px;
	padding-top: 60px;
	right: 20px;
	text-align: right;
	color: #FFF;
	text-transform: uppercase;
	width: 450px;
	text-shadow: 0px 0px 10px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=5);
}

#header .intro_offer .text_xl { font-size: 72px; letter-spacing: -4px; }
#header .intro_offer .text_xl span { margin-bottom: -10px; display: block; }
#header .intro_offer .text_xxl { font-size: 84px; font-weight: bold; letter-spacing: -4px; }
#header .intro_offer .purple_blurb {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/blurb_introOffer.png) top left no-repeat;
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	right: 00px;
	top: 0px;
	z-index: 99;
}



/** Body **/
#body { padding: 120px 0 20px; background: #FFF; }

.is_ie7 #body { zoom: 1; }

/* Layout boxes */
#body .layout_box { min-height: 300px; margin-bottom: 20px; }
#body .col_feature { float: left; width: 320px; margin-right: 30px; }
#body .col_secondary { float: right; width: 320px; margin-left: 30px; }
#body .body_main { margin-right: 340px;	padding: 10px 0px; }
#body .body_secondary {	float: right; margin: 0; width: 320px; padding: 0px 0px; }
#body .hasBorder { border-top: 3px solid #DEDEDE; } 

/* Page Navigation */
.page-nav { overflow: hidden; }
.page-nav h1, .page-nav h2, .page-nav h3, .page-nav a { float: left; }
.page-nav small { color: #999; font-size: 14px; }
.page-nav span { color: #8dc63f; float: right; }
.page-nav a { text-transform: uppercase; font-weight: bold; font-size: 10px; margin: 7px 0 0 7px; }

/** TIMETABLES **/
.timetables { background: white; }
.timetables .row-container { padding: 0px 0 0px; overflow: hidden; }
.timetables .container { overflow: hidden; }
.timetables .section { padding: 20px 0px; }

.is_ie7 .timetables { zoom: 1; } 

/* TIMETABLES BUTTONS */
#timetable-buttons { width: 960px; margin: -43px auto 0px; position: relative; overflow: hidden; }
#timetable-buttons.buttons { font-size: 13px; text-shadow: 0 1px 0 white; font-weight: bold; }
#timetable-buttons.buttons a { display: block; float: left; padding: 16px 20px 14px 20px; margin-left: 2px; color: black; text-decoration: none; background: white url(/Resources/BML/Sites/BMLYoga/Images/Buttons/timetable.png) bottom left repeat-x; }
#timetable-buttons.buttons .arrow { display: block; float: right; margin: 4px 0 0 5px; width: 9px; height: 6px; background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/arrows.png) no-repeat left -6px; }

#timetable-buttons.buttons a:hover { background: white url(/Resources/BML/Sites/BMLYoga/Images/Buttons/timetable_hover.png) bottom left repeat-x; }
#timetable-buttons.buttons .aurora-button-hover { background: white; }

#timetable-buttons.buttons .aurora-button-press, #timetable-buttons.buttons .aurora-button-press:hover { background: white; padding: 16px 20px 14px 20px; }
#timetable-buttons.buttons .aurora-button-press .arrow { background-position: top left; }

#timetable-buttons .icon { display:block; float:left; height:16px; margin: -2px 10px -2px -2px; width:16px; background:url("/Resources/BML/Sites/BMLYoga/Images/Icons/various.png") no-repeat scroll left top transparent; }

.is_ie6 #timetable-buttons.buttons a, .is_ie7 #timetable-buttons.buttons a { width: 170px; } 

/* Class Types */
.class-types { position: absolute; right: 0; width: 320px; overflow: hidden; zoom: 1; }
.class-types h4 { font-size: 13px; padding: 5px 10px; margin: 0 0 10px; cursor: pointer; color: black; text-shadow: 0 1px 0 white; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.class-types .description { margin: 0 0 10px; font-size: 12px; padding: 0 10px; }
.class-types .description p { margin: 0; }

.class-types .Open h4 { background-color: #fbf2c5; }
.class-types .Essentials h4 { background-color: #d6efd1; }
.class-types .Progressive h4 { background-color: #f8d7c6; }
.class-types .YinYoga h4 { background-color: #c7daf6; }
.class-types .CommunityClass h4 { background-color: #e3cce8; }
.class-types .Prenatal h4 { background-color: #edcad0; }
.class-types .MasterClass h4 { background-color: #e8a751; }

/* Timetable */
.timetable, .pricingtable { font-size: 12px; width: 620px; }
.timetable td, .pricingtable td { padding: 8px 0; text-align: center; height: 20px; width: 12.5%; background-color: #f2f2f2; border-bottom: 1px solid white; border-right: 1px solid white; }
.timetable td:last-child { border-right: none; }

.timetable .day, .pricingtable .title { font-weight: bold; color: white; text-shadow: 0 -1px 0 black; border: 1px solid #191919; background: #191919 url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/timetable-header.png) top left repeat-x; text-shadow: 0 -1px 0 black; }
.timetable .time { color: black; font-weight: bold; background: rgba(255,255,255,0.5); }

.timetable .class span { display: block; }
.timetable .open { background-color: #fbf2c5; }
.timetable .prenatal { background-color: #edcad0; }
.timetable .yin { background-color: #c7daf6; }
.timetable .community { background-color: #e3cce8; }
.timetable .advanced { background-color: #ffccd0; }
.timetable .progressive { background-color: #f8d7c6; }
.timetable .foundations, .timetable .essentials { background-color: #d6efd1; }
.timetable .MasterClass { background-color: #e8a751; }

/* Alt Timetable */
#alternate-timetable { overflow: hidden; }
#alternate-timetable .studio { float: left; width: 480px; }

/* Promotion */
.promotions {
	background: white url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/blurb_introOffer_big.jpg) top right no-repeat;
	font-size: 24px;
}

.promotions h2 { font-size: 72px; font-weight: bold; letter-spacing: -2px; line-height: 0.9em; padding: 20px 0px; margin: 0px; }

/* Map */
.studio-callout { padding: 20px; }

.callout-inner {
	background: white url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/map_callout_bg.png) bottom left repeat-x;
	padding: 10px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	position: relative;
	width: 180px;
	font-size: 13px; line-height: 1.3em;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=5);
}

.callout-inner h3 { margin: 10px 0px; }

.callout-inner .arrow {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/map_callout_arrow.png) top left no-repeat;
	width: 25px;
	height: 14px;
	display: block;
	position: absolute;
	bottom: -14px;
	left: 85px;
}

/** Copyright **/
#copyright { font-size: 12px; color: #999; background-color: #000; }
#copyright .row-container { padding: 20px 0; }
#copyright a { color: #999; }
#copyright a:hover { color: #666; }
#copyright .text { padding:10px 0 0; }
#copyright .logo { float:right; display:block; height:25px; padding:10px 60px 0 0; background:url(/Resources/JazeDigital/jaze_logo.png) top right no-repeat; }
#copyright .logo span { display: none; }

/** ===== ..:: IE6 Banner  ::.. ===== **/

.not_ie #layout_area_ie6 { display: none; }
.is_ie7 #layout_area_ie6 { display: none; }
.is_ie6 #layout_area_ie6 { display: block !important; }

#layout_area_ie6 { display: none; }

#ie6warning {
	background: #FFF2B2; 
	width: 100%;
	display: block;
	text-align: center;
	padding: 20px 0px 20px 0px;
	height: 15px;
	color: #000;
	font-size: 16px;
	zoom: 1;
}

#ie6warning a { color: #8DC63F; text-decoration: underline; font-weight: bold; }
#ie6warning a:hover { color: #8DC63F; text-decoration: none; font-weight: bold; }