


html, body{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    margin: 0;
    background:rgba(84,187,210,.1);
    width:100%;
    color:rgba(50,50,50,1);
    min-width:580px;
}

.clearfix {
	clear:both;
}

header,
nav {
	min-width:710px;
}

article {
	min-width:510px;
}

.salmon-font,
.salmon-font-hover:hover,
article.about h2 {
	color:rgba(227,112,52,1)!important;
}

.salmon-border,
article.about h2:before,
.about .bottom:before {
	border-color:rgba(227,112,52,1)!important;
}

.salmon-bg {
	background:rgba(227,112,52,1)!important;
}

.denim-font,
.denim-font-hover:hover,
article.mission h2 {
	color:rgba(84,187,210,1)!important;
}

.denim-border,
article.mission h2:before,
.mission .bottom:before {
	border-color:rgba(84,187,210,1)!important;
}

.denim-bg {
	background:rgba(84,187,210,1)!important;
}
.teal-font,
.teal-font-hover:hover,
article.projects h2 {
	color:rgba(86,169,123,1)!important;
}

.teal-border,
article.projects h2:before,
.projects .bottom:before {
	border-color:rgba(86,169,123,1)!important;
}

.teal-bg {
	background:rgba(86,169,123,1)!important;
}
.navy-font,
.navy-font-hover:hover,
article.products h2 {
	color:rgba(75,145,200,1)!important;
}

.navy-border,
article.products h2:before,
.products .bottom:before {
	border-color:rgba(75,145,200,1)!important;
}

.navy-bg {
	background:rgba(55,125,180,1)!important;
}


.brown-bg {
	background:rgba(110,105,80,1)!important;
}

.brown-font,
.projects .bottom:before {
	color:rgba(110,105,80,1)!important;
}




.inline {
	display:inline-block;
	margin-right:.3em;
}

strong, em, b, i {

}

h3, h4, h5, h6, address {
	font-weight:400;
	font-family:'News Cycle','Allerta','Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

h1,h3{
	font-family:'cutive';
	line-height:1.5em;
	font-weight:400;
	padding-top:.5em;
}

h2 {
	font-family:'News Cycle','NewsGothicStd','NewsGothic';
	font-weight:lighter;
	font-size:2.8em!important;
	line-height:1.2em;
}

h4 {
	font-size:1.2em;
}

/* FOR ALLERTA
h1 {
	letter-spacing: -2px;
}

h2	{
	letter-spacing:-1px;
}
*/

a{
	text-decoration: none;
	color:rgba(227,111,54,1);

}

a:hover {
    color:rgba(220,210,160,1);
}


p {
	font-weight:300;
	font-size:1em;
	line-height:1.4em;
	margin-bottom:1.4em;
	font-family:'Helvetica', 'Helvetica Neue';
}


nav {
	width:100%;
	text-align: center;
	font-family:'Helvetica', 'Helvetica Neue';

}


ul.team li{
	display:inline-block;
}


header {
	background-color:rgba(130,147,164,.5)!important;
}


header {
	position:absolute;
	top:0;
	bottom:30px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	background:url(../imgs/wave.png) bottom repeat-x rgb(135,128,169);

}

/* rgb(220, 210, 160) */

header nav {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:table;
    height: 100%;
}

header nav a {
	padding-top:.5em;
	color:rgb(238,248,250);
}

header nav h1 {
	font-size:2.5em;
	color:rgba(0,0,0,.6);

	display:table-cell;
	vertical-align: middle;
}


header nav img {
	display:inline-block;
	text-align: middle;
	vertical-align: middle;
	margin:0em 0em 4em 0em;
}

a.arrow {
	border-bottom:none;
	display:inline-block;
	width:44px;
	height:43px;
	background-position:  top center;
	background-repeat: no-repeat;
	text-indent:-9999px;
	text-align:left;
	padding-top:0;
}
a.arrow:hover {
	background-position: bottom center;
}
a.arrow.down {
	position: absolute;
	left: 50%;
	bottom: -750%;
	margin-left:-20px;
	background-image:url(../imgs/downarrow.png);
}
a.arrow.right {
	background-image:url(../imgs/rightarrowwhite.png)!important;
}



section article {
	position:absolute;
	display:none;
	min-height:90%;
	top:100%;
	left:0;
	right:0;
	text-align: left;
	padding:0 90px 50px;
	background:white;
	max-width:660px;
	margin:100px auto 0 ;
	z-index:1;
}

article h1 {
}

article h2 {
	font-size:1.8em;
	margin:0 0 25px;
	padding-top:10px;
	color:rgba(220,210,160,1);

}
article h2:first-child {
	padding-top:140px;
}
article h2:first-child:before{
	display:none;
}
article h2:before{
	content:'';
	display:block;
	height:3px;
	border-left:80px solid rgba(220,210,160,1);
	width:100%;
	padding:0 10px;

	margin:40px 0 60px 0;
	position:relative;
	left:-90px;
}

article p {

}


section article.curr{
	display:block!important;
}



nav#mainNav {
	position:absolute;
	top:100%;
	font-family:'News Cycle','NewsGothicStd','NewsGothic';

	letter-spacing: 1px;
	font-size:1em;
	text-transform: uppercase;
	/*background:rgba(240,230,180,.8);*/
	margin-top:140px;
	z-index:5;

}

