/* BEGIN: Base Styles */
	body {
		padding: 0;
		margin: 0;
		color: #3c4249;
		background-color: #e6e6e6;
		font-size: 16px;
		font-weight: 300;
		font-family: 'Roboto', sans-serif;
		min-width: 750px;
		/* http://www.google.com/fonts#ChoosePlace:select/Collection:Roboto:400,300,300italic,400italic,500,500italic,100,100italic */
	}
	
	a {
		color: #00adee;
		text-decoration: none;
		border:none;
	}
	
	a.button {
		display: block;
		overflow: hidden;
		text-indent: -999em;
		background: transparent no-repeat left top;
	}
	
	a.button:hover {
		background-position: left bottom;
	}
	
	br.clear { clear: both; }
	
	img {
		max-width: 100%;
	}
	
	nav {
		float: left;
		margin-left: 5%;
		text-transform: uppercase;
		width: 70%;
	}
	
	ul,
	li,
	nav ul,
	nav ul li,
	.carousel_controls li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	h1, h2 {
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	.hidden { display: none;}
/* END: Base Styles */

/* BEGIN: Header */
header {
	height: 170px;
	position: fixed;
	width: 100%;
	z-index: 99;
	background-color: #e6e6e6;
	border-bottom: 2px solid #dfdfdf;
	min-width:750px;
}

header .header_container {
	margin: 0 auto;
	max-width: 1700px;
	width: 90%;
}

	/* BEGIN: Logo */
	header .logo_container {
		float: left;
		height: 100%;
		width: 25%;
		/*margin-top: 4.5%;*/
		padding: 4% 0;
	}
	
	header .logo_container h1 {
		width: 382px;
		height: 37px;
		background-image: url(../images/logo.png);
		background-repeat: no-repeat;
		background-size: contain;
		float: left;
	}
	/* END: Logo */
	
	/* BEGIN: Top Navigation */
	nav#nav_top ul {
		float: right;
	}
	
	nav#nav_top li {
		float: left;
		width: 225px;
		position: relative;
		text-align: center;
	}
	
	nav#nav_top a {
		color: #575757;
		font-size: 22px;
		font-weight: 400;
		padding: 32% 0;
		display: block;
	}
	
	nav#nav_top a:hover {
		color: #e0154a;
	}
	
	nav#nav_top li.current a {
		color: #e0154a;
	}
	
	nav#nav_top li.current span,
	nav#nav_top li:hover span {
		background-color: #e0154a;
		bottom: 0;
		display: block;
		height: 5px;
		position: absolute;
		width: 100%;
	}
	
	nav#nav_top li:hover:not(.current) span {
		background: none;
	}

	/* END: Top Navigation */
/* END: Header */

/* BEGIN: Video Modal */
	.video_container {
		display	: none;
		position: fixed;
		left: 0px;
		top: 0px;
		max-width: 100%;
		max-height: 100%;
		background: rgb(0, 0, 0); /* The Fallback */
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999;
	}
	.video_container a.close_btn,
	.video_container img.close {
		top: 0px;
		left: 0px;
		position: absolute;
		max-width: 36px;
		max-height: 36px;
		width: 100%;
		height: 100%;
		border: 0;
		color: #000;
		/*z-index: 2;*/
	}
	.video_container a.close_btn {
		left: auto;
		right: 10px;
		top: 10px;
		border: 0;
		color: #000;
	}

	.video_container,
	.video_container .video_wrapper,
	.video_container .video,
	.video_container .video iframe {
		width: 100%;
		height: 100%;
	}
	.video_container .video_wrapper {
		/*margin-top: 1.674797%;*/
		position: relative;
		height: 100%;
		background-color:#000;
	}
	.video_container .video iframe { 
		width: 100%; 
		height:88%;
		margin-top:2%;
		border: 0;
	}
	.video_container .video object { 
		width: 100%;
		margin: 1.674797% 0 auto 0; 
		height:100%;
	}
	
	/* END: Video Modal */

/* BEGIN: Body */
#body {
	position: relative;
	/*padding-top: 170px;*/
	padding-top: 7.8%;
	overflow: hidden;
}

	div#body h2 {
		padding: 70px 0;
		text-align: center;
		font-weight: 300;
		font-size: 2em;
	}
	
