/* === RESET === */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }



/* === MAIN === */
html { overflow-y: scroll; }
body { min-height: 100%; min-width: 960px; width: 960px; margin: 0 auto; font-size: 14px; font-family: Helvetica, Arial, serif; line-height: 1.4; background: #fff; color: #292929; display: block; }
.wrapper { width: 960px; margin: 0 auto; clear: both; }
/* === MAIN === */



/* === TYPE === */
/* --- HEADINGS --- */
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 32px; margin-bottom: 0.75em; line-height: 1.5; }
h2 { font-size: 24px; margin-bottom: 1em; line-height: 1; }
h3 { font-size: 20px; margin-bottom: 1.2em; line-height: 1.2; }
h4 { font-size: 18px; margin-bottom: 1.333em; line-height: 1.333; }
h5, h6 { font-size: 16px; margin-bottom: 1.5em; line-height: 1.5; }

/* --- PARAGRAPHS --- */
p, address { margin-bottom: 1.5em; }

/* --- LINKS --- */
a { text-decoration: none; color: #444; }
a:visited { opacity: 0.8; }
a:hover { color: #457ca1; opacity: 1; }
a:active, a: focus { position: relative; top: 1px; }

/* --- LISTS --- */
ul, ol { margin: 0 0 1.5em 60px; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 0 60px; }

dl { margin-bottom: 1.5em; }
dt { font-weight: bold; }
dd { margin-left: 60px; }

/* --- QUOTES --- */
blockquote { border-left: 8px solid #f8f8f8; padding: 0 70px 0 30px; margin: 40px 0; }
blockquote p { color: #292929; font-style: italic; font-size: 23px; text-indent: -11px; line-height: 1.4; margin-bottom: 10px; }
blockquote cite { display: inline-block; text-indent: 0; color: #75726e; font-size: 13px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
blockquote a { color: #78b113; }

/* --- GENERAL --- */
q, i, em { font-style: italic; font-weight: inherit; }
b, strong { font-weight: bold; font-style: inherit; }
mark { background: #ffc; }
s, del { text-decoration: line-through; }
small { font-size: 12px; line-height: 1; }
/* === TYPE === */



/* === IMAGES, FLASH, VIDEO === */
img.left { margin: 0 20px 0 0; }
img.right { margin: 0 0 0 20px; }

object, embed, video { max-width: 100%; height: auto; }
.icon { display: inline-block; margin-left: 5px; position: relative; top: 1px; }
/* === IMAGES, FLASH, VIDEO === */



/* === FORMS === */
.form_row { margin-bottom: 15px; }
fieldset { padding: 10px; border: 1px solid #ccc; margin-bottom: 1.5em; }
label { display: block; cursor: pointer; line-height: 1.2; }
input, textarea { font-family: inherit; font-size: 16px; }
    input.text, textarea {
        padding: 7px;
        font-size: 16px;
        font-family: Helvetica, Arial, serif; font-style: italic;
        border: 1px solid #c8c8c8;
        background: #fff;
    }
    input.text:focus, textarea:focus { background: #fff; outline: 1px solid #add26b; }

[placeholder] { cursor: pointer; color: #9c9c9c; }
[placeholder]:active, [placeholder]:focus { cursor: text; }
.check-list { width: 100%; overflow: hidden; list-style: none; margin: 0 0 1.5em 0; }
.check-list li { width: 25%; float: left; }
.check-label { display: inline; }
.check-label:after { content: normal; }
.check-label::after { content: normal; }
fieldset > :last-child { margin: 0; }
.red, .error { color: red; }
input.error, input.error:focus { background: #FBEEF3; color: #000; }
input.button { border: none; }
/* === FORMS === */



/* === TABLES === */
table { margin-bottom: 1.5em; width: 100%; max-width: 100%; }
th:empty { border: none; }
th, td { vertical-align: top; padding: 0.75em; border: 1px solid #ccc; }
th { font-weight: bold; text-align: center; }
table [colspan] { text-align: center; }
table [rowspan] { vertical-align: middle; }
tbody tr:nth-of-type(odd) { background: rgba(0,0,0,0.05); }
tfoot { text-align: center; }
tfoot td { border-top-width: 2px; }
/* === TABLES === */


/* === MISC === */
hr { margin: 1.5em 0; background: #ccc; height: 4px; border: none; }
.accessibility { position: absolute; left: -99999px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/* === MISC === */



/* === GRIDS === */
.line:before, .line:after { content: ""; display: table; }
.line:after { clear: both; }
.line { *zoom: 1; }
.unit { float: left; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }
.col1of2 { width: 46%; margin-right: 3%; }
.col2of2 { width: 46%; }
.collast { margin: 0; }
.lastUnit { float: none; display: block; display: table-cell; width: 9999em; *width: auto; *zoom: 1; _position: relative; _left: -3px; _margin-right: -3px; }
/* === GRIDS === */

/*Expandable Lists*/

.row {vertical-align: top; height:auto !important;}
.list {display:none;}
.list ul {list-style-type:none; margin-left: 35px;}
.show {display:none;}
.hide:target + .show {display:inline;}
.hide:target {display:none;}
.hide:target ~ .list {display:inline;}
@media print {.hide, .show {display:none;}}

/*background*/
html, body {
	background-image: url(../img/wavecut.png);
}


/*header*/


#headercontainer {
	display: block;
	position: relative;
	height: 100px;
	width: 1000px;
	top: 0px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: rgb(243,243,243);
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
}

#outboundlogo {
	position: absolute;
	left: 100px;
	width: 225px;
	height: 100px;
	background-image: url(../img/logo.png);
}

#navigation {
	position: absolute;
	left: 310px;
	list-style-type: none;
	font-size: 14px;
	font-family: 'GothamHTFBookRegular';
	letter-spacing: 2px;
	background-color: hsl(0, 0%, 97%);
	padding-left: 40px;
	padding-right: 40px;
}

#navigation li {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 41px;
	padding-bottom: 40px;
	text-align: center;
	margin: 0 0 0 0;
	background-image: none;
}

#navigation li a {
	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	color: black;
	position: relative;
	bottom: 0px;
}

#navigation li a:hover {
	color: #457ca1;
	bottom: 2px;
}



/*homepageimage*/

#homepageimage {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 960px;
	width: 100%;
	height: 438px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	background: url(../img/homepageimage.jpg) center;
	background-size: cover;
}

#comingsoonimage {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 1000px;
	width: 100%;
	height: 600px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	background: url(../img/comingsoon.png) center;
	background-size: cover;
}

#productspageimage {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 1000px;
	width: 100%;
	height: 600px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	background: url(../img/productspageimage.png) center;
	background-size: cover;
}

/*main*/
#wrapper {
	display: block;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#main {
	position: relative;
	width: 1000px;
	height: 1559px;
	background-color: rgb(243, 243, 243);
	margin: 0 auto;
	display: block;
	top: 300px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	z-index: 4;
}

#main-services {
	position: relative;
	width: 1000px;
	height: 2720px;
	background-color: rgb(243, 243, 243);
	margin: 0 auto;
	display: block;
	top: 300px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	z-index: 4;
}

#comingsoonmain {
	position: relative;
	width: 960px;
	height: 150px;
	background-color: rgb(243, 243, 243);
	margin: 0 auto;
	top: 425px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
}

#contactmain {
	position: relative;
	width: 960px;
	height: 1040px;
	background-color: rgb(243, 243, 243);
	margin: 0 auto;
	top: 425px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
}

#peacemain {
	position: relative;
	width: 1000px;
	height: 1000px;
	background-color: rgb(243, 243, 243);
	margin: 0 auto;
	display: block;
	top: 300px;
	border-bottom: 1px solid #ffffff;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	z-index: 4;
}

