/* HERO STYLES */
.sci .hero					{ background-image: url('../images/sciences/hero_bg.jpg'); height: 300px; }
.accred .hero					{ background-image: url('../images/accreditation/hero_bg.jpg'); height: 300px; }
.prof .hero					{ background-image: url('../images/profiling/hero_bg.jpg'); height: 300px; }
.com .hero					{ background-image: url('../images/uses/hero_bg.jpg'); height: 300px; }
.res .hero					{ background-image: url('../images/resources/hero_bg.jpg'); height: 300px; }
.offer .hero					{ background-image: url('../images/about/hero_bg.jpg'); height: 300px; }


/* MAIN hldr STYLES */
.sw section img.left			{ float: left; margin: 1.5em 1.5em 1.5em 0; }
.sw section img.right			{ float: right; margin: 1.5em 0 1.5em 1.5em; }
.sw section .column			{ float: left; width: 48%; }
.sw section .mr				{ margin-right: 4%; }
.sw section .prominent	 	{ font-size: 2.2em; line-height: 1.45em; }
.sw section img				{ margin: 1.5em 0 2em; }
.sw section h2 img			{ margin: 0; }
.sw section .insert-full	{ width: 100%; }
.sw section .insert-half	{ width: 50%; }
.sw section .column .insert-half	{ width: 100%; }
.sw section h4				{ padding-bottom: 0.3em; }
.sw section ul				{ margin-bottom: 3em; }
.sw section ul li				{ color: #484848; font-size: 1.45em; line-height: 1.7em; list-style: disc inside none; margin-left: 5%; margin-bottom: .5em; }
.sw section ul.indent li	{ list-style: none inside none; }
.sw	section				{ position: relative; padding-bottom: 8em; background-repeat: no-repeat; background-image: url('../images/detail/divider.jpg'); background-position: bottom right; margin-bottom: -2em; clear: both; overflow: auto; } 
.sw section h2					{ font-size: 4em; margin-bottom: .3em; }
.sw section h3				{ margin-bottom: .1em; margin-bottom: .3em; }
.sw section h5				{ font-size: 1.45em; font-family: 'OpenSansBold'; margin-bottom: .4em; color: #484848!important; padding-top: .4em; }
.sw section h6				{ font-size: 1.45em; font-family: 'OpenSansRegular'; margin-bottom: .4em; color: #484848!important; padding-top: .4em; }
.bodyquote					{ color: #237087; font-size: 3em; line-height: 1.3em; font-style: italic; font-weight: bold; margin: 0.4em; display: block; }
a.slidetoggler				{ margin-bottom: 1em; display: inline-block; padding: .1em 2em; height: auto; clear: both;
}		
.toggleslide				{ display: none; width: 100%; }
.sw section p				{ margin-bottom: .9em; }
.sw section .blue			{ color: #5090ad!important; }
.sw section .melon			{ color: #E55557!important; }

.shaded-grey				{ background-color: #eee; }
.shaded-blue				{ background-color: #e0ebf0; }
.shaded-melon				{ background-color: #fcefef; }

.sw section.shaded-grey		{ padding: 10px 2% 8em 2%; }
.sw section.shaded-blue		{ padding: 10px 2% 8em 2%; }
.sw section.shaded-melon	{ padding: 10px 2% 8em 2%; }

/*FULL WIDTH SHADED*/
.sw section .shaded-grey	{ padding: 10px 2%; }
.sw section .shaded-blue	{ padding: 10px 2%; }
.sw section .shaded-melon	{ padding: 10px 2%; }

/*HALF WIDTH SHADED*/
.sw section .column.shaded-grey	{ width: 44%; padding: 10px 2%; }
.sw section .column.shaded-blue	{ width: 44%; padding: 10px 2%; }
.sw section .column.shaded-melon{ width: 44%; padding: 10px 2%; }

/*THIRD WIDTH SHADED*/
.sw section .third.shaded-grey		{ width: 27%; padding: 10px 2%; }
.sw section .third.shaded-blue		{ width: 27%; padding: 10px 2%; }
.sw section .third.shaded-melon		{ width: 27%; padding: 10px 2%; }
.sw section .third.mr.shaded-grey	{ width: 27%; padding: 10px 2%; margin-right: 3.5%; }
.sw section .third.mr.shaded-blue	{ width: 27%; padding: 10px 2%; margin-right: 3.5%; }
.sw section .third.mr.shaded-melon	{ width: 27%; padding: 10px 2%; margin-right: 3.5%; }

.sw .subsection				{ border-bottom: 1px solid #eee; margin-bottom: 3em; padding-bottom: 2em; overflow: auto; }

/* COMMENT FORM STYLES */
section form				{ margin-top: 2em; background: #ebebeb; padding: 2em 2%; }
.infusion-field			{ width: 46%; float: left; margin: 0 2%; }
.infusion-field label	{ font-family: 'OpenSansRegular', sans-serif; font-size: 1.8em; padding-top: .5em; margin: 0 0 1em; display: block; }
.infusion-field input 	{ width: 96%;padding: .5em 2%; margin-bottom: 1em; color: #9a9a9a; font-family: 'OpenSansRegular', sans-serif; font-size: 1.8em; -webkit-box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .15); box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .15); }
.infusion-field input:hover { -webkit-box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, .15); box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, .15); background-color: #f9fdff; }
.infusion-field input:focus { background-color: #eefaff; }
.infusion-submit		{ clear: both; }
.infusion-submit input	{ padding: 0em 2em; margin: 0.5em 0; background-color: #ebebeb; font-family: 'YanoneKaffeesatzRegular', sans-serif; font-size: 3em; text-transform: uppercase; cursor: pointer; background: #294c60 url('../images/global/button_bg.png') repeat-x left top; letter-spacing: 1px; height: 52px; color: #fff; }
section form select		{ width: 100%; margin-bottom: 4em; }
.infusion-radio			{ margin-top: -1em; }
.infusion-option label, .infusion-option input	{ display: inline-block; }
.infusion-option input	{ width: auto; margin-right: .2em; margin-bottom: 0; }
.infusion-option label	{ margin: 0; padding: 0; }
.infusion-option		{ width: 100%; display: block; }



/* STAFF MEMBERS */
.staff-member							{ display: block; float: left; overflow: auto; width: 32%; margin: 0 2% 6em 0; text-align: center; }
	.staff-member:nth-of-type(3n)		{ margin-right: 0; }
	.staff-member:nth-of-type(3n+1)		{ clear: left; }
	.staff-member .img-holder			{ overflow: hidden; margin: 0 auto 2em; width: 60%; border-radius: 300px; }
		.staff-member .img-holder img	{ display: block; width: 100%; padding: 0; }
	/*.staff-member h2					{ text-align: center; }*/
		.staff-member h2 em				{ display: block; margin-bottom: 0.8em; font-style: normal; color: #aaa; font-size: 0.4em; line-height: 1em; }



/* VIDEO CONTAINER - RESPONSIVE */
.video-container 				{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 20px; }
	.video-container iframe,
	.video-container object,
	.video-container embed 		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* ///////////////////////////////////////////////////////////// */
/* ///////////////////// MEDIA QUERIES ///////////////////////// */

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	.hero				{ background-position: -50px top; }
	.sw section .column		{ width: 49%; }
	.sw section .shaded { width: 45%; }
	.sw section .mr			{ margin-right: 2%; }
	.sw section .prominent 	{ font-size: 1.6em; }
	.sw section ul li	{ font-size: 1.4em; }
	.sw section			{ margin-bottom: -2em; }
}

/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	.sw .prominent 		{ font-size: 1.55em; }
	.sw section 		{ margin-bottom: -3em; }

}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	.sw .prominent 		{ font-size: 1.5em; }
	.sw section ul li	{ font-size: 1.35em; }
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	.sw .prominent 		{ font-size: 1.45em; }
	.sw section ul li	{ font-size: 1.3em; }
}

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (max-width: 959px) {

}

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
	.hero					{ height: 200px; background-size: 1400px; background-position: 10% top; }
	.hero h1				{ font-size: 3.8em; }
	.sw section .column		{ float: none; width: 100%; }
	.sw section .prominent 	{ font-size: 1.45em; }
	.sw section .mr			{ margin-right: 0; }
	.sw section .insert-full, .sw section .insert-half { width: 100%; }
	.sw section img.left, .sw section img.right { max-width: 100%; }
	.sw img					{ margin: 1em 0; }
	.sw section h4			{ font-size: 2em; padding-bottom: 0.2em; }
	.sw section ul			{ width: 95%; }	
	.sw section ul li			{ font-size: 1.25em; line-height: 2em; margin-bottom: 0; margin-left: 8%; }
	.sw section				{ margin-bottom: -2.5em; }
	.infusion-field			{ width: 96%; float: none; margin: 0 2%; }
	section form select		{ margin-bottom: 1em; }
	.infusion-radio			{ margin-bottom: 2em; }
	.video-container		{ margin-bottom: 2em; }
	.sw section .third.shaded-grey, .sw section .third.shaded-blue, .sw section .third.shaded-melon		{ width: 96%; }

	.sw section .third.mr.shaded-grey, .sw section .third.mr.shaded-blue, .sw section .third.mr.shaded-melon	{ width: 96%; margin-right: 0; }

}


/* MOBILE PHONES <480px //////////////////////////////////////// */
@media screen and (max-width: 480px) {
	
}

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (max-width: 350px) {
}