section {
	width: 100%;
	float: left;
	clear: both;
}

	/* BEGIN: Section - Intro */
	section#section_intro {
		padding-top: 0;
		background-color: #f0f0f0;
	}
	
	section#section_intro #section_intro_hero {
		position: relative;
	}
	
	div#body #section_intro_hero h2 {
		overflow: hidden;
		width: 382px;
		height: 37px;
		padding: 0;
		background-image: url(../images/logo.png);
		background-repeat:no-repeat;
		text-indent: -999em;
	}
	
	#section_intro_hero .content {
		position: absolute;
		top: 40%;
		left: 6%;
		max-width: 40%;
	}
	
	#section_intro_hero p.description {
		font-size: 2.3em;
		line-height: 1.3em;
		letter-spacing: 1px;
		color: #fff;
		margin: 10px 0;
		width: 100%;
	}
	
	#section_intro_hero a.button {
		position: absolute;
		top: 40%;
		left: 47%;
		max-height: 131px;
		max-width: 131px;
		width: 6.4%; /* 131px */
		height: 14.25%;
		background: url('../images/play.png') no-repeat scroll left bottom / cover transparent;
	}
	
	#section_intro_hero a.button:hover {
		background: url('../images/play.png') no-repeat scroll left top / cover transparent;
	}
	
	#section_intro_description {
		text-align: center;
		line-height: 1.7em;
		font-weight: 400;
		font-size: 1.5em;
		height: 140px;
		margin: 50px auto;
		max-width: 1024px;
	}
	
	#section_intro #section_intro_hero img {
		width: 100%;
	}
	/* END: Section - Intro */
	/* BEGIN: Section - How */
	section#section_how {
		position: relative;
		/*height: 1310px;
		margin-bottom: 20px;*/
	}
	
	div#body #section_how h2 {
		border-bottom: 2px solid #b8b8b8;
		padding: 45px 0 5px;
		width: 235px;
		margin: 0 auto 45px;
	}
		
	section#section_how div.feature {
		float: left;
		text-align: center;
		font-size: 22px;
		max-width: 25%;
	}
	
	section#section_how div.feature p {
		line-height: 1.8em;
	}
	section#section_how div.feature blockquote p {
		line-height: normal;
	}
	
	section#section_how div.description {
		float: left;
		width: 470px;
		max-width: 100%;
		height: 470px;
		padding: 60px 5% 0 5%;
		margin: 0 9px 2px 0;
		color: #575757;
		background-color: #fff;
		border: 2px solid #e6e6e6;
		box-sizing: border-box;
	}
	
	section#section_how div.description h3 {
		padding-top: 200px;
		background: no-repeat center top;
		font-size: 18px;
		font-weight: 500;
	}
	
	section#section_how div.description p {
		font-size: 19px;
	}
	
	section#section_how div.example {
		position: absolute;
		width: 470px;
		max-width: 25%;
		height: 470px;
		padding: 100px 3% 0 3%;
		margin-bottom: 9px;
		color: #fff;
		border: 2px solid #e6e6e6;
		opacity: 0;
		box-sizing: border-box;
	}
	
	section#section_how div.example blockquote {
		font-size: 43px;
		font-weight: 100;
		margin: 0;
	}
	
	section#section_how #section_how_ui {
		position: relative;
		overflow: hidden;
		float: left;
	}
	
	#section_how_ui ul.carousel_wrapper {
		height: 100%;
		max-height: 695px;
		min-height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	/*section#section_how #section_how_ui .carousel_pagination li.dot {
		display: none;
	}*/
	
	#section_how_ui img {
		width: 100%;
	}
	
	#section_how_ui li.instruction {
		position: absolute;
		width: 100%;
		height:100%;
		top:0;
		left:0;
		text-align: center;
		display: none;
		opacity: 0;
	}
	
	#section_how_ui li.instruction.active {
		display: block;
		opacity: 1;
	}	
	
	div#body #section_how #section_how_ui .carousel .carousel_wrapper li.instruction h2.step {
		top:54%;
		/*left: 30%;*/
		width: 100%;
		text-align:center;
		position:absolute;
		text-transform: none;
		color: #fff;
		border: none;
/* 		font-size: 1.7em; */
		font-size: 2vw;
		margin: 0;
		padding: 0;
	}
	
	
	/* font exception for 3rd list item subtext */
	div#body #section_how #section_how_ui .carousel .carousel_wrapper li.instruction:nth-child(4) h2.step {