#highlight {
	position: absolute;
	width: 293px;
	height: 1555px;
	background-color: white;
}

#highlight-services {
	position: absolute;
	width: 293px;
	height: 2720px;
	background-color: white;
}

#blueline {
	position: absolute;
	height: 5px;
	width: 1000px;
	background-color: #457ca1;
}

#brownline {
	margin-bottom: 20px;
	height: 5px;
	width: 960px;
	background-color: #863510;
}

.h2 {
	font-family: 'GothamHTFBookRegular';
	font-size: 14px;
	letter-spacing: 3px;
	text-align: center;
}

.h3 {
	font-family: 'GothamHTFBookRegular';
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
}

#missionheader {
	position: absolute;
	top: 32px;
	width: 293px;
}

#separatorline {
	height: 1px;
	width: 215px;
	background-color: black;
	position: relative;
	top: 74px;
	margin: 0 auto;
}

#separatorline-services {
	height: 1px;
	width: 325px;
	background-color: black;
	position: relative;
	top: -12px;
	margin: 0 auto;
}

.service-ol {
	font-family: 'GothamHTFBookRegular';
	font-size: 13px;
	letter-spacing: 0;
	text-align: left;
	line-height: 28px;
	list-style-type:disc;
}

.paragraph {
	font-family: 'GothamHTFBookRegular';
	font-size: 13px;
	line-height: 28px;
}

