/*
Font Colors
Teal		Green	 
#098c9d		#09bda0
*/

/* Reset & Basic Page Setup */
* {	margin: 0px; padding: 0px; } 
html { overflow-y: scroll; height: 100%; }
body { font-family: Helvetica, san-serif; font-size: 14px; background-color: white; height: 100%; 
		/* temp placeholder */	
		
		/*		
		height: 844px; 		
		background: url(../images/bg.jpg) top center no-repeat;
		position: absolute;
		top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: +5;
		*/
}

ul { list-style: none inside; }
p {	font-family: Helvetica, san-serif; margin-bottom: 0px; }
a {	outline: none; }
a img {	border: none; }
/* End Reset */

/* Toolbox */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }	

.clearfix:after { content: "."; display: block; height: 0; clear: both;	visibility: hidden; }
.clearfix {display: inline-block; }
/* End Toolbox */

/* Transparent */
.transparent { opacity: 0.7; }
/* End Transparent */





/* Site Structure */
/* Page Center */
.page-wrap {
	height: 100%;
}

.footer-wrap {

}

/* Header */
#header {
	width: 1254px; height: 122px; 
	margin: 0px auto;	
	position: relative;
}
	/* Header Bg */
	#bg_header {
		height: 122px;
		background: url(../images/bg_header.png) top repeat-x;
	}

/* Body */
#body {
	/*	width: 1079px; */
	width: 1110px; 
	margin: 0px auto 0;
	padding-top: 50px;
	padding-bottom: 282px; /* must be same height as the footer */
	overflow: auto;
}
	/* ? */
	body > .page-wrap { 
		height: auto; min-height: 100%;	
	}

/* Footer */
#footer {
	width: 1254px; height: 282px; 
	margin: 0px auto;
	position: relative;
	margin-top: -282px; /* negative value of footer height */
	height: 282px;	
	clear:both;
}	
	/* Footer Bg */		
	#bg_footer {
		height: 282px;		
		background: url(../images/bg_footer.png) bottom repeat-x;
	}	
	
/* Logo */	
#logo {
	height: 193px; width: 460px;
	position: absolute;
	top: 0px; left: -74px;
	float: left;
}		

/* Menu */
ul#menu {
	list-style: none;
	position: relative;
	top: 41px;
	/* look up overflow */
	overflow: auto;
	float: right;
	margin-right: 68px;
}
	ul#menu li {
		display: inline;
	}
	ul#menu li a {
		display: block;
		height: 81px;	
		text-indent: -9999px;
		float: left;
		text-decoration: none;		
	}	
		ul#menu li a.about {
			width: 143px;
			background: url(../images/menu.png) 0px 0px no-repeat;
		}
		ul#menu li a.yoga {
			width: 143px;
			background: url(../images/menu.png) -143px 0px no-repeat;
		}		
		ul#menu li a.events {
			width: 143px;
			background: url(../images/menu.png) -286px 0px no-repeat;
		}
		ul#menu li a.media {
			width: 143px;
			background: url(../images/menu.png) -429px 0px no-repeat;	
		}
		ul#menu li a.gallery {
			width: 143px;
			background: url(../images/menu.png) -572px 0px no-repeat;	
		}
		ul#menu li a.contact {
			width: 143px;
			background: url(../images/menu.png) -710px 0px no-repeat;		
		}				
			ul#menu li a.about:hover, ul#menu li a.about:active{
				background-position: 0px -81px;
			}		

			ul#menu li a.yoga:hover, ul#menu li a.yoga:active {
				background-position: -143px -81px;
			}		

			ul#menu li a.events:hover, ul#menu li a.events:active {
				background-position: -286px -81px;
			}		

			ul#menu li a.media:hover, ul#menu li a.media:active {
				background-position: -429px -81px;
			}
					
			ul#menu li a.gallery:hover, ul#menu li a.gallery:active {
				background-position: -572px -81px;
			}	

			ul#menu li a.contact:hover, ul#menu li a.contact:active {
				background-position: -710px -81px;
			}		
				body#about ul#menu li a.about {
					background-position: 0px -162px;
				}
				body#yoga ul#menu li a.yoga {
					background-position: -143px -162px;
				}
				body#events ul#menu li a.events {
					background-position: -286px -162px;
				}
				body#media ul#menu li a.media {
					background-position: -429px -162px;
				}
				body#gallery ul#menu li a.gallery {
					background-position: -572px -162px;
				}
				body#contact ul#menu li a.contact {
					background-position: -710px -162px;
				}