/* 		font-size: 2.7em; */
		font-size: 3vw;
		top: 13%;
	}
	
	#section_how_ui li.instruction p {
		top:64.5%;
		width:100%;
		position:absolute;
		color: #fff;
/* 		font-size: 1.9em; */
		font-size: 2.1vw;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	
	#section_how_ui li div.glass-example-view {
		max-width: 437px;
		position: relative;
		left: 55%;
		top: 5%;
		opacity: 0.7;
	}
	
	section#section_how #section_how_ui ul.carousel_controls {
		position: absolute;
		top: 40%;
		width: 100%;
	}
	
	section#section_how #section_how_ui ul.carousel_controls li {
		opacity: 1;
	}
	
	section#section_how #section_how_ui ul.carousel_controls li:hover {
		opacity: .7;
	}
	
	section#section_how #section_how_ui ul.carousel_controls li a {
		border: none;
		color: transparent;
	}
	
	section#section_how #section_how_ui ul.carousel_controls li.prev {
		position: absolute;
		left: 2%;
	}
	
	section#section_how #section_how_ui ul.carousel_controls li.next {
		position: absolute;
		right: 2%;
	}
	
	section#section_how #section_how_ui .carousel_pagination {
		position: absolute;
		bottom: 10%;
		left: 0%;
		z-index: 9;
		display: none;
		margin: 1%;
		width: 100%;
		text-align: center;
	}

	section#section_how #section_how_ui .carousel_pagination ul {
		display: inline-block;
		margin: 0 auto;
	}

	section#section_how #section_how_ui .carousel_pagination.enable{
		display: block;
	}

	section#section_how #section_how_ui .carousel_pagination .dot{
		float: left;
		margin-right: 20px;
		background: url("../images/dot.png") no-repeat scroll left bottom / cover transparent;
		width: 22px;
		height: 22px;
	}

	section#section_how #section_how_ui .carousel_pagination .dot a {
		height: 22px;
		display: block;
		text-indent: -99999px;
	}
	section#section_how #section_how_ui .carousel_pagination li.active, 
	section#section_how #section_how_ui .carousel_pagination li.dot:hover {
		background-position: left top;
	}

	section#section_how #section_how_ui .carousel_pagination .dot.active {
		background-position: left top;
	}
	
	
		/* BEGIN: Section - How - Movement */
			/* BEGIN: Description */
			section#section_how div#section_how_movement div.description h3 {
				color: #e41049;
				background-image: url(../images/icon_movement.png);
			}
			/* END: Description */
			/* BEGIN: Example */
			section#section_how div#section_how_movement div.example { background-color: #e41049; }
			/* END: Example */
		/* END: Section - How - Movement */
		/* BEGIN: Section - How - Balance */
			/* BEGIN: Description */
			section#section_how div#section_how_balance div.description h3 {
				color: #04bfbf;
				background-image: url(../images/icon_balance.png);
			}
			/* END: Description */
			/* BEGIN: Example */
			section#section_how div#section_how_balance div.example { background-color: #04bfbf; }
			/* END: Example */
		/* END: Section - How - Balance */
		/* BEGIN: Section - How - Walking */
			/* BEGIN: Description */
			section#section_how div#section_how_walking div.description h3 {
				color: #f29b30;
				background-image: url(../images/icon_walking.png);
			}
			/* END: Description */
			/* BEGIN: Example */
			section#section_how div#section_how_walking div.example { background-color: #f29b30; }
			/* END: Example */
		/* END: Section - How - Walking */
		/* BEGIN: Section - How - Unfreezing */
			/* BEGIN: Description */
			section#section_how div#section_how_unfreezing div.description h3 {
				color: #333745;
				background-image: url(../images/icon_unfreezing.png);
			}
			/* END: Description */
			/* BEGIN: Example */
			section#section_how div#section_how_unfreezing div.example { background-color: #333745; }
			/* END: Example */
		/* END: Section - How - Unfreezing */
	/* END: Section - How */
	
	/* BEGIN: Section - Press */
	section#section_press {
		position: relative;
		height: 550px;
		background-color: #fff;
		margin-bottom: .25%;
	}
	
	/*section#section_press h2 {
		padding: 50px 0;
	}*/

	#section_press ul.carousel_wrapper {
		height: 100%;
		max-height: 475px;
		min-height: 100%;
		position: relative;
		top: 0;
		height: 20px;
		width: 1440px;
		margin: 0 auto;
	}

	#section_press li.press {
		position: absolute;
		left: 50%;
		margin-left: -50%;
		width: 100%;
		height: 100%;
		text-align: center;
		display: none;
	}
	
	#section_press ul li.active {
		display: block;
	}

	#section_press li.press div.press-item {
		float: left;
		width: 33%;
		max-width: 350px;
		margin: 0 4.5%;
	}
	
	#section_press li.press div.press-item a {
		color: #fff;
		border: 0;
	}
	
	#section_press img {
		max-width: 100%;
		max-height: 110px;
	}

	#section_press li.press p.text {
		font-size: 21px;
		margin: 20px;
		color: #3c4249;
	}
	
	/* PRESS CAROUSEL CONTROLS */
	#section_press .carousel_controls {
		position: absolute;
		top: 45%;
		background-color: red;
		width: 100%;
	}

	#section_press .carousel_controls .next,
	#section_press .carousel_controls .prev {
		position: absolute;
		top: 0px;
	}
	
	#section_press .carousel_controls .next img,
	#section_press .carousel_controls .prev img {
		border: 0;
	}

	#section_press .carousel_controls .next {
		right: 1%;
	}

	#section_press .carousel_controls .prev {
		left: 1%;
	}
	
	#section_press .carousel_pagination {
		position: absolute;
		left: 50.5%;
		bottom: 15%;
		height: 26px;
		margin-left: -50px;
	}

	#section_press .carousel_pagination li.dot {
		float: left;
		text-indent: -9999px;
		background-image: url('../images/dot-light.png');
		background-size: cover;
		width: 26px;
		height: 26px;
	}
	
	#section_press .carousel_pagination li.dot.active,
	#section_press .carousel_pagination li.dot:hover {
		background-image: url('../images/dot-dark.png');
	}
	/* END: Section - Press */
		
	/* BEGIN: Section - Who */
	section#section_who {
		background-color: #fff;
		min-height: 730px;
		padding-bottom: 10%;
	}
	
	#section_who_description {
		max-width: 1200px;
		margin: 0 auto;
	}
	
	/*section#section_who #section_who_description h2 {
		font-weight: 300;
		font-size: 2em;
	}*/
	
	section#section_who #section_who_description p {
		margin: 0 0 20px 50px;
		line-height: 30px;
	}
	
	#section_who #section_who_description img {
		float: right;
		padding: 0 0 20px 80px;
	}
	
	#section_who nav#nav_who {
		max-width: 1130px;
		clear: both;
		float: none;
		margin: 50px auto;
		width: 100%;
	}

		/* BEGIN: Who Navigation*/
		section#section_who nav#nav_who li {
			float: left;
		}
		
		section#section_who li#nav_who_mark-morris-dance-group {
			margin: 40px 0 20px 50px;
			width: 33%;
		}
		
		section#section_who li#nav_who_dance-for-pd {
			margin: 45px 0 20px 90px
		}
		
		section#section_who li#nav_who_ssk {
			margin: 55px 0 20px 55px;
		}
		
		section#section_who nav#nav_who li#nav_who_mark-morris-dance-group a.button {
			width: 353px;
			height: 74px;
			background-image: url(../images/logo_mark-morris-dance-group.png);
		}
		section#section_who nav#nav_who li#nav_who_dance-for-pd a.button {
			width: 252px;
			height: 82px;
			background-image: url(../images/logo_dance-for-pd.png);
		}
		section#section_who nav#nav_who li#nav_who_ssk a.button {
			width: 146px;
			height: 51px;
			background-image: url(../images/logo_ssk.png);
		}
		/* END: Who Navigation*/
		
	/* END: Section - Who */
	
	/* BEGIN: Section - Contact */
	
		/* BEGIN: Section Body */
		section#section_contact .contact h3 {
			margin-bottom: 0;
		}
		
		section#section_contact .contact p {
			margin: 0;
		}
		
		section#section_contact .section_contact_group {
			/*max-width: 800px;*/
			width: 56%;
			margin: 0 auto 0;
			height: 430px;
			padding: 0 0 1%;
		}
		
		section#section_contact h2 {
			font-weight: 300;
			font-size: 2em;
		}
		
		section#section_contact p.learn-more {
			line-height: 30px;
			float: left;
			width: 45%;
			margin-left: 5%;
		}
		
		section#section_contact div.contact {
			width: 18%;
			margin-left: 7%;	
			line-height: 30px;
			float: left;
		}
		/* END: Section Body */
		
		/* BEGIN: Contact Info */
		section#section_contact div.contact strong { 
			display: block;
			font-weight: normal;
			margin-top: -20px;
    	}
		section#section_contact div.contact address { font-style: normal; }
		section#section_contact div.contact a { display: block; }
		section#section_contact div.contact a:hover { text-decoration: underline; }
		section#section_contact div.contact a.phone { color: #3c4249; }
		/* END: Contact Info */
		
	/* END: Section - Contact */
	
	/* BEGIN: Section - Social */
	section#section_social {
		background-color: #fff;
	}
		/* BEGIN: Social Navigation */
		section#section_social nav#nav_social {
			font-size: 17px;
			font-weight: 500;
			margin: 0 auto;
			width: 100%;
			float: none;
		}
		
		section#section_social nav#nav_social ul {
			max-width: 45%;
			height: 53px;
			margin: 0 auto 50px;
		}
		
		section#section_social nav#nav_social li {
			/*width: 279px;
			height: 53px;*/
			float: left;
			/*margin: 0 3%;*/
			width: 30%;
			text-align:center;
		}
		section#section_social nav#nav_social li a {
			padding: 5.4% 0 5.4% 0;
		  border: 1px solid;
		  width: 100%;
		  display: block;
		}
		
		section#section_social #nav_social_twitter {
			margin: 0 1.5%;
		}
		
		section#section_social nav#nav_social li#nav_social_facebook a {
			border-color: #1f4284;
			color: #1f4284;
		}
		section#section_social nav#nav_social li#nav_social_twitter a {
			border-color: #00adee;
			color: #00adee;
		}
		section#section_social nav#nav_social li#nav_social_google-plus a {
			border-color: #d34a2a;
			color: #d34a2a;
		}
		/* END: Social Navigation */
		
	/* END: Section - Social */
	