#missionstatement {
	position: absolute;
	padding-left: 30px;
	padding-right: 30px;
	top: 105px;
	width: 233px;
	margin: 0 auto;
}

#listheader {
	position: absolute;
	width: 293px;
	top: 290px;
	line-height: 23px;
}

#list {
	list-style-type: none;
	position: absolute;
	width: 220px;
	margin: 0 0 0 0;
	padding-left: 30px;
	padding-right: 30px;
	top: 365px;
	line-height: 23px;
}

#list-services {
	list-style-type: none;
	position: absolute;
	width: 220px;
	margin: 0 0 0 0;
	padding-left: 30px;
	padding-right: 30px;
	top: 100px;
	line-height: 40px;
}

#list a.bold {
	font-family: "GothamHTFBold";
	font-weight:bold;
}


.fulllist {
	opacity: .5;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
}

.fulllist:hover {
	opacity: 1;
}




/*main content*/
#content {
	width: 707px;
	height: 1750px;
	position: absolute;
	left: 293px;
	top: 5px;
}

#contactcontent {
	width: 1000px;
	height: 1750px;
	position: absolute;
	top: 5px;
	background-color: white;
}

#peacecontent {
	width: 1000px;
	height: 1000px;
	position: absolute;
	top: 5px;
	background-color: white;
}

#videocontainer {
	position: absolute;
	top: 69px;
}

.h1 {
	font-family: 'GothamHTFBookRegular';
	font-size: 16px;
	letter-spacing: 3px;
	text-align: center;
}

.whyreason {

		font-family: 'GothamHTFBookRegular';
		font-size: 16px;
		letter-spacing: 2px;
		margin-left: 25px;
		line-height: 28px;
		-webkit-font-smoothing: antialiased;
		text-transform: uppercase;
		
}

.bodytext {

		font-family: 'GothamHTFBookRegular';
		font-size: 13px;
		letter-spacing: 0;
		text-align: left;
		line-height: 28px;
		margin-top: -18px;
		width: 657px;
		padding-right: 25px;
		padding-left: 26px;
		
}

#videoheader {
	position: absolute;
	top: 26px;
	width: 707px;
	text-align: center;
}

#servicesheader {
	top: 26px;
	width: 707px;
	margin: 30px 0;
	text-align: center;
}

#whyoutbound {
	position: absolute;
	left: 0px;
	top: 497px;
}

#latestprojects {
	position: absolute;
	top: 540px;
	height: 680px;
	width: 680px;
	background-color: hsl(0, 0%, 97%);
}

#project {
	position: relative;
	background-color: white;
	width: 640px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.projectimage {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 200px;
}

.projecttitle {
	position: absolute;
	left: 226px;
	font-family: 'GothamHTFBold';
	font-size: 14px;
	letter-spacing: 3px;
	top:20px;
}

.projectsubtitle {
	position: absolute;
	left: 242px;
	font-family: 'GothamHTFBold';
	font-size: 10px;
	letter-spacing: 2px;
	top: 45px;
}

.locationmarker {
	position: absolute;
	width: 9px;
	height: 15px;
	left: 226px;
	top: 45px;
}

#projectparagraph {
	position: absolute;
	left: 226px;
	top: 80px;
	width: 408px;
	line-height: 20px;
}

#projecttags {
	position: absolute;
	color: #457ca1;
	left: 226px;
	letter-spacing: 3px;
	top: 170px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	word-spacing: 5px;
	font-family: 'GothamHTFBold';
	font-size: 12px;
}

#projecttags a {
	color: rgba(69, 123, 160, 0.82);
	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
}

#projecttags a:hover {
	color: #456ca1;

}

#quotebutton {
	position: absolute;
	width: 217px;
	height: 54px;
	background-image: url(../img/quotebutton.png);
	top: 1151px;
	left: 30px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
}