/* Divider */		
#menu_bar {
	height: 1px; width: 1039px;
	background: url(../images/bar.png) no-repeat;
	position: absolute;
	top: 122px;
	left: 150px;
}	

/* Global Markup */
p#rightClick{
	font-size: 10px;
	margin-top: 10px;
	margin-left: 35px;		
	color: #grey;
}

h1 {
	font-size: 36px;
	margin-bottom: 6px;
	color: #09bda0;
}

h2 {
	font-size: 18px;
	margin-bottom: 4px;
	color: #09bda0;
}

h4 {
	color: #09bda0;
	margin-bottom: 6px;
}

h5 {
	color: #09bda0;
	margin-bottom: 5px;
}

p {
	margin-bottom: 12px;
}

p#photo_credit {
	color: gray;
}

/* HOME PAGE */
/* Home Banner */
#home_banner {
	height: 348px; width: 1110px;
	margin-bottom: 30px;
}

/* Left Content */
#home_content_left {
	width: 680px;
	float: left;
}

/* Right Contnet */
#home_content_right {
	height: 220px; width: 394px;
	margin-left: 36px;
	float: left;
}

/* Banner Animation */
.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

/* Social Media */
ul#social_media {
	list-style: none;
	position: relative;
	margin-bottom: 12px;
	height: 30px;
} 
	ul#social_media li {
		display: inline;
	}
	ul#social_media li a {
		display: block;
		float: left;						
		height: 31px; width: 40px;		
	}	

/* Newsletter */
#newsletter {
	margin-top: 40px;
	margin-left: 0px;
	
}	
	#newsletter #bg_news {
		height: 83px; width: 347px;
		background: url(../images/bg_newsletter.png) no-repeat;
		position: absolute;
	}
	#newsletter #form {
		margin-top: 14px;
		margin-left: 16px;
	}
	.form_newsletter_submit {
		margin-top: 5px;
		margin-left: 10px;
		text-decoration: none;
		border: none;
		background-color: transparent;
		padding: 0;
		color: #09bda0;
	} 			
	.tipped {
		color: #BBB;
	}


/* YOGA PAGE */
.new_class {
	margin-bottom: 50px;
}

.bg_temp {
	margin-top: 24px; 
	height: 112px; width: 112px;
	background: url(../images/bg_temp.png) no-repeat;
	float: left;
}

.class_description {
	margin-left: 25px;
	margin-bottom: 25px;
	width: 520px;	
	float: left;
}
.format_duration {
	font-size: 12px;
	color: #BBB;
}
.class_download {
	padding-bottom: 30px;
}

/* Media */
/* Video Play */
#gallery_video {
	height: 480px; width: 640px;
}