/* END: Body */

/* BEGIN: Footer */
footer {
	position: relative;
	height: 60px;
	color: #a9acae;
	background-color: #f2f2f2;
	font-size: 13px;
	clear: both;
}

footer div.footer_group {
	width: 70%;
	height: 100%;
	margin: 0 auto;
	display: table;
}
	footer div.footer_row {
		display: table-row;
	}
	footer p {
		display: table-cell;
		width: 33%;
		vertical-align: middle;
		text-align: center;
	}

	/* BEGIN: Footer Logo */
	footer p#footer_logo {
	}
	
	footer p#footer_logo a.button {
		width: 295px;
		height: 28px;
		background-image: url(../images/logo_moving-through-glass_small.png);
	}
	/* END: Footer Logo */
	/* BEGIN: Copyright */
	footer p#footer_copyright {
		margin: 0;
	}
	
	footer p#footer_social img {
		width: 30px;
		margin: 0 5px;
		border: 0;
	}

	/* END: Copyright */

/* END: Footer */


@media screen and (max-width: 1441px),
       screen and (min-resolution: 192dpi) {
  
		body {font-size: 14px;}
		
		header {height: 114px;}
		
		header .logo_container {
			padding: 4.1% 0;
		}
		
		header .logo_container h1 {
			width: 285px;
			height: 30px;
			background-size: contain;
		} 
		
		nav#nav_top li {width: 180px;}
		
		nav#nav_top li a {font-size: 18px; padding: 26.5% 0;}
		
		#section_intro_hero p.description {font-size: 1.95em;}
		
		#section_how_ui li div.glass-example-view {max-width: 316px;}
		
		footer div.footer_group {max-width: 900px;}

		#section_press ul.carousel_wrapper {
			width: 1250px;
		}
	
		#section_press li.press div.press-item {
			margin: 0 2.5%;
		}
    
}

