@font-face{
	font-family: 'Trade Gothic LT Std';
	src: url('../_fonts/TradeGothicLTStd.eot'); /* IE9 Compat Modes */
	src: url('../_fonts/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../_fonts/TradeGothicLTStd.woff') format('woff'), /* Modern Browsers */
	url('../_fonts/TradeGothicLTStd.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../_fonts/TradeGothicLTStd.svg#baa2b4336bfeb9872a50f10bdb06e378') format('svg'); /* Legacy iOS */
	font-style:   normal;
	font-weight:  400;
}
@font-face {
	font-family: 'Trade Gothic LT Std Cn';
	src: url('../_fonts/TradeGothicLTStd-BdCn20.eot'); /* IE9 Compat Modes */
	src: url('../_fonts/TradeGothicLTStd-BdCn20.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../_fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), /* Modern Browsers */
	url('../_fonts/TradeGothicLTStd-BdCn20.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../_fonts/TradeGothicLTStd-BdCn20.svg#4a676caccd9c0fcdbbd764a199edc43f') format('svg'); /* Legacy iOS */
	font-style:   normal;
	font-weight:  400;
}
@font-face {
	font-family: 'Trade Gothic LT Std Bold';
	src: url('../_fonts/TradeGothicLTStd-Bd2.eot'); /* IE9 Compat Modes */
	src: url('../_fonts/TradeGothicLTStd-Bd2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../_fonts/TradeGothicLTStd-Bd2.woff') format('woff'), /* Modern Browsers */
	url('../_fonts/TradeGothicLTStd-Bd2.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../_fonts/TradeGothicLTStd-Bd2.svg#c50f5e2adada586b2efc070013296a0d') format('svg'); /* Legacy iOS */
	font-style:   normal;
	font-weight:  400;
}
@font-face {
	font-family: 'Trade Gothic LT Std Cn';
	src: url('../_fonts/TradeGothicLTStd-Cn18.eot'); /* IE9 Compat Modes */
	src: url('../_fonts/TradeGothicLTStd-Cn18.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../_fonts/TradeGothicLTStd-Cn18.woff') format('woff'), /* Modern Browsers */
	url('../_fonts/TradeGothicLTStd-Cn18.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../_fonts/TradeGothicLTStd-Cn18.svg#4a2dcf9aedd16ea80255ec374529e2b0') format('svg'); /* Legacy iOS */
	font-style:   normal;
	font-weight:  400;
}
@font-face {
	font-family: 'Trade Gothic LT Std Light';
	src: url('../_fonts/TradeGothicLTStd-Light.eot'); /* IE9 Compat Modes */
	src: url('../_fonts/TradeGothicLTStd-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../_fonts/TradeGothicLTStd-Light.woff') format('woff'), /* Modern Browsers */
	url('../_fonts/TradeGothicLTStd-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../_fonts/TradeGothicLTStd-Light.svg#0f50e3a4ad6f4ba6047d6df7e537a8fb') format('svg'); /* Legacy iOS */
	font-style:   normal;
	font-weight:  200;
}
@font-face{
	font-family: 'Industria LT Std Solid';
	src: url('../_fonts/IndustriaLTStd-Solid.eot'); /* IE9 Compat Modes */
	src: url('../_fonts/IndustriaLTStd-Solid.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../_fonts/IndustriaLTStd-Solid.woff') format('woff'), /* Modern Browsers */
	url('../_fonts/IndustriaLTStd-Solid.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../_fonts/IndustriaLTStd-Solid.svg#2eb9118c957eeaed5fb3db9d67ce483f') format('svg'); /* Legacy iOS */
	font-style:   normal;
	font-weight:  400;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a{ margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time{
	display: block;
}

body{
	line-height: 1;
}

ol, ul{
	list-style: none;
}

blockquote, q{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;
}

ins{
	text-decoration: none;
}

del{
	text-decoration: line-through;
}

html,body{
	height: 100%;
	background: rgb(244,244,244);
}

.splash{
	width: 100%;
	background: url('../_images/splash.jpg') top center no-repeat #fff;
	background-size: 130%;
}

.home{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	font-family: 'Trade Gothic LT Std', arial, sans-serif;
}

.home a{
	width: 120px;
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: center;
	color: rgb(19, 70, 154);
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border-left: solid 1px rgb(19, 70, 154);
	border-right: solid 1px rgb(19, 70, 154);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	padding: 1% 0;
}

.home a:hover{
	color: rgb(240, 240, 240);
	background: rgb(19, 70, 154);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.splash-images{
	margin: 150px 0 15px 0;
	text-align: center;
}

.splash-images img{
	margin: 0 10px;
}

.certified{
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	margin: 15px 0 15px 0;
}

.codes{
	text-align: justify;
	font-size: 16px;
	padding: 0 10%;
	color: rgb(84, 138, 200);
	line-height: 20px;
	margin: 0 0 30px 0;
}

.codes strong{
	font-weight: bolder;
}

.wrap{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	border: solid 1px rgb(203, 203, 203);
	-moz-box-shadow:		 0 0 25px rgba(0,0,0,0.1);
   	-webkit-box-shadow: 	 0 0 25px rgba(0,0,0,0.1);
   	box-shadow:         		 0 0 25px rgba(0,0,0,0.1);
}

header{
	background-size: 100%;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

header img{
	width: 100%;
}

section.graphic img{
	width: 100%;
	max-height: 517px;
	margin: 0;
	padding: 0;
}

nav{
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	background: rgba(79, 132, 104, .8);
	-moz-box-shadow:		 inset 0 0 15px rgba(0,0,0,0.5);
   	-webkit-box-shadow: 	 inset 0 0 15px rgba(0,0,0,0.5);
   	box-shadow:         		 inset 0 0 15px rgba(0,0,0,0.5);
}

nav ul{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height: 100%;
}

nav ul li{
	display: inline-block;
	padding: 0 1%;
	margin: 1% 0;
	border-right: solid 2px rgb(240, 240, 240);
	font-family: 'Trade Gothic LT Std', arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

nav ul li:last-child{
	border: none;
}

nav ul li a{
	color:rgb(240, 240, 240);
	text-decoration: none;
	transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
}

nav ul li a:hover{
	color:rgb(19, 70, 154);
	transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
}

footer{
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	color: rgb(33, 33, 33);
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 15px 0 30px 0;
}

footer img{
	margin: 0;
	padding: 0;
	height: 20px;
}

.waves{
	background: url('../_images/bg-copy.jpg') top center no-repeat #fff;
}

section.copy{
	width: 86%;
	margin: 0;
	padding: 3% 7%;
}

section.copy h1{
	font-family: 'Trade Gothic LT Std Bold', arial, sans-serif;
	font-size: 32px;
	line-height: 40px;
	margin: 0 0 15px 0;
	padding: 0;
	color: rgb(23, 71, 149);
}

section.copy p{
	font-family: 'Trade Gothic LT Std', arial, sans-serif;
	font-size: 18px;
	line-height: 32px;
	margin: 5px 0 20px 0;
	padding: 0;
	color: rgb(42, 54, 58);
	text-align: justify;
}

.clear{
	clear: both;
}

section form{
	font-family: 'Source Sans Pro', sans-serif;
	margin:0 15px;
}

section form label{
	font-weight: 200;
	text-align: left;
	font-size: 20px;
	line-height: 35px;
	color: rgb(42, 54, 58);
	clear: both;
	display: block;
}

section form input[type="text"], section form input[type="tel"], section form input[type="email"], section form select{
	width: 90%;
	height: 30px;
	margin: 0 0 15px 0;
	padding: 2px 2px;
	font-size: 20px;
	color: rgb(22, 22, 22);
	line-height: 30px;
	outline: none;
	display: block;
}

section form select{
	margin-bottom: 31px;
}

section form textarea{
	width: 95%;
	height: 100px;
	clear: both;
	display: block;
	margin: 0 0 20px 0;
	font-size: 20px;
	color: rgb(22, 22, 22);
	outline: none;
}

section form input[type="submit"]{
	width: 30%;
	height: auto;
	margin: 0 auto;
	padding: 5px;
	display: block;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 200;
	background: rgb(98, 172, 157);
	border: solid 1px rgb(33, 33, 33);
	color:rgb(240,240,240);
	cursor: pointer;
}

section form input[type="submit"]:hover{
	background: rgb(139, 194, 183);
	color: rgb(33, 33, 33);
}

.error{
	background:rgb(238,177,175) !important;
	border:solid 1px rgb(160,50,46) !important;
}

.lefter{
	width: 50%;
	float: left;
}

.righter{
	width: 50%;
	float: right;
}

.prob, #msg{
	font-family: arial, sans-serif;
}

.columns{
	margin-top: 25px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 30%;
	column-width: 30%;
	padding: 0 2%;
	font-family: 'Trade Gothic LT Std', sans-serif;
	font-weight: 200;
	text-align: left justify;
	font-size: 16px;
	line-height: 35px;
	color: rgb(42, 54, 58);
}

.columns p{
	font-size: 16px !important;
	line-height: 22px !important;
	margin: 0 0 15px 0 !important;
}

section div.portfolio img{
	width: 220px;
	float: left;
	margin: 15px;
	padding: 0px;
	border: solid 2px rgb(33, 33, 33);
}

.message{
	width:100%;
	margin:0 0 10px 0;
	padding: 0;
	background:rgb(59,186,86);
	text-align:center;
	border:solid 2px rgb(51,51,51);
}

.message p{
	text-align:center !important;
	color:rgb(255,255,255) !important;
	margin:0 !important;
	padding:1% 0 !important;
	font-size: 20px !important;
}

@media screen and (max-width: 3000px){
	.splash{
		background-size: 100%;
	}
	.home{
		padding: 700px 0 0 0;
	}
}

@media screen and (max-width: 2100px){
	.splash{
		background-size: 100%;
	}
	.home{
		padding: 550px 0 0 0;
	}
}

@media screen and (max-width: 1700px){
	.splash{
		background-size: 110%;
	}
	.home{
		padding: 550px 0 0 0;
	}
}

@media screen and (max-width: 1400px){
	.home{
		padding: 500px 0 0 0;
	}
}

@media screen and (max-width: 1100px){
	.home{
		padding: 450px 0 0 0;
	}
	section div.portfolio img{
		width: 200px;
	}
}

@media screen and (max-width: 900px){
	.splash{
		background-size: 180%;
	}
	.certified{
		font-size: 20px;
	}
	.codes{
		font-size: 14px;
		padding: 0 10%;
	}
	nav ul{
		padding-top: 4px;
	}
}

@media screen and (max-width: 700px){
	.splash{
		background-size: 250%;
	}
	.home{
		padding: 500px 0 0 0;
	}
	.certified{
		font-size: 18px;
	}
	.codes{
		font-size: 12px;
		padding: 0 10%;
		line-height: 18px;
	}
	nav{
		height: 70px;
	}
	nav ul{
		padding-top: 10px;
	}
	nav ul li{
		padding: 0 2%;
		font-size: 20px;
		line-height: 20px;
		border: none;
	}
	footer{
		font-size: 12px;
	}
	section div.portfolio img{
		width: 260px;
	}
	.columns{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-width: 45%;
		column-width: 45%;
	}
}

@media screen and (max-width: 500px){
	.splash{
		background-size: 350%;
	}
	.certified{
		font-size: 16px;
	}
	footer{
		font-size: 12px;
		line-height: 18px;
	}
	section div.portfolio img{
		width: 90%;
	}
	.righter, .lefter{
		width: 105%;
		float: none;
	}
	section form input[type="submit"]{
		width: 90%;
	}
	.columns{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-width: 100%;
		column-width: 100%;
	}
	.splash-images img{
		margin: 0 5px;
	}
}

@media screen and (max-width: 400px){
	nav ul li{
		font-size: 14px;
	}
	.splash-images img{
		margin: 0;
	}
}