#bg_media {

}
	#media_bg {
		height: 472px; width: 1110px;
		background: url(../images/media/media_ingrid_yang_bg.jpg) repeat-x; 
		
	}
		#media_portrait {
			height: 467px; width: 373px;
			margin-left: 225px;
			margin-top: -6px;
			background: url(../images/media/media_ingrid_yang.jpg) no-repeat; 		
		}
	
	#media_content_left {
		margin-top: -75px;		
	}
		.media_image_bar_01 {
			margin-top: 5px;
			margin-bottom: 15px;
			margin-left: -100px;
			height: 3px; width: 700px;
			background: url(../images/media/image_bar_01.png) no-repeat;						
		}

		#media_video {
			height: 150px;
			margin-bottom: 30px;
		}
			#shatterbox_vid {
				margin-top: 10px;
				margin-left: 0px;
				height: 42px; width: 168px;
			}

			#yoga_vibes_vid {
				margin-top: -60px;
				margin-left: 220px;
				height: 49px; width: 158px;			
			}
			
			#HYAlogo_vid {
				margin-top: -50px;
				margin-left: 420px;
				height: 56px; width: 175px;	
			}
			
		#media_articles {
			height: 600px;
			width: 700px;
		}
		
			#b_01 {
				height: 170px;	
				width: 600px;
			}
			#hathy_yoga_asanas {
				width: 100px; height: 150px;
			}			
			#b_01_text{
				width: 480px;
				float: right;
			}
				
			.media_bucket {
				height: 110px;	
				width: 630px;
			}
				.publication {
					height: 110px;
					width: 420px;
					overflow: auto;
					float: right;
				}
				.ma_brand_name {
					font-weight: bold;
					font-size: 14px;
					color: #666666;				
				}
				.ma_article {
					margin-top: 5px;
					font-size: 18px;
					color: #999999;
					width: 380px;				
				}
				.ma_brand_date {
					margin-top: 20px;
					font-size: 14px;
					color: #999999;			
				}
				#lululemon_athletica_art {
					height: 56px; width: 172px;
				}
				#yoga_journal_art {
					height: 39px; width: 116px;
				}
				#sd_examiner_art_01 {
					height: 38px; width: 172px;				
				}
				#sd_examiner_art_02 {
					height: 38px; width: 172px;				
				}
				
	#media_content_right {
		margin-top: -1335px;
		height: 996px;
		width: 480px;
		overflow: auto;
		float: right;
	}
	#m_poster {
		height: 996px; width: 456px;	

	}
		#m_poster_top {
			height: 22px; width: 456px;
			background: url(../images/media/m_poster_top.png) no-repeat;								
		}	
		#m_poster_mid {
			height: 935px; width: 456px;
			background: url(../images/media/m_poster_mid.png) no-repeat;
		
		}			
		#m_poster_bottom {
			height: 32px; width: 456px;
			background: url(../images/media/m_poster_bottom.png) no-repeat;		
					
		}						
			.media_image_bar_02 {
				margin-top: 20px;
				margin-left: 60px;					
				margin-bottom: 10px;
				height: 2px; width: 185px;
				background: url(../images/media/image_bar_02.png) no-repeat;				
			}
			.media_image_bar_03 {
				margin-top: 10px;
				margin-left: 0px;				
				margin-bottom: 10px;
				height: 6px; width: 310px;
				background: url(../images/media/image_bar_03.png) no-repeat;				
			}
		
		#media_indent_music_txt {
			margin-left: 25px;
		}	
		#media_indent_music {	
			padding-top: 10px;	
	        background-color:#ffffff;
    		border:1px solid #efefef;  		
		}				
		.media_indent {
			margin-left: 50px;
			padding-top: 25px;
		}				
		
		
		#media_music {
			margin-left: 27px;
			height: 280px; width: 402px;
		}
			#media_mp3 {
			
			}
		#affilates {
			margin-top: -40px;
		}
		#media_affiliates {
			margin-left: 70px;
		}			
			#affili_lathletica {
				height: 44px; width: 310px;
				background: url(../images/media/affili_lululemon_athletica_bw.png) no-repeat;
			}
			#affili_pyc {				
				height: 44px; width: 310px;
				background: url(../images/media/affili_prana_yoga_center_bw.png) no-repeat;			
			}
			#affili_bpyc {
				height: 44px; width: 310px;
				background: url(../images/media/affili_bpyc_bw.png) no-repeat;			
			}	

		#class_downloads {

		}
			#bg_downloads {
				
			}
			.class_download {
				padding-bottom: 30px;
			}

/* GALLERY */
/* Video Play */
#gallery_video {
	height: 480px; width: 640px;
}


/* CONTACT PAGE */
#bg_contact {
	height: 762px; width: 1110px; 
	background: url(../images/bg_contact.jpg) no-repeat;
	float: left;
}

.form_contact {
	margin-top: 50px;
}

#textarea {
	height: 50px; width: 250px;
}
.form_contact_submit {
	margin-top: 5px;
	margin: 0px auto;
	height: 30px; width: 90px;
	text-decoration: none;
	border: none;
	background-color: transparent;
	padding: 0;
	color: #09bda0;

	font-size: large;
} 

#form_contact_gfx {
	margin-top: 15px;
	height: 30px; width: 90px;
	background: url(../images/bg_newsletter.png) no-repeat;
}