@media screen and (max-width: 1441px) {

	/*section#section_how {
		height: 1020px; 
	}*/
	
	section#section_how div.description {
		height: 356px;
	}
	
	section#section_how div.description h3 {
		padding-top: 110px;
		margin: 0 auto;
		background-size: 100%;
		width: 30%
	}
	
	section#section_how div.feature div.description p {
		font-size: 15px;
	}
	
	section#section_how div.example {
		height: 356px;
		padding: 50px 3% 0 3%;
	}
	
	section#section_how div.feature blockquote {
		margin: 0;	
	}
	
	section#section_how div.feature blockquote p {
		font-size: 34px;
	}
	
	section#section_how div.feature div.example blockquote + p {
		font-size: 15px;
	}
	
	#section_press ul.carousel_wrapper {
		width: 1250px;
	}
	
	#section_press li.press div.press-item {
		margin: 0 2.5%;
	}
}

@media screen and (max-width: 1250px) {

		/*section#section_how {
			height: 910px; 
		}*/
		
		section#section_how div.description {
			height: 309px;
			padding: 50px 5% 0 5%;
		}
		
		section#section_how div.feature div.description p {
			font-size: 13px;
		}
		
		section#section_how div.example {
			height: 309px;
			padding: 25px 3% 0 3%;
		}
		
		/*section#section_how div.feature div.example blockquote + p {
			font-size: 18px;
		}*/
		
		#section_press ul.carousel_wrapper {
			width: 1200px;
		}
	
		#section_press li.press div.press-item {
			margin: 0 1.5%;
		}
		
		section#section_contact .section_contact_group {
			width: 90%;
			text-align: center;
		}
		
		section#section_contact p.learn-more {
			margin-left: 0%;
		}
		
		section#section_contact div.contact {
			width: 25%;
			margin-left: 2.5%;
		}
	
}

