@charset "UTF-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}

body{
	
	background-color:#ffffff;
	background-image:url(../images/bg.jpg);
	color:#58574e;
	font-family:Arial, sans-serif;
	margin:0;
	padding:0;
}


h1{
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 25px;
	margin-bottom:10px;
	letter-spacing: -0.25px;
	font-weight: 400;
	color:#FFFFFF;
	
}

.bodyHeader{
	color:#58574e;
	
}

h2{
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 23px;
	line-height: 30px;
	letter-spacing: -0.25px;
	font-weight: 400;
	color:#727272;
}

p {
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
	margin-bottom:10px;
	letter-spacing: -0.25px;
	font-weight: 400;
}

a {
	text-decoration:none;
	color:inherit;
}

.bodyText{
	font-size: 22px;
	
}
ul{
	list-style:none
}



li{
	
	list-style:none
	
}


.navBox{
	
	float:right; 
	width:485px; 
	height:50px; 
	position:static;
	background-image:url(../images/navBox.png);
	background-position:bottom center;
}

.navText{
	
	color: #4C7636;
    float: left;
    font-size: 20px;
    margin: 5px 0 0 60px;
	
}

.navText:hover{
	
	color: #8fc74e;
	
}

.headerWrap{
	clear:both;
	width:100%;
	background-image:url(../images/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.headerWrapInternal{
	clear:both;
	width:100%;
	background-image:url(../images/headerInternal.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


.headerHolder{
	clear:both;
	width:970px;
	margin:0 auto;
	height:510px;
}

.headerHolderInternal{
	clear:both;
	width:970px;
	margin:0 auto;
	height:320px;
}

.headerText{
	 width:480px;
	 padding-left:10px;
	 margin-top:55px;
	 margin-bottom:90px;
	 text-align:center;
}

#devices{
	
	width:485px;
	float:right;
	
}

#device1{
	display:none;
}

#device2{
	display:none;
}

#device3{
	display:none;
}


.buttonText{
	font-size: 20px;
	color:#ffffff;
	margin-top:10px;
	text-shadow: 1px 1px 1px #000;
	
}
.submitButton{
	background-image:url(../images/butGreen.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:55px;
	width:225px;
	float:right;
	text-align:center;
	font-size: 20px;
	color:#ffffff;
	margin:10px -10px 40px 0;
	text-shadow: 1px 1px 1px #000;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	letter-spacing: -0.25px;
	font-weight: 400;
	border:none;

}
.buttonBlue{
	
	background-image:url(../images/butBlue.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:55px;
	width:225px;
	margin-left:15px;
	float:left;
	text-align:center;
	
}

.buttonGreen{
	
	background-image:url(../images/butGreen.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:55px;
	width:225px;
	margin-left:15px;
	float:left;
	text-align:center;
}

.buttonBlue:hover{
	
	background-image:url(../images/butBlueOver.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:55px;
	width:225px;
	margin-left:15px;
	float:left;
	text-align:center;
	
}

.buttonGreen:hover{
	
	background-image:url(../images/butGreenOver.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:55px;
	width:225px;
	margin-left:15px;
	float:left;
	text-align:center;
}


.navWrap{
	clear:both;
	width:100%;
	background-image:url(../images/navBackground.jpg);
	background-position:center top;
	
}

.navWrapInternal{
	clear:both;
	width:100%;
	background-image:url(../images/navBackgroundInternal.jpg);
	background-position:center top;
	
}


.navHolder{
	clear:both;
	width:970px;
	margin:0 auto;
	height:80px;
}

.internalTitle{
	padding-top:25px;
	text-shadow: 2px 2px 2px #000;
	text-align:center;
	font-size:36px;	
}



ul.tabs li.active {
	background-image:url(../images/navArrow.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:80px;
}

.tabs li{
	width:242.5px;
	float:left;
	text-align:center;
	height:80px;
}

.tabs li h1{
	margin-top:26px;
	text-shadow: 2px 2px 2px #000;
}

.tabs a{
	text-decoration:none;
}


.bodyWrap{
	clear:both;
	width:100%;
}


.bodyHolder{
	clear:both;
	width:970px;
	margin:0 auto;
	height:280px;
}

#bodySection{
	
}


.boxes{
	
	background-image:url(../images/boxes.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:177px;
	margin: 0 20px 0 20px;
	
}



.sectionTitle{
	
	width:100%;
	text-align:center;
	clear:both;
	height:60px;
}

.sectionTitle h1{
	
	color:#727272;
	font-size:35px;
	margin-top:40px;

}


.sectionInfo{
	float:left;
	width:25%;
	text-align:center;
	padding-top:20px;
	
}

.sectionText p{
	padding-left:30px;
	padding-right:30px;
	
}


.formSection{
	clear:both;
	height:50px;
	margin-bottom:20px;	
}

.inputForm{
	height:40px;
	width:100%;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: -0.25px;
	font-weight: 400;
	
	border:thick;
	border-style:solid;
	border-color:#dddddd;
	padding-left:10px;
}

										
										
.footerWrap{
	clear:both;
	width:100%;
	background-image:url(../images/footerBG.jpg);
}

.footerShadow{
	background-image:url(../images/footerShadow.png);
	background-position:top center;
	background-repeat:no-repeat;
	clear:both;
	height:10px;
}


.footerHolder{
	clear:both;
	width:970px;
	margin:0 auto;
	height:280px;
	padding-top:50px;
	
}									


.anchor{
	clear:both;
}