/* ====================== YOGA INSTITUTE by JAZE DIGITAL - HOME PAGE ============================= */

#body_col_left { padding: 0px; width: 900px !important; }

/* =============== FEATURED EVENTS ================== */

#featured_events {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/divider_hor.jpg') top left repeat-x;
	padding: 29px 0px;
	height: 70px;
	position: relative;
	overflow: hidden;
	margin: -10px 0px 0px 0px;
	z-index: 1;
}

.is_ie6 #featured_events { margin-left: 5px; }

.featured_event {
	width: 259px;
	height: 75px;
	margin: 0px 20px;
	position: relative;
	overflow: hidden;
	float: left;
}

.is_ie6 .featured_event { margin: 0px 15px; }

.featured_event .image { position: absolute; }

.featured_event .details {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/transparency-black-50.png') bottom left repeat;
	height: 35px;
	padding: 5px 10px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	display: block;
	width: 240px;
}

.featured_event .details:hover { text-decoration: none; }

.featured_event span { display: block; font-weight: bold; }
.featured_event .title { color: #FFFFFF; }
.featured_event .description { color: #fff2b2; }

/* =============== SLIDES ================== */

#slides {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/slide_shadow.png') bottom center no-repeat;
 	width: 900px;
	height: 315px;
	position: relative;
	z-index: 9;
}

.is_ie6 #slides { margin-top: -10px; margin-left: 5px; }

#slides h1 { margin: 0px 0px 10px 0px; }

.button_slide {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Buttons/button_slide.png') no-repeat;
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	top: 20px;
	z-index: 999;
}

.next { background-position: 0px -34px; right: 20px }
.previous { background-position: 0px 0px; right: 60px; }
.next:hover { background-position: 0px -102px; }
.previous:hover { background-position: 0px -68px; }
.next:active { background-position: 0px -170px; }
.previous:active { background-position: 0px -136px; }


#slide_nav {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/divider_ver.jpg') top right repeat-y;
	position: absolute;
	width: 230px;
	height: 225px;
	padding: 40px 0px 40px 10px;
}

.is_ie6 #slide_nav { left: -20px; }
.is_ie7 #slide_nav { left: 0px; }


#slide_nav a {
	display: block;
	color: #000000;
	font: 14px "Lucida Grande", Arial, Tahoma, sans-serif;
	width: 199px;
	height: 23px;
	padding: 7px 20px 7px 20px;
	margin-bottom: 10px;
}

.is_ie6 #slide_nav a { position: relative; right: -10px; }

#slide_nav a:hover { text-decoration: none; color: #dd4b2b; }

#slide_nav .selected {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/slide_nav_current.jpg') top right no-repeat;
	color: #FFFFFF;
}

#slide_nav .selected:hover { color: #ffffff; }

.aurora-slides-container {
	margin-left: 250px;
	height: 295px;
	width: 640px;
	position: relative; overflow: hidden;
}

.is_ie6 .aurora-slides-container { zoom: 1; margin-left: 250px; }

.slide {
	padding: 40px;
	width: 570px !important;
	height: 235px !important;
	position: relative; 
	overflow: hidden;
}

.one {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/slide_bg_1.jpg') top right no-repeat;

}

.two {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/slide_bg_2.jpg') top right no-repeat;

}

.three {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/slide_bg_3.jpg') top right no-repeat;

}

.four {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/slide_bg_4.jpg') top right no-repeat;

}