#mainNav.fixed {
	margin-top:0;
}

#mainNav ul {

	width:100%;
	margin:0 auto;
	max-width:848px;
	background:rgb(212, 200, 160);


}

#mainNav ul li {
	height:50px;
	display:inline-block;
	position:relative;
}

.fixed{
	position:fixed!important;
	display:block;
	z-index:5;
	height:50px;
	top:0!important;
	max-width:none!important;
	clear:both;
}
.fixed ul {

}

#mainNav a {
	color:white;
	display:inline-block;
	line-height:50px;
	padding: 0 1.5em;
}

#mainNav a:hover,
#mainNav a.curr:hover {
	background:rgba(255,255,255,.3);
}

#mainNav a.curr {
	color:rgba(212,200,160,1);
	background:rgba(255,255,255,.65)!important;
	position:relative;
	padding:0 1.5em;
	z-index:10;
}
#mainNav a.curr:hover {
	background:rgba(255,255,255,.8);
}




.description {
	float:left;
	margin:30px 0 40px;

	padding-right:20px;

}
	.description img{
		float:left;
		margin-right:20px;
		padding-bottom:40px;
	}

	.description h3,
	.description h4,
	.description p {
		padding-left:185px;
	}

	.description h3 {
		padding-top:0;
		margin:0 0 .2em;
		display:block;
		font-size:1.6em;
		font-weight:200;

	}
	.description h4 {
		font-family:'News Cycle';
		font-weight:400;
		font-size:.9em;
		margin:0 0 1.5em;
		text-transform:uppercase;
	}


.team .description h3 {
}

.mission .description img {
	width:140px;
	padding:0 1em 100px 1em;
}

.gallery {
	margin-bottom:30px;
}

.gallery li {
	width:100%;
	position:relative;
	padding:30px 0 10px;
}
.gallery li:first-child{
}

.gallery img {

	width:calc(100% + 90px);
	/* Firefox */
	width: -moz-calc(100% + 90px);
	/* WebKit */
	width: -webkit-calc(100% + 90px);
	/* Opera */
	width: -o-calc(100% + 90px);
	/* Standard */
	width: calc(100% + 90px);
	position:relative;
}

.gallery img.left {
	left:-90px;
}

.gallery .nav {
	position:absolute;
	left:-15px;
	top:50%;
}

.gallery .caption {
	margin-top:7px;
	display:block;
	color:rgba(0,0,0,.5);
	font-size:.8em;
	display:inline-block;
	font-family:'News Cycle';

}

.gallery h4 {
	margin-right:.4em;
	color:rgba(50,50,50,1);
	font-size:1em;
}

.products ul li img {
	width:140px;
	padding:0 1em;
}

article.contact {
	padding-bottom:0;
	position:absolute;
	top:100%;
	min-height:1000px;

}
.contact iframe {
	position:absolute;
	max-width:45%;
	right:0%;
	top:140px;
	bottom:140px;

}

.bottom:before {
	content:'';
	display:block;
	width:100%;
	padding:0 10px;

	margin:80px 0 60px 0;
	position:relative;
	left:-90px;
}

.bottom {
	display:block;
	width:100%;
	padding:0 90px 90px;
	position:relative;
	left:-90px;
	height:40px;
	color:white;

}
.bottom li {
	display:inline-block;
	font-family:'cutive';
	text-align:right;
	width:100%;
	position:relative;
	right:-60px;
}

.bottom li h3 {
	font-size:1.6em;
	line-height:normal;
	display:inline-block;
	padding-top:20px;
	position:relative;
	top:20px;
}




