/* ============================
Color Index

Body Text: #9a9a9a
Background: #333333
Container: #e4e4e4
Header: #999999
Footer: #dadada

============================ */

@charset "UTF-8";

html{
    height:100%;
    width:100%;
    font-family: 'Euphoria Script', cursive;
}

body{
    height:100%;
    width:100%;
    font-family: 'Euphoria Script', cursive;
    font-size: 14px;
    color: #9a9a9a;
    background-color: #333;
}

.clear{clear:both;}

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

#wrap{
    width: 1328px;
    height: 800px;
	background-image:url(images/homeBack.png);
    margin: 0px auto;
}
#header{
    width: 1328px;
    height: 200px;
}
#logo{
    margin-left: 20px;
    margin-top: 10px;
    width: 440px;
    float: left;
}
#content{
    width: 1328px;
    height: 479px;
    margin-top: 20px;
}
#inner{
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
#footer{
    width: 1328px;
    height: 137px;
    margin: -35px auto;
	background-image:url(images/footerBack_home.png);
}
#footer_text{
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #ffdc83;
	position: absolute;
	margin-top: 105px;
	margin-left: 290px;
}
/* == HOME CTA == */
#home_CTA{
    width: 160px;
	height: 37px;
	margin-left: 170px;
	position: absolute;
	z-index: 30;
	margin-top: 23px;
}
#ResComm{
    width: 340px;
    height: 125px;
    background: url(images/ResCom_cta.png);
    background-position: 0px;
    float: left;
    cursor: pointer;
}
.hcycle{
}
.h{
  position: absolute;
  z-index: 10;
  margin-left: -20px;
  margin-top: 40px;
}
/* == FOOTER CTA == */
#footer_CTA{
    width: 320px;
	height: 134px;
	margin-right: 0px;
	float: right;
	margin-top: -25px;
}
#footercall{
    width: 320px;
    height: 134px;
    background: url(images/Applicator_cta.png);
    background-position: 0px;
    position: absolute;
    cursor: pointer;
}
/* == Navigation == */
#navigation{
    width: 840px;
	height: 25px;
	font-size: 34px;
	margin-left: 493px;
	margin-top: -151px;
	font-family: 'Euphoria Script', cursive;
	float: left;
}
#navigation a{
    color: #fff;
    text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
}
#navigation a:hover{
    color: #dadada;
}
#mauget-drop{
  width: 85px;
  background: transparent url(images/menu-bg.png);
  min-height:50px;
  position: absolute;
  margin-top: 77px;
  margin-left: 1190px;
  text-align: center;
  z-index: 99;
  display: none;
}
#mauget-drop img{
  display:block;
  margin-top:-5px;
}
#mauget-drop a{
  padding: 15px 10px;
  font-size:22px;
  color:#FFF;
  display:block;
  text-decoration:none;  
}
#mauget-drop a:hover{
  color:#F5E932; 
}
.lCol, .rCol{
  width:450px;
  float:left;
}
.lCol{
  margin-left:125px;
  margin-right:60px;
}
#HomeInner{
	float: left;
	margin-top: -70px;
	height: 525px;
}
#circle_sm{
	position: absolute;
	z-index: 20;
	margin-top: 80px;
	margin-left: 270px;
	display:none;
}
#circle_med{
	position: absolute; 
	z-index: 20; 
	margin-top: 210px; 
	margin-left: 90px;
	display:none;
}
#circle_lg{
	position: absolute; 
	z-index: 20; 
	margin-top: 0px; 
	margin-left: -20px;
	display:none;
}
/* ======================================= */
/* =============== Pop Ups =============== */
/* ======================================= */
#cover{
    position: fixed;
    width: 100%;
    height: 100%;
	background-image:url(images/cover.png);
    z-index: 100;
    display: none;
}
.pop{
    display: none;
}
.close{
    position: absolute;
	margin-top: 50px;
	margin-left: 690px;
	font-size: 18px;
	color: #969595;
	cursor: pointer;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}
.pop-content{
    margin-top: 143px;
    margin-left: 87px;
}
#ResCom_pop{
    width: 769px;
	height: 459px;
	background-image: url(images/ResCom_popup.png);
	margin-left: 300px;
	margin-top: -115px;
	position: absolute;
	z-index: 101;
}
#ResCom_left{
	position: absolute;
	margin-top: 0px;
	margin-left: 10px;
	width: 280px;
	height: 270px;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #000;
}
#ResCom_right{
	position: absolute;
	margin-top: 0px;
	margin-left: 340px;
	width: 280px;
	height: 270px;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #000;
}
.textPopUp{
	color: #000;
	font-family: 'PT Sans', sans-serif;
	width: 300px;
	font-size: 16px;
	line-height: 17px;
	margin-top: -40px;
	margin-left: 290px;
	text-align: left;
	float: left;
	font-style:italic;
}
.popFooterText{
	color: #000;
	font-family: 'PT Sans', sans-serif;
	width: 330px;
	font-size: 15px;
	line-height: 17px;
	margin-top: -60px;
	margin-left: 0px;
	float: left;
	font-style: italic;
}
#applicator_pop{
    width: 782px;
	height: 549px;
	background-image: url(images/applicator_popup.png);
	margin-left: 300px;
	margin-top: -115px;
	position: absolute;
	z-index: 101;
}
label{
	color: #000;
	font-family: 'PT Sans', sans-serif;
	width: 300px;
	font-size: 18px;
}
textarea {
    resize: none;
}
.req{
	float:right;
	margin-right:130px;
}
#submit{
	margin-top: -15px;
	margin-left: 255px;
}
#message{
	color: #000;
	font-size: 26px;
}
/* ======================================== */
/* =============== ABOUT US =============== */
/* ======================================== */
#AboutInner{
	float: left;
	margin-top: -70px;
	height: 525px;
}
#MainArea{
	width: 1170px;
	height: 454px;
	float: left;
	margin-top: 50px;
	margin-left: 115px;
}
h1{
	color: #3164a9;
	font-size: 72px;
	font-family: 'PT Sans', sans-serif;
	opacity:0.3;
	text-transform:uppercase;
	position: relative;
	margin-left: 692px;
	margin-top: -50px;
}
h2{
	color: #3164a9;
	font-size: 20px;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height:22px;
	font-style:italic;
	font-weight:bold;
	position: relative;
	z-index: 99;
}
.ptext{
	color: #060606;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	line-height:22px;
	position: relative;
	z-index: 99;
}
/* ======================================== */
/* =============== SERVICES =============== */
/* ======================================== */
#ServiceRight{
	width: 400px;
	height: 454px;
	position: absolute;
	margin-top: 3px;
	margin-left: 579px;
}
#ServiceRight li{
	color: #060606;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	line-height:22px;
}
/* ========================================== */
/* =============== CONTACT US =============== */
/* ========================================== */
#ContactForm{
	background-image:url(images/contactForm.png);
	width:729px;
	height:494px;
	position: absolute;
	margin-top: -180px;
	margin-left: 320px;
}
#submit2{
	margin-top: 21px;
	margin-left: 255px;
}
/* ======================================== */
/* ================ CC PAD ================ */
/* ======================================== */
#ccPadInner{
	float: left;
	margin-top: -70px;
	height: 525px;
}
#ccPadRight{
	width: 400px;
	height: 454px;
	position: absolute;
	margin-top: 3px;
	margin-left: 579px;
}
#ccPadRight li{
	color: #060606;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	line-height:22px;
}
#ccPadInner li{
	color: #060606;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	line-height:22px;
}