.quote { position: absolute; right: 20px; bottom: 50px; color: #000000; font: 12px Georgia, Arial, Tahoma, sans-serif; font-style: italic; }

ul.icon_plus {
	list-style-type: none;
	font: 13px "Lucida Grande", Arial, Tahoma, sans-serif;
	margin: 30px 0px 10px;
}

ul.icon_plus li {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/icon_plus.jpg') 0px 3px no-repeat;
	padding: 0px 0px 10px 20px;
}

.bttn-wArrow {
	color: #FFFFFF;
	font: 12px "Lucida Grande", Arial, Tahoma, sans-serif;
}

.bttn-wArrow span { display: inline-block; }

.bttn-wArrow .wrap1 {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Buttons/bttn_wArrow_left.jpg') top left no-repeat;
	padding-left: 8px;	
}

.bttn-wArrow .wrap2 {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Buttons/bttn_wArrow_right.jpg') top right no-repeat;
	padding: 5px 30px 8px 0px;	
}

.bttn-wArrow:hover .wrap1 { background-position: left -28px; } 
.bttn-wArrow:hover .wrap2 { background-position: right -28px; } 

.bttn-wArrow:active .wrap1 { background-position: left 0px; } 
.bttn-wArrow:active .wrap2 { background-position: right 0px; } 

/* =============== COLUMNS ================== */

#cols {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/divider_hor.jpg') top left repeat-x;
	padding: 9px 0px 0px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

#cols { position: relative; overflow: hidden; zoom: 1; z-index: 9; }

#cols h2 { margin: 0px 0px 20px 0px; font-weight: bold; }

.is_ie6 #cols { margin-left: 5px; width: 100%; }

.is_ie6 #cols h2 { zoom: 1; }

#container3 {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
    /* background: url('/Resources/YogaInstitute/Sites/YogaInstitute/Images/Backgrounds/gradient_orange_h300.jpg') top right repeat-x; */
}

#container2 {
    float:left;
    width:100%;
    position:relative;
    right:300px;
    background: #FFF url('/Resources/YogaInstitute/Sites/YogaInstitute/Images/Backgrounds/divider_ver.jpg') repeat-y top right;
}

#container1 {
    float:left;
    width:100%;
    position:relative;
    right: 300px;
  	background: #FFF url('/Resources/YogaInstitute/Sites/YogaInstitute/Images/Backgrounds/divider_ver.jpg') repeat-y top right;
}

#col1 {
    float:left;
	width: 259px;
	padding: 10px 20px 30px;
    position:relative;
    left: 600px;
    overflow:hidden;    
}

#col2 {
    float:left;
	width: 259px;
	padding: 30px 20px;
    position:relative;
    left: 600px;
    overflow:hidden;
}

#col3 {
    float:left;
	width: 260px;
	padding: 30px 20px;
    position:relative;
    left: 600px;
    overflow:hidden;
}

/* I heart Yoga */

.i_heart_yoga {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/i_heart_yoga.jpg') top left no-repeat;
	width: 265px;
	height: 50px;
}

.box_blue {
	background: #d5ebfa;
	position: relative;
	overflow: hidden;
	padding: 10px 50px 10px 10px;
	margin: 0px 0px 20px 0px;
	zoom: 1;
}

.is_ie6 .box_blue { width: 200px; }

.ribbon {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/ribbon_red.png') top left no-repeat;
	position: absolute;
	top: 0;
	right: 5px;
	width: 22px;
	height: 23px;
	padding: 3px 5px 10px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	line-height: 1em;
}
.message { padding-bottom: 10px; }
.author { font-weight: bold; }

#form_yoga { position: relative; overflow: hidden; }

#form_yoga input, #form_yoga textarea { display: block; border: 1px solid #C0C0C0; color: #666666; padding: 5px; width: 245px; margin-bottom: 10px;   }

#form_yoga textarea { height: 60px; }

#form_yoga input:hover, #form_yoga input:focus, #form_yoga textarea:hover, #i_heart_yoga textarea:focus { border-color: #dd4b2b; }

#form_yoga .bttn_submit { width: 60px; height: 30px; border: none; padding: 0px; float: left; margin-right: 10px; }

#form_yoga_success {
	padding: 0px 10px;
}

#form_yoga_success p { color: #666; margin-bottom: 20px; }

/* Article */

#col2 img { border: 3px solid #D2D2D2; margin-bottom: 20px; }
#col2 .short_content { margin-bottom: 10px; }

/* Latest News */

.news_item { margin-bottom: 10px; font-size: 12px; color: #333333; }
.news_item a { display: block; }