/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
	background-color: #fff;
	font-family: Frutiger, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: smaller;
	margin: 0 auto;
	}
	h1 {font-size: 350%; font-family: PreloSlab-ExtraLight; line-height: 100%; }
	h2 {font-size: 230%; font-family: PreloSlab-SemiBold; line-height: 100%;}
	h3 {font-size: 160%; font-family: PreloSlab-ExtraLight; line-height: 100%;}
	h4 {font-size: 140%; line-height: 100%;}
	h5 {font-size: 120%; line-height: 130%;}
	p {font-size: 120%; line-height: 130%;}
	li {font-size: 110%; line-height: 130%;}
	/* i {font-family: PreloSlab-ExtraLightItalic; font-style: normal;}
	strong {font-family: PreloSlab-SemiBold; font-style: normal;} */
	
	.twelvecol, .threecol, .ninecol {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
	}
	
	.twelvecol {background-color: #536e7b;}
	.threecol {background-color: #f0533b;}
	.ninecol {background-color: #9fd4df;}
	
	.nomobile {display: block;}
	.yesmobile {display: none;}
	
	.header {padding: 25px; color: white;}
	.header img {float: right; width: 150px; clear: both;}
	.header h1, h2 {padding-bottom: 10px; color: white;}
	.header h3, p {color: white;}
	.header p strong {font-family: PreloSlab-SemiBoldItalic; font-style: normal;}
	.header p i {font-family: PreloSlab-ExtraLightItalic; font-style: normal; color: white;}
	.header a {text-decoration: none;}
	
	.nav {padding: 10px 25px; color: white;}
	.nav ul {font-family: PreloSlab-Black; font-size: 140%;}
	.nav ul li {list-style: none; padding: 9px 4px;}
	/* nav ul li:last-child {list-style: none; border-bottom: none;} */
	.nav ul li a {line-height: 120%; text-decoration: none; color: white; letter-spacing: 1px;}
	.nav ul li.current {background-color: black; }
	.nav ul li:hover {background-color: black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	}
	
	.section {padding: 25px; color: black;}
	.section img {float: right; width: 200px; clear: all; margin-left: 10px; margin-bottom: 10px; border: 1px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;}
	.section h2, h3, p {padding-bottom: 10px; color: black;}
	.section h2 {text-transform: uppercase; font-family: PreloSlab-ExtraLight; margin: 0 0 20px 0;}
	.section h3 strong {font-family: PreloSlab-SemiBold; font-style: normal;}
	.section h4 {font-family: PreloSlab-SemiBold; font-style: normal; margin-bottom: 10px; margin-top: 20px;}
	.section h5 {font-family: PreloSlab-SemiBoldItalic; font-style: normal;}
	.section a:link {text-decoration: none; color: #536e7b; font-weight: bold;}
	.section a:visited {text-decoration: none; color: #536e7b; font-weight: bold;}
	.section a:hover {text-decoration: none; color: #f0533b; font-weight: bold;}
	.section a:active {text-decoration: none; color: #f0533b; font-weight: bold;}
	.section img.figure {float: none; width: 30%; margin-left: 0; margin-bottom: 0; margin-top: 30px; border: 1px solid white; }
	.section img.figure2 {float: none; width: 60%; margin-left: 0; margin-bottom: 0; margin-top: 30px; border: none;}
	.section ul {list-style: none; padding-bottom: 10px; padding-left: 10px;}
	.section ul li {padding-bottom: 5px;}
	
	.footer {padding: 25px; color: white; text-align: center;}
	.footer a:link {text-decoration: none; color: #9fd4df; font-weight: bold;}
	.footer a:visited {text-decoration: none; color: #9fd4df; font-weight: bold;}
	.footer a:hover {text-decoration: none; color: #f0533b; font-weight: bold;}
	.footer a:active {text-decoration: none; color: #f0533b; font-weight: bold;}
	
/* ============================= */
/* ! Layout for iPad vertical   */
/* ============================= */	
@media handheld, only screen and (max-width: 1000px) {	
	
	
}	
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
.section img.figure2 {width: 90%;}
.section img.figure {float: none; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 10px;}
}


/* ============================= */
/* ! Layout for iPhone version   */
/* ============================= */

@media handheld, only screen and (max-width: 479px) {
.section img {float: none; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 10px;}	
.header img {float: left; width: 125px; display: none;}


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	

}