/*================== UNIVERSAL FONT STUFF ======================*/

html {font-size: 14px;}
@media screen and (min-width: 1600px) {
	html {font-size: 18px;} }


.center {text-align: center;}
.center div {margin: 0 auto;}

.white {color: #ffffff;}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	line-height: 1.3em;}

p {margin: 0 0 1em 0;}





/*================== UNIVERSAL LAYOUT STUFF ======================*/

img {max-width: 100%;}

@media screen and (min-width: 680px) {
	.left {float: left;} 
	.right {float: right;}  
	.left-img {margin-right: 20px;} 
	.right-img {margin-left: 20px;} }



.row {
	width: 100%;
	clear: both;
	overflow: auto;}



.wrapper {
	width: 100%;
	margin: 0 auto;}
@media screen and (min-width: 680px) {
	.wrapper {
		max-width: 640px;} }
	@media screen and (min-width: 1000px) {
		.wrapper {
			max-width: 960px;} }
		@media screen and (min-width: 1600px) {
			.wrapper {
				max-width: 1260px;} }


.one-col,
.two-col,
.three-col,
.four-col, .four-col-full,
.five-col, .five-col-full,
.six-col, .six-col-full,
.seven-col, .seven-col-full,
.eight-col, .eight-col-full,
.nine-col,
.ten-col,
.eleven-col,
.twelve-col {
	width: 94%;
	margin: 0 3%;}


@media screen and (min-width: 680px) {
	.one-col {
		width: 100%;
		max-width: 60px;
		margin: 0 10px;} }
	@media screen and (min-width: 1600px) {
		.one-col {
			max-width: 85px;}  }

@media screen and (min-width: 680px) {
	.two-col {
		width: 100%;
		max-width: 140px;
		margin: 0 10px;} }
	@media screen and (min-width: 1600px) {
		.two-col {
			max-width: 190px;}  }

@media screen and (min-width: 680px) {
	.three-col {
		width: 100%;
		max-width: 220px;
		margin: 0 10px;} }
	@media screen and (min-width: 1600px) {
		.three-col {
			max-width: 295px;}  }

@media screen and (min-width: 680px) {
	.four-col {
		width: 100%;
		max-width: 300px;
		margin: 0 10px;} }
	@media screen and (min-width: 1600px) {
		.four-col {
			max-width: 400px;}  }

@media screen and (min-width: 680px) {
	.four-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.four-col-full {
			max-width: 300px;} }
		@media screen and (min-width: 1600px) {
			.four-col-full {
				max-width: 400px;}  }

@media screen and (min-width: 680px) {
	.five-col {
		width: 100%;
		max-width: 300px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.five-col {
			max-width: 380px;} }
		@media screen and (min-width: 1600px) {
			.five-col {
				max-width: 505px;}  }

@media screen and (min-width: 680px) {
	.five-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.five-col-full {
			max-width: 380px;} }
		@media screen and (min-width: 1600px) {
			.five-col-full {
				max-width: 505px;}  }

@media screen and (min-width: 680px) {
	.six-col {
		width: 100%;
		max-width: 300px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.six-col {
			max-width: 460px;} }
		@media screen and (min-width: 1600px) {
			.six-col {
				max-width: 610px;}  }

@media screen and (min-width: 680px) {
	.six-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.six-col-full {
			max-width: 460px;} }
		@media screen and (min-width: 1600px) {
			.six-col-full {
				max-width: 610px;}  }

@media screen and (min-width: 680px) {
	.seven-col {
		width: 100%;
		max-width: 300px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.seven-col {
			max-width: 540px;} }
		@media screen and (min-width: 1600px) {
			.seven-col {
				max-width: 715px;}  }

@media screen and (min-width: 680px) {
	.seven-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.seven-col-full {
			max-width: 540px;} }
		@media screen and (min-width: 1600px) {
			.seven-col-full {
				max-width: 715px;}  }

@media screen and (min-width: 680px) {
	.eight-col {
		width: 100%;
		max-width: 300px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.eight-col {
			max-width: 620px;} }
		@media screen and (min-width: 1600px) {
			.eight-col {
				max-width: 820px;}  }

@media screen and (min-width: 680px) {
	.eight-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.eight-col-full {
			max-width: 620px;} }
		@media screen and (min-width: 1600px) {
			.eight-col-full {
				max-width: 820px;}  }

@media screen and (min-width: 680px) {
	.nine-col, .nine-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.nine-col, .nine-col-full {
			max-width: 700px;} }
		@media screen and (min-width: 1600px) {
			.nine-col, .nine-col-full {
				max-width: 925px;}  }

@media screen and (min-width: 680px) {
	.ten-col, .ten-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.ten-col, .ten-col-full {
			max-width: 780px;} }
		@media screen and (min-width: 1600px) {
			.ten-col, .ten-col-full {
				max-width: 1030px;}  }

@media screen and (min-width: 680px) {
	.eleven-col, .eleven-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.eleven-col, .eleven-col-full {
			max-width: 860px;} }
		@media screen and (min-width: 1600px) {
			.eleven-col, .eleven-col-full {
				max-width: 1135px;}  }

@media screen and (min-width: 680px) {
	.twelve-col, .twelve-col-full {
		width: 100%;
		max-width: 620px;
		margin: 0 10px;} }
	@media screen and (min-width: 1000px) {
		.twelve-col, .twelve-col-full {
			max-width: 940px;} }
		@media screen and (min-width: 1600px) {
			.twelve-col, .twelve-col-full {
				max-width: 1240px;}  }


	@media screen and (min-width: 1000px) {
		.push1 {margin-left: 80px;}
		.push2 {margin-left: 160px;}
		.push3 {margin-left: 240px;}
		.push4 {margin-left: 320px;}
		.push5 {margin-left: 400px;}
		.push6 {margin-left: 480px;}
		.push7 {margin-left: 560px;}
		.push8 {margin-left: 640px;}
		.push9 {margin-left: 720px;}
		.push10 {margin-left: 800px;}
		.push11 {margin-left: 880px;}  }
	
		@media screen and (min-width: 1600px) {
			.push1 {margin-left: 105px;}
			.push2 {margin-left: 210px;}
			.push3 {margin-left: 315px;}
			.push4 {margin-left: 420px;}
			.push5 {margin-left: 525px;}
			.push6 {margin-left: 630px;}
			.push7 {margin-left: 735px;}
			.push8 {margin-left: 840px;}
			.push9 {margin-left: 945px;}
			.push10 {margin-left: 1050px;}
			.push11 {margin-left: 1155px;}  }

	@media screen and (min-width: 1000px) {
		.pull1 {margin-right: 80px;}
		.pull2 {margin-right: 160px;}
		.pull3 {margin-right: 240px;}
		.pull4 {margin-right: 320px;}
		.pull5 {margin-right: 400px;}
		.pull6 {margin-right: 480px;}
		.pull7 {margin-right: 560px;}
		.pull8 {margin-right: 640px;}
		.pull9 {margin-right: 720px;}
		.pull10 {margin-right: 800px;}
		.pull11 {margin-right: 880px;}  }
	
		@media screen and (min-width: 1600px) {
			.pull1 {margin-right: 105px;}
			.pull2 {margin-right: 210px;}
			.pull3 {margin-right: 315px;}
			.pull4 {margin-right: 420px;}
			.pull5 {margin-right: 525px;}
			.pull6 {margin-right: 630px;}
			.pull7 {margin-right: 735px;}
			.pull8 {margin-right: 840px;}
			.pull9 {margin-right: 945px;}
			.pull10 {margin-right: 1050px;}
			.pull11 {margin-right: 1155px;}  }
			
			
			
			
			
			
.video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin: 24px 0 !important;
	height: 0;}

.video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
	height: 100%;}