@charset "UTF-8";

html{
    height:100%;
    width:100%;
    font-family: 'PT Sans', sans-serif;
}

body{
    height:100%;
    width:100%;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #9a9a9a;
    background-color: #000;
}

.clear{clear:both;}

.narrow{
    font-family: 'PT Sans Narrow', sans-serif;
}

#wrap{
    width: 1200px;
    height: 100%;
    margin: 0px auto;
}
#header{
    width: 1200px;
    height: 300px;
    background-image: url(../images/headerBack.png);
    background-repeat: no-repeat;
}
#logo{
    width: 348px;
    position: absolute;
    z-index: 100;
}
#content{
    width: 1200px;
    height: auto;
}

#footer{
    width: 1200px;
    height: 70px;
    margin: -35px auto;
    background-image: url(../images/footerBack.png);
    background-repeat: no-repeat;
}
#footer p{
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		width: 1200px;
		text-align: center;
		float: left;
    margin-top: 28px;
}
.tel{
	  font-size: 20px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
}

/* == Social Media Icons == */
#cta{
    width: 604px;
    height: 83px;
    margin-left: 477px;
    position: relative;
		z-index: 101;
}
#call1{
    width: 313px;
    height: 83px;
    background: url(../images/cta.png);
    background-position: 0px;
    float: left;
    cursor: pointer;
}
#call2{
    width: 290px;
    height: 83px;
    background: url(../images/cta.png);
    background-position: -312px;
    float: left;
    cursor: pointer;
}

/* == Navigation == */
#navigation{
	  background-image: url(../images/navBack.png);
		width: 899px;
		height: 50px;
		font-size: 16px;
		padding-left: 0px;
		padding-top: 0px;
		margin-top: 52px;
		margin-left: 300px;
		position: relative;
		font-family: 'Electrolize', sans-serif;
}
#navigation a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
#navigation a:hover{
    color: #dadada;
}
#link1{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 30px;
}
#link2{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 108px;
}
#link3{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 215px;
}
#link4{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 316px;
}
#link5{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 408px;
}
#link6{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 542px;
}
#link7{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 636px;
}
#link8{
	position: absolute;
	z-index: 101;
	margin-top: 18px;
	margin-left: 772px;
}
/* ======================================= */
/* =============== Pop Ups =============== */
/* ======================================= */
#cover{
    position: fixed;
    width: 100%;
    height: 100%;
	background-image:url(../images/cover.png);
    z-index: 102;
    display: none;
}

.close{
  position: absolute;
	margin-top: 48px;
  margin-left: 678px;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
	font-family: 'PT Sans', sans-serif;
}
.pop-content{
    margin-top: 143px;
    margin-left: 87px;
}
#RFQ_pop{
  	width: 821px;
	height: 517px;
	background-image: url(../images/RFQ_pop.png);
	margin-left: 180px;
	margin-top: 15px;
	position: absolute;
	z-index: 105;
}
#question_pop{
  width: 821px;
	height: 517px;
	background-image: url(../images/questions_pop.png);
	margin-left: 180px;
	margin-top: 15px;
	position: absolute;
	z-index: 105;
}
label{
	color: #e1e1e1;
	font-family: 'PT Sans', sans-serif;
	width: 100px;
	font-size: 18px;
	margin-left:-5px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:27px;
}
.pText{
	color: #fff;
	font-size: 19px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
}
h3{
	color: #d3ae4a;
	font-size: 22px;
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	line-height: 22px;
}

textarea {
    resize: none;
}
#submit{
	margin-top: -4px;
  margin-left: 50px;
	border: none;
	background-color:transparent;
}
#submit2{
	margin-top: -4px;
  margin-left: 50px;
	border: none;
	background-color:transparent;
}
/* ============== INNER PAGES ===============*/
#aboutInner{
	background-image: url(../images/aboutBack.png);
	width: 1200px;
	height: 1304px;
	margin-top: 64px;
}
h1{
	font-family: 'Oswald', sans-serif;
	color: #3583c6;
	font-size: 40px;
	float: left;
	margin-left: 881px;
  margin-top: 40px;
  text-transform: uppercase;
}
.textLeft{
	float:left;
	width: 590px;
	height: 550px;
	margin-left: 140px;
}
.textLeft p{
	color: #fff;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	position: relative;
	z-index: 99;
}
.textLeft li{
	color: #fff;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	position: relative;
	z-index: 99;
}
.imageRight{
	float:left;
	width: 450px;
	height: 550px;
}
.imageLeft{
	float:left;
	width: 450px;
	height: 550px;
	margin-top: 50px;
}
.textRight{
	float:left;
	width: 590px;
	height: 550px;
	margin-top: 50px;
}
.textRight p{
	color: #fff;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	position: relative;
	z-index: 99;
}
.textRight li{
	color: #fff;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	position: relative;
	z-index: 99;
}
h2{
	color: #d3ae4a;
	font-size: 20px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
}
.textFull{
	float: left;
	width: 969px;
	height: 590px;
	margin-top: 50px;
	overflow-y: auto;
}
.textFull p{
	color: #fff;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	position: relative;
	z-index: 99;
}
.textFull li{
	color: #fff;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	position: relative;
	z-index: 99;
}
#contactInner{
	background-image: url(../images/contactInner.png);
	width: 1200px;
	height: 1482px;
	margin-top: 64px;
}

#scInner{
	background-image: url(../images/scBack.png);
	width: 1200px;
	height: 1719px;
	margin-top: 64px;
}
#listsc1{
	float: left;
	width: 270px;
	height: 270px;
}
#listsc2{
	float: left;
	width: 240px;
	height: 180px;
	margin-left: 40px;
}
#contactLeft{
	float: left;
	width: 470px;
	height: 180px;
	margin-left: 143px;
}
#contactRight{
	float: left;
	width: 360px;
	height: 180px;
	margin-left: 40px;
}

#callInner{
	background-image: url(../images/contactBack.png);
	width: 1200px;
	height: 616px;
	margin-top: 64px;
}