#quotebutton_glow {
	position: absolute;
	width: 217px;
	height: 54px;
	background-image: url(../img/quotebutton_glow.png);
	top: 1151px;
	left: 30px;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
}

#quotebutton_glow:hover {
	opacity: 1;
}

#quotebutton_glow:active {
	background-image: url(../img/quotebutton_click.png);
}

#featuredproducts {
	position: absolute;
	top: 1255px;
	width: 960px;
	height: 275px;
	background-color: hsl(0, 0%, 98%);
}


#testimonials {
	position: absolute;
	width: 960px;
	height: 318px;
	top: 1225px;
	background-color: white;
}

#outboundtrim {
	position: absolute;
	left: 30px;
	top: 20px;
	width: 909px;
	height: 8px;
	background-image: url(../img/outboundtrim.png);
}

#oceantrim {
	position: absolute;
	width: 900px;
	height: 51px;
	left: 30px;
	background-image: url(../img/oceantrim.png);
	top: 267px;
}

.subline {
	position: absolute;
	top: 75px;
	left: 30px;
	letter-spacing: 1pt;
	font: 12px "GothamHTFBookRegular";
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 2px;
}

.mainline {
	position: absolute;
	top: 70px;
	font: 24px "GothamHTFBookRegular";
	letter-spacing: 2.5pt;
	left: 125px;
}

#testimonialslist {
	position: absolute;
	top: 150px;
	left: -30px;
	list-style-type: none;
	font: 12px "GothamHTFMediumRegular";
}

#testimonialslist li {
	color: #909090;
	margin-bottom: 15px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	
}

#testimonialslist li:hover {
	color: black;
	margin-bottom: 15px;
}

#featuredproducts {
	position: absolute;
	width: 960px;
	height: 348px;
	top: 1543px;
	background-color: #f7f7f7;
}

.mainproducts {
	position: absolute;
	top: 40px;
	font: 24px "GothamHTFBookRegular";
	letter-spacing: 2.5pt;
	left: 30px;
}

.mainsubline {
	position: absolute;
	top: 95px;
	font:10pt "GothamHTFBookRegular";
	left: 30px;
	color: #1d1d1d;
}

.fp1, .fp2, .fp3 {
	opacity: .7;
	position: absolute;
	top: 180px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
}

.fp1:hover, .fp2:hover, .fp3:hover {
	opacity: 1;
}

.fp1 {
	left: 30px;
}

.fp2 {
	left: 337px;
}

.fp3 {
	left: 644px;
}

.f1, .f2, .f3 {
	position: absolute;
	top: 150px;
	font:10pt "GothamHTFMediumRegular";
}

.f1 {
	left: 30px;
}

.f2 {
	left: 337px;
}

.f3 {
	left: 644px;
}

footer {
	width: 1000px;
	height: 320px;
	background-color: white;
	position: absolute;
	top: 1890px;
}

#contactheader {
	position: absolute;
	left: 30px;
	top: 40px;
	font-size: 18px;
	color: #457ca1;
}

#contactinformation {
	position: absolute;
	left: 30px;
	font-family: 'GothamHTFBookRegular';
	font-size: 14px;
	top: 90px;
	line-height: 25px;
}

#locationheader {
	position: absolute;
	left: 350px;
	color: #457ca1;
	top: 40px;
}

#contactmap {
	opacity: .7;
	position: absolute;
	left: 350px;
	width: 580px;
	height: 185px;
	background-image: url(../img/map.png);
	top: 90px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
}

#contactmap:hover {
	opacity: 1;
}

#closing {
	position: absolute;
	top: 2190px;
	margin-bottom: 40px;
	height: 40px;
	width: 960px;
	background-color: #457ca1;
}

#copyright {
	position: absolute;
	top: 13px;
	left: 30px;
	font-family: 'GothamHTFBookRegular';
	color: white;
	font-size: 12px;
	letter-spacing: 3px;
}

#margin {
	position: absolute;
	height: 20px;
	width: 960px;
	top: 2220px;
}




#productsheader {
	position: absolute;
	left: 30px;
	top: 32px;
}

.productsgrid {
	position: absolute;
	width: 960px;
	height: 240px;
	background-color: hsl(0, 0%, 97%);
	overflow-x: hidden;
}

#productstop {
	position: absolute;
	top: 74px;
}

.productimage {
	position: absolute;
	top: 20px;
	width: 298px;
	height: 150px;
}