@media screen and (max-width: 1205px),
       screen and (min-resolution: 192dpi) { 
       
		header {height: 98px;}
		
		header .logo_container {
			padding: 3.8% 0;
		}
		
		header .logo_container h1 {
			width: 235px;
			height: 25px;
			background-size: contain;
		}   

		nav#nav_top li {width: 135px;}
		nav#nav_top li a {font-size: 13px; padding: 31% 0;}
		
		/*section#section_how {
			height: 890px; 
		}*/
		
		#section_intro_hero p.description {font-size: 1.5em;}
		
		section#section_how div.feature p.description {
			font-size: 16px;
	 	}
		
		#section_how_ui li div.glass-example-view {max-width: 270px;}
				
		section#section_how #section_how_ui .carousel_pagination .dot {
			width: 15px;
			height: 15px;
		}
		
		#section_press ul.carousel_wrapper {
			width: 1100px;
		}
	
		#section_press li.press div.press-item {
			margin: 0 .5%;
		}
				
		section#section_contact p.learn-more {width: 45%;font-size: 13px;}
		
		footer p#footer_logo {margin-left: 5%;width: 40%;}

}

@media screen and (max-width: 1205px) {
	#section_press ul.carousel_wrapper {
			width: 900px;
		}
	
		#section_press li.press div.press-item {
			margin: 0;
		}
}

@media screen and (max-width: 1024px) {
		
		header .logo_container {
			padding: 4.3% 0;
		}
		
		#section_intro_description {
			margin: 50px;
		}
		
		/*section#section_how {
			height: 820px; 
		}*/
		
		section#section_how div.description, 
		section#section_how div.example {
			height: 309px;
		}
		
		section#section_how div.description h3 {
			padding-top: 85px;
		}

		section#section_how div.feature div.description p {
			font-size: 13px;
		}
		
		section#section_how div.feature blockquote p {
			font-size: 30px;
		}
		
		#section_press ul.carousel_wrapper {
			width: 700px;
		}
	
		#section_press li.press div.press-item {
			margin: 0;
		}
		
		#section_press li.press p.text {
			font-size: 17px;
		}
}


@media screen and (max-width: 905px) {

		header {
			height: 78px;
		}

		nav#nav_top li {
			width: 105px;
		}
		
		/*section#section_how {
			height: 775px;		
		}*/
				
		section#section_how div.description, 
		section#section_how div.example {
			height: 265px;
			padding: 20px 15px;
		}
		
		section#section_how div.feature div.description p {
			font-size: 12px;
		}
		
		section#section_how div.example blockquote {
			margin-top: 20px;
		}
		
		section#section_how div.feature blockquote p {
			font-size: 24px;
		}
		
		section#section_how div.feature div.example blockquote + p {
			font-size: 14px;
		}
		
		section#section_how div.description h3 {
			padding-top: 70px;
			text-indent: -12px;
		}
		
		#section_how_ui li div.glass-example-view {max-width: 200px;}
		
		#section_who #section_who_description img {float: none;}
		
		section#section_who li#nav_who_mark-morris-dance-group {
			margin: 40px 0 20px 20px;
		}
		
		footer div.footer_group {
			width: 90%;
		}
		
		#section_press li.press {
			width: 700px;
			margin-left: -350px;
		}
		
}