#productimage1 {
	background-image: url(../img/product1.png);
}

#productimage2 {
	background-image: url(../img/product2.png);
}

#productimage3 {
	background-image: url(../img/product3.png);
}

#product1 {
	position: absolute;
	left: 30px;
}

#product2 {
	position: absolute;
	left: 348px;
}

#product3 {
	position: absolute;
	left: 666px;
}

.producttitle {
	position: absolute;
	font-family: 'GothamHTFBookRegular';
	font-size: 16px;
	letter-spacing: 1px;
	top: 190px;
	width: 300px;
}

#producthighlight {
	position: absolute;
	width: 960px;
	height: 354px;
	background-color: black;
	top: 315px;
}

#producthighlightimage {
	position: absolute;
	width: 646px;
	height: 354px;
	background-image: url(../img/producthighlight.png);
}

#producthighlightheader {
	position: absolute;
	color: white;
	top: 40px;
	left: 666px;
	font-size: 18px;
	font-family: 'GothamHTFBold';
}

#producthighlighttext {
	position: absolute;
	color: white;
	left: 666px;
	font-family: "Gotham HTF";
	top: 90px;
	font-size: 12px;
	line-height: 24px;
	width: 280px;
}

#productsmiddle {
	position: absolute;
	top: 700px;
}

#productimage4 {
	background-image: url(../img/product4.png);
}

#productimage5 {
	background-image: url(../img/product5.png);
}

#productimage6 {
	background-image: url(../img/product6.png);
}

#productsbottom {
	position: absolute;
	top: 930px;
}

#productimage7 {
	background-image: url(../img/product7.png);
}

#productimage8 {
	background-image: url(../img/featuredproduct3.png);
}

#productimage9 {
	background-image: url(../img/product9.png);
}

#productsfooter {
	position: absolute;
	top: 1165px!important;
}

.productspage {
	position: absolute;
	top: 1485px!important;
}

.productspagemargin {
	position: absolute;
	top: 1560px!important;
}

#ourcrewphoto {
	position: absolute;
	top: 74px;
	width: 606px;
	height: 323px;
	margin-left: 354px;
	background-image: url(../img/ourcrew.png);
}

#ourcrewtitle {
	position: absolute;
	padding-left: 30px;
	top: 74px;
	padding-top: 40px;
	text-align: left;
	background-color: white;
	width: 324px;
	padding-bottom: 265px;
	font-weight: 300;
	color: #457ca1;
	font-size: 18px;
}

#ourcrewsubtitle {
	position: absolute;
	top: 140px;
	font-family: 'GothamHTFBookRegular';
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 300;
	left: 30px;
}

#ourcrewtext {
	position: absolute;
	top: 390px;
	width: 960px;
	height: 500px;
	background-color: hsl(0, 0%, 97%);
}

#crewtext {
	position: absolute;
	top: 40px;
	font-family: 'GothamHTFBookRegular';
	font-size: 14px;
	line-height: 25px;
	width: 900px;
	left: 30px;
}

#ourcrewfacts {
	position: absolute;
	left: 30px;
	font-family: 'GothamHTFBookRegular';
	top: 305px;
	width: 300px;
	color: #457ca1;
	line-height: 24px;
}

#contactfooter {
	position: absolute;
	top: 690px!important;
}

.contactpage {
	position: absolute;
	top: 1010px!important;
}

.contactpagemargin {
	position: absolute;
	top: 1070px!important;
}

#address {
	width: 273px;
	padding-right: 20px;
}

#newfooter {
	height: 200px;
	position: absolute;
	width: 1000px;
	background-color: white;
	top: 1555px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	z-index: 2;
}

#servicesfooter {
	height: 200px;
	position: absolute;
	width: 1000px;
	background-color: white;
	top: 3100px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	z-index: 2;
}


#newcomingsoonfooter {
	height: 200px;
	position: absolute;
	width: 1000px;
	background-color: white;
	top: 5px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	z-index: 2;
}

.contactname {
	text-align: right;
	font-size: 13px;
	font-family: "GothamHTFMediumRegular";
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 50px;
}

#right {
	position: ;
	width: 707px;
	margin-left: 293px;
	margin-top: -116px;
}

.contactus {
	text-align: left;
	font-size: 13px;
	font-family: "GothamHTFMediumRegular";
	letter-spacing: 1px;
	padding-left: 20px;
}

.contactaddress {
	font-size: 11px;
	font-family: "GothamHTFBookRegular";
	letter-spacing: 1px;
	line-height: 18px;
	text-align: right;
}

#blackline {
	position: absolute;
	height: 92px;
	width: 1px;
	background-color: black;
	top: 54px;
	left: 293px;
	
}

#social img {
	margin-left: 20px;
}

#abyc 
{
	margin-top: -70px;
	margin-left: 300px;
	opacity: .9;
}

#footerfooter {
	position: absolute;
	height: 100px;
	top: 2282px;
	width: 1000px;
	background-color: rgb(20,20,20);
	position: absolute;
	left: 0px;
	min-width: 1000px;
	width: 100%;
}

#footerfooter-services {
	position: absolute;
	height: 100px;
	top: 3420px;
	width: 1000px;
	background-color: rgb(20,20,20);
	position: absolute;
	left: 0px;
	min-width: 1000px;
	width: 100%;
}

#comingsoonfooterfooter {
	position: absolute;
	height: 100px;
	top: 730px;
	width: 2000px;
	min-width: 1000px;
	background-color: rgb(20,20,20);
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 6;
}

#footercontainer {
	width: 1000px;
	margin: 35px auto 0;
}


#footercontainer p {
	font-family: "GothamHTFBookRegular";
	font-size: 15px;
	letter-spacing: 1px;
	color: white;
	opacity: .4;
	width: 1000px;
	text-align: center;
}

#footercontainer a {
	color: white;
}

#footercontainer a:hover {
	color: grey;
}


.contactheader {
	width: 1000px;
	text-align: center;
	font-family: "GothamHTFBookRegular";
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 22px;
}

.crewnames {
	font-family: "GothamHTFBookRegular";
	font-size: 18px;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	margin-top: 58px;
	margin-left: 49px;
	padding: 0;
	color: rgb(93, 114, 134);
}

.crewexperience {
	font-family: "GothamHTFBookRegular";
	font-size: 12px;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	margin-left: 49px;
	margin-top: -16px;
}

.crewinfo {
	font-family: "GothamHTFBookRegular";
	font-size: 13px;
	letter-spacing: 0px;
	margin-left: 49px;
	margin-top: 40px;
	line-height: 28px;
	width: 902px;
	
}

.corevalues {
	font: italic 28px "Adobe Garamond Pro", Georgia, "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	margin-left: 49px;
	margin-top: 50px;
	margin-bottom: 0px;
}

.cores {
	font-family: "GothamHTFBold";
	font-size: 13px;
	line-height: 36px;
	text-transform: uppercase;
	margin-left: 49px;
	margin-top: 30px;
	-webkit-font-smoothing: antialiased;
}

.values {
	font-family: "GothamHTFBookRegular";
	font-size: 13px;
	line-height: 36px;
	margin-left: 190px;
	margin-top: -343px;
	width: 780px;
}

.peaceofmindquote {
	position: absolute;
	font: italic 30px Georgia, "Times New Roman", Times, serif;
	color: white;
	top: 150px;
	-webkit-font-smoothing: antialiased;
	width: 890px;
	padding-left: 75px;
	text-align: center;
	line-height: 45px;
}

#peacenewfooter {
	height: 200px;
	position: absolute;
	width: 1000px;
	background-color: white;
	top: 905px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
	}

#peacefooterfooter {
	position: absolute;
	height: 100px;
	top: 1600px;
	width: 1000px;
	background-color: rgb(20,20,20);
	position: absolute;
	left: 0px;
	min-width: 1000px;
	width: 100%;
	z-index: 5;
}


/*FONTS*/
@font-face {
    font-family: 'GothamHTFBookRegular';
    src: url('gothamhtf-book-webfont.eot');
    src: url('gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamhtf-book-webfont.woff') format('woff'),
         url('gothamhtf-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'GothamHTFBold';
    src: url('gothamhtf-bold-webfont.eot');
    src: url('gothamhtf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamhtf-bold-webfont.woff') format('woff'),
         url('gothamhtf-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'GothamHTFMediumRegular';
    src: url('gothamhtf-medium-webfont.eot');
    src: url('gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamhtf-medium-webfont.woff') format('woff'),
         url('gothamhtf-medium-webfont.ttf') format('truetype'),
         url('gothamhtf-medium-webfont.svg#GothamHTFMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}