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

body{
	margin:0px;
}

/* ----------------------------------------- STICKY NAVIGATION */

#sticky_navigation_wrapper { 
	width:100%;
	margin:0 auto; 
}

#sticky_navigation { 
	width:100%; 
 	background-image:url(images/navback.png);
	background-repeat:repeat;
	padding:10px 0px 7px 0px; 
	z-index:10;
}

.demo_container { 
	max-width:950px; 
	margin:0 auto; 
	text-align:left; 
	overflow:auto;
}

#sticky_navigation ul { 
	list-style:none; 
	margin:0;  
	float:right;
	padding-top:18px; 
}

#sticky_navigation ul li { 
	margin:0; 
	padding:0; 
	display:inline; 
}

#sticky_navigation ul li a { 
	display:block; 
	float:left; 
	margin:0 0 0 0px; 
	padding:0 10px; 
	line-height:40px; 
	font-size:14px; 
	font-family: 'Lato', sans-serif;
	font-weight:500; 
	color:#fff; 
	text-decoration:none;
}

#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { 
	color:#f1c94e;  
}

#topnumber{
	float:right;
	color:#f1c94e;
	text-align:right;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	line-height:20px;
	letter-spacing:1px;
	padding:18px 0px 0px 45px;
}

#topnumber a{
	color:#f1c94e;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	margin-top:-40px;
}

#topnumber a:hover{
	color:#fff;
}
	
	
/* ----------------------------------------- TOP IMAGE */
	
#rotator_wrapper { 
	clear:both;
	width:100%;
	padding:0px;
	color:#fff;
	margin-top:-120px;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
}

.unslider{
overflow:auto;
margin:0;
padding:0
}

.unslider-wrap{
position:relative
}

.unslider-wrap.unslider-carousel>li{
float:left
}

.unslider-vertical>ul{height:100%}

.unslider-vertical li{float:none;width:100%}

.unslider-fade{position:relative}

.unslider-fade .unslider-wrap li{
position:absolute;left:0;top:0;right:0;z-index:8
}

.unslider-fade .unslider-wrap li.unslider-active{
	z-index:10
}

.unslider li,.unslider ol,.unslider ul{
list-style:none;
margin:0;
padding:0;
border:none;
color:red;
}

.unslider-arrow{display:none;position:absolute;left:20px;z-index:2;cursor:pointer}

.unslider-nav{
	display:none;
	
}

#rotator_wrapper img{ 
width:100%;
display:block;
}

#rotator_wrappertext{
position:absolute;
top:240px;
left:230px;
width:100%;
max-width:950px;
}
	
	
#rotator_wrappertext h1{
margin-top:0px;
width:auto;
margin-bottom:3px;
margin-left:0px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:30px;
text-align:left;
overflow:hidden;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
text-align:left;
font-size:55px;
text-transform:uppercase;
font-weight:400;
letter-spacing:3px;
display: inline-block;
}
	
#rotator_wrappertext p{ 
margin-top:0px;
width:69%;
margin-bottom:70px;
margin-left:0px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:20px;
text-align:left;
overflow:hidden;
color:#fff;
line-height:28px;
font-family: 'Lato', sans-serif;
text-align:left;
font-size:22px;
font-weight:300;
letter-spacing:1px;
}


/* ----------------------------------------- ABOUT SECTION */

#aboutwrapper { 
clear:both;
width:100%;
padding:50px 0px 60px 0px;
margin-top:0px;
background-color:#edecec;
overflow:hidden;
}

#aboutholder{ 
width:100%;
max-width:950px;
margin: 0 auto;
}

#aboutholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#aboutleft{ 
float:left; 
width:50%; 
clear:both;
}

#aboutright{ 
float:right; 
width:50%;
}

.titleholder{
float:left;
position: relative;
width:100%;
margin-bottom: 8px;	
}

#aboutholder h1{
color:#000;
line-height:40px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:43px;
text-transform:uppercase;
font-weight:700;
}

	
.leftborder{
float: left;
width: 110px;
margin-top: 34px;
height: 10px;
border-bottom: solid 5px #e2b631;
}

.title{
font-size: 48px;
font-weight: 500;
padding: 0px 27px;
line-height: 1.2em;
float: left;
}
	
.rightborder{
float: left;
width: 110px;
margin-top: 34px;
height: 10px;
border-bottom: solid 5px #e2b631;
 }

#aboutholder img{ 
padding:0px 0px;
}

#aboutholder p{ 
color:#000;
padding-top:0px;
font-size:16px;
font-weight:400;
line-height:24px;
font-family: 'Lato', sans-serif;
text-align:center;
}	

/* ----------------------------------------- EQUIPMENT SECTION */

#EQUwrapper { 
clear:both;
width:100%;
padding:50px 0px 70px 0px;
overflow:hidden;
background: url(images/gravelback.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#EQUholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#EQUholder { 
width:100%;
max-width:950px;
margin: 0 auto;
}

#EQUholder h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
letter-spacing:3px;
text-align:center;
font-size:50px;
text-transform:uppercase;
font-weight:500;
}
	
#EQUholder h2{ 
margin-top:30px;
color:#e2b631;
font-weight:normal;
line-height:27px;
font-family: 'Lato', sans-serif;
font-size:24px;
font-weight:300;
text-align:center;
margin-bottom:40px;
}

#EQUholderleft{ 
float:left;
width:30%;
margin-left:15px;
z-index:1;
background-color:#fff;
padding:7px;
}

#EQUholderleft img{ 
width:100%;
}

#EQUholderleft h1{ 
margin:0 auto;
margin-top:10px;
color:#000;
line-height:22px;
letter-spacing:0.5px;
font-family: 'Lato', sans-serif;
text-align:center;
font-size:16px;
z-index:100;
}

/* animated elements */
.animateblock {
  padding: 8px 0;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.55s linear;
  -moz-transition: all 0.55s linear;
  transition: all 0.55s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */
.animateblock.left {
  margin-left: -2%;
}
.animateblock.left.animated {
  margin-left: 12%;
}

.animateblock.right {
  display: block;
  margin-left: 100%;
}
.animateblock.right.animated {
  margin-left: 70%;
}

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 0px;
}

.animateblock.btm {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 25px;
}
.animateblock.btm.animated {
  margin-top: 0;
}

.animateblock.centerleft {
  display: block;
  width: auto;
  text-align: center;
  margin-right: -10%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -10%;
}
.animateblock.centerright.animated {
  margin-left: 0;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 10%;
  text-align: center;
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}
.animateblock.size img {
  max-width: 100%;
  height: auto;
}


/* ----------------------------------------- SERVICES SECTION */

#serviceswrapper { 
clear:both;
width:100%;
padding:50px 0px 60px 0px;
margin-top:0px;
background-color:#edecec;
overflow:hidden;
}

#servicesholder{ 
width:100%;
max-width:950px;
margin: 0 auto;
}

#servicesholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#servicesleft{ 
float:left; 
width:50%; 
clear:both;
}

#servicesright{ 
float:right; 
width:50%;
text-align:right;
}

#servicesholder h1{
color:#000;
line-height:40px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:43px;
text-transform:uppercase;
font-weight:700;
}

#servicesholder img{ 
padding:0px 0px;
}

#servicesholder p{ 
color:#000;
padding-top:0px;
font-size:16px;
font-weight:400;
line-height:24px;
font-family: 'Lato', sans-serif;
text-align:center;
}

#servicesholder ul{ 
width:90%;
margin:0 auto;
padding:0px;
margin-top:10px;
}	

#servicesholder li{ 
color:#000;
padding-top:0px;
font-size:18px;
font-weight:400;
line-height:32px;
font-family: 'Lato', sans-serif;
text-align:center;
list-style:none;
margin:0px;
padding:0px;
}

/* ----------------------------------------- FAE SECTION */

#FAEwrapper { 
clear:both;
width:100%;
padding:30px 0px;
color:#fff;
margin-top:0px;
margin-bottom:0px;
padding-bottom:40px;
overflow:hidden;
background: url(images/faelarge.jpg); 
background-size: cover; /* or contain depending on what you want */
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#FAEholder{
width:100%;
max-width:950px;
margin: 0 auto;
padding:0px;
}

#FAEholderbox{
margin-top:0px;
width:40%;
padding:20px;
background-image:url(images/topback.png);
background-repeat:repeat;
overflow:hidden;
}
	
#FAEwrapper h1{
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:43px;
text-transform:uppercase;
font-weight:700;
}
	
p.FAEholdersub{
color:#fff;
line-height:28px!important;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:2px;
font-size:20px!important;
text-transform:uppercase;
font-weight:700!important;
margin-top:-12px!important;
}
	
#FAEwrapper p{ 
text-align:left;
color:#fff;
line-height:24px;
font-family: 'Lato', sans-serif;
text-align:center;
font-size:16px;
font-weight:300;
letter-spacing:1px;
}

/* ----------------------------------------- GALLERY SECTION */

#gallerywrapper { 
clear:both;
width:100%;
padding:50px 0px 70px 0px;
background-color:#e2b631;
}

#galleryholder { 
width:100%;
max-width:950px;
margin: 0 auto;
}

#galleryholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#gallerywrapper h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
text-align:center;
font-size:50px;
text-transform:uppercase;
font-weight:500;
padding-bottom:30px;
letter-spacing:3px;
}
	
.popup-gallery{
position:relative;
margin-top:15px;
width:100%;
padding:0px!important;
}
	
.photolabel{
background-color:#000;
width:35%;
margin:0 auto;
padding:10px 0px;
margin-bottom:20px;
margin-top:20px;
color:#fff;
font-family: 'Lato', sans-serif;
font-size:18px;
text-align:center;
text-transform:uppercase;
font-weight:600;
letter-spacing:2px;
}

.popup-gallery img{
	border:2px solid #fff;
}



/* ----------------------------------------- CONTACT SECTION */

#contactwrapper { 
clear:both;
width:100%;
padding:50px 0px 30px 0px;
overflow:hidden;
background: url(images/contactback.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#contactholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#contactholder { 
width:100%;
max-width:950px;
margin: 0 auto;
}

#contactholder  h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
letter-spacing:3px;
text-align:center;
font-size:50px;
text-transform:uppercase;
font-weight:500;
}
	
#contactholder  h2{ 
margin-top:30px;
color:#fff;
font-weight:normal;
line-height:27px;
font-family: 'Lato', sans-serif;
font-size:24px;
font-weight:300;
text-align:center;
margin-bottom:20px;
}

#contactholder  p{ 
margin-top:10px;
color:#fff;
font-weight:normal;
line-height:21px;
font-family: 'Lato', sans-serif;
font-size:23px;
font-weight:300;
text-align:center;
margin-bottom:50px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:25px 0px;
}

#contactholder a{ 
color:#e2b631;
text-decoration:none;
}

/* ----------------------------------------- FOOTER SECTION */

#footerwrapper { 
clear:both;
width:100%;
padding:30px 0px 20px 0px;
overflow:hidden;
background-color:#fff;
}

#footerholder { 
width:100%;
max-width:950px;
margin: 0 auto;
}

#footerholderleft{ 
float:left;
width:35%;
font-weight:normal;
line-height:24px;
line-height:24px;
font-family: 'Lato', sans-serif;
font-size:13px;
color:#999;
font-weight:300;
padding-top:13px;
text-align:left;
}

#footerholdercenter{ 
float:left;
width:30%;
text-align:center;
margin-left:25px;
padding-top:0px;
}

#footerholderright{ 
float:right;
width:30%;
text-align:right;
font-weight:normal;
line-height:24px;
font-family: 'Lato', sans-serif;
font-size:13px;
color:#999;
font-weight:300;
padding-top:13px;
}

#footerholdercenter img{ 
padding-right:7px;
}

#footerholdercenter img:hover{ 
opacity:0.7;
}


/* ============================================================
  GLOBAL
============================================================ */
.effects {
 
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  width: 100%;
 
}
.effects .img:nth-child(n) {
  margin-right: 0px;
}
.effects .img:first-child {
  margin-left: 0px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  min-width:100%;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
  text-decoration:none;
}

a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  text-align: center;
  color: #fff;
  line-height: 35px;
  font-weight: 700;
  font-size: 24px;
  font-family: 'Lato', sans-serif;
   text-decoration:none;
    background-image:url(images/topback.png);
background-repeat:repeat;
padding:20px 20px;
width:50%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */

   
  
}

/* ============================================================
  EFFECT 2 - SLIDE IN TOP
============================================================ */
#effect-2 .overlay {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-2 .overlay a.expand {
  left: 0;
  right: 0;
  top: 50%;
  margin: -30px auto 0 auto;
}
#effect-2 .img.hover .overlay {
  height: 100%;
}


/* Styles */

@media only screen 
and (min-width : 320px) 
and (max-width : 736px) 
{
	
.demo_container { 
	max-width:950px; 
	margin:0 auto; 
	text-align:left; 
	overflow:auto;
	padding:0px 10px;
}

#sticky_navigation ul { 
	list-style:none; 
	margin:0;  
	float:none;
	padding-top:8px; 
	padding-bottom:10px;
}

#sticky_navigation ul li { 
	margin:0; 
	padding:0; 
	display:inline; 
}

#sticky_navigation ul li a { 
	display:block; 
	float:left; 
	margin:0 0 0 0px; 
	padding:0 10px; 
	line-height:34px; 
	font-size:17px; 
	font-family: 'Lato', sans-serif;
	font-weight:500; 
	color:#fff; 
	text-align:left;
	text-decoration:none;
}

#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { 
	color:#f1c94e;  
}

#topnumber{
	float:right;
	color:#f1c94e;
	text-align:right;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	line-height:15px;
	letter-spacing:1px;
	padding:8px 0px 0px 0px;
}

#topnumber a{
	color:#f1c94e;
	text-decoration:right;
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	margin-top:-40px;
}

#topnumber a:hover{
	color:#fff;
}
	
/* ----------------------------------------- TOP IMAGE */
	
#rotator_wrapper { 
	clear:both;
	width:100%;
	padding:0px;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
}



#rotator_wrappertext{
position:absolute;
top:10px;
left:13px;
width:100%;
max-width:950px;
}
	
	
#rotator_wrappertext h1{
margin-top:0px;
width:auto;
margin-bottom:1px;
margin-left:0px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:10px;
text-align:left;
overflow:hidden;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
text-align:left;
font-size:20px;
text-transform:uppercase;
font-weight:400;
letter-spacing:3px;
display: inline-block;
}
	
#rotator_wrappertext p{ 
margin-top:0px;
width:80%;
margin-bottom:0px;
margin-left:0px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:10px;
text-align:left;
overflow:hidden;
color:#fff;
line-height:15px;
font-family: 'Lato', sans-serif;
text-align:left;
font-size:13px;
font-weight:300;
letter-spacing:1px;
}

/* ----------------------------------------- ABOUT SECTION */

#aboutwrapper { 
clear:both;
width:100%;
padding:0px 0px 30px 0px;
margin-top:0px;
background-color:#edecec;
overflow:hidden;
}

#aboutholder{ 
width:100%;
max-width:950px;
margin: 0 auto;
}

#aboutholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#aboutleft{ 
display:none;
float:none; 
width:100%; 
clear:both;
}

#aboutright{ 
float:none; 
width:90%;
margin:0 auto;
}

.titleholder{
float:none;
position: relative;
width:100%;
margin-bottom: 8px;	
}

#aboutholder h1{
color:#000;
line-height:40px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:33px;
text-transform:uppercase;
font-weight:700;
}

	
.leftborder{
	display:none;
float: left;
width: 110px;
margin-top: 34px;
height: 10px;
border-bottom: solid 5px #e2b631;
}

.title{
font-size: 48px;
font-weight: 500;
padding: 0px 27px;
line-height: 1.2em;
float: none;
}
	
.rightborder{
	display:none;
float: left;
width: 110px;
margin-top: 34px;
height: 10px;
border-bottom: solid 5px #e2b631;
 }


/* ----------------------------------------- EQUIPMENT SECTION */

#EQUwrapper { 
clear:both;
width:100%;
padding:30px 0px 50px 0px;
overflow:hidden;
background: url(images/gravelback.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#EQUholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}


#EQUholder h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
letter-spacing:3px;
text-align:center;
font-size:33px;
text-transform:uppercase;
font-weight:500;
}
	
#EQUholder h2{ 
margin:0 auto;
margin-top:20px;
color:#e2b631;
font-weight:normal;
line-height:21px;
font-family: 'Lato', sans-serif;
font-size:17px;
font-weight:300;
text-align:center;
margin-bottom:20px;
width:90%;

}

#EQUholderleft{ 
margin:0 auto;
float:none;
width:80%;
z-index:1;
background-color:#fff;
padding:4px;
margin-bottom:15px;
}

#EQUholderleft h1{ 
margin:0 auto;
margin-top:10px;
color:#000;
line-height:22px;
letter-spacing:0.5px;
font-family: 'Lato', sans-serif;
text-align:center;
font-size:16px;
z-index:100;
}
/* ----------------------------------------- SERVICES SECTION */

#serviceswrapper { 
clear:both;
width:100%;
padding:20px 0px 30px 0px;
margin-top:0px;
background-color:#edecec;
overflow:hidden;
}

#servicesholder{ 
width:100%;
max-width:950px;
margin: 0 auto;
}

#servicesholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#servicesleft{ 
float:none; 
margin:0 auto;
width:80%; 
clear:both;
}

#servicesright{ 
display:none;
}

#servicesholder h1{
color:#000;
line-height:40px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:33px;
text-transform:uppercase;
font-weight:700;
}

/* ----------------------------------------- FAE SECTION */

#FAEwrapper { 
clear:both;
width:100%;
padding:30px 0px;
color:#fff;
margin-top:0px;
margin-bottom:0px;
padding-bottom:40px;
overflow:hidden;
background: url(images/faelarge.jpg); 
background-size: cover; /* or contain depending on what you want */
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#FAEholderbox{
margin-top:0px;
margin:0 auto;
width:80%;
padding:20px;
background-image:url(images/topback.png);
background-repeat:repeat;
overflow:hidden;
}

/* ----------------------------------------- GALLERY SECTION */

#gallerywrapper { 
clear:both;
width:100%;
padding:30px 0px 30px 0px;
background-color:#e2b631;
}



#galleryholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#gallerywrapper h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
text-align:center;
font-size:33px;
text-transform:uppercase;
font-weight:500;
padding-bottom:10px;
letter-spacing:3px;
}
	
.popup-gallery{
position:relative;
margin-top:15px;
margin:0 auto;
width:84%;
padding:0px!important;
}
	
.photolabel{
background-color:#000;
width:100%;
margin:0 auto;
padding:10px 0px;
margin-bottom:20px;
margin-top:20px;
color:#fff;
font-family: 'Lato', sans-serif;
font-size:18px;
text-align:center;
text-transform:uppercase;
font-weight:600;
letter-spacing:2px;
}

	/* ----------------------------------------- CONTACT SECTION */

#contactwrapper { 
clear:both;
width:100%;
padding:50px 0px 30px 0px;
overflow:hidden;
background: url(images/contactback.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#contactholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}


#contactholder  h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
letter-spacing:3px;
text-align:center;
font-size:33px;
text-transform:uppercase;
font-weight:500;
}
	
#contactholder  h2{ 
width:90%;
margin:0 auto;
margin-top:20px;
color:#fff;
font-weight:normal;
line-height:21px;
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight:300;
text-align:center;
margin-bottom:20px;
}

#contactholder  p{ 
margin-top:10px;
color:#fff;
font-weight:normal;
line-height:26px;
font-family: 'Lato', sans-serif;
font-size:23px;
font-weight:300;
text-align:center;
margin-bottom:10px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:25px 10px;
}

#contactholder a{ 
color:#e2b631;
text-decoration:none;
}

/* ----------------------------------------- FOOTER SECTION */

#footerwrapper { 
clear:both;
width:100%;
padding:10px 0px 20px 0px;
overflow:hidden;
background-color:#fff;
}

#footerholder { 
width:100%;
max-width:950px;
margin: 0 auto;
}

#footerholderleft{ 
float:none;
width:90%;
margin:0 auto;
font-weight:normal;
line-height:24px;
line-height:24px;
font-family: 'Lato', sans-serif;
font-size:13px;
color:#999;
font-weight:300;
padding-top:13px;
text-align:center;
}

#footerholdercenter{ 
float:none;
width:100%;
margin:0 auto;
text-align:center;
margin-left:0px;
padding-top:20px;
}

#footerholderright{ 
float:none;
width:90%;
margin:0 auto;
text-align:center;
font-weight:normal;
line-height:24px;
font-family: 'Lato', sans-serif;
font-size:13px;
color:#999;
font-weight:300;
padding-top:13px;
}

#footerholdercenter img{ 
padding-right:7px;
}

#footerholdercenter img:hover{ 
opacity:0.7;
}



}

@media only screen 
and (min-device-width : 737px) 
and (max-device-width : 1023px) 
and (orientation: portrait) 
{
/* Styles */
/* ----------------------------------------- STICKY NAVIGATION */

/* ----------------------------------------- STICKY NAVIGATION */

#sticky_navigation { 
	width:100%; 
 	background-image:url(images/navback.png);
	background-repeat:repeat;
	padding:20px 0px 20px 0px; 
	z-index:10;
}

.demo_container { 
	max-width:950px; 
	margin:0 auto; 
	text-align:left; 
	overflow:auto;
	padding:0px 50px;
}

#sticky_navigation ul { 
	clear:both;
	width:100%;
	list-style:none; 
	margin:0;  
	float:right;
	text-align:right;
	padding-top:10px; 
}


#sticky_navigation ul li a { 
	display:block; 
	float:left; 
	margin:0 0 0 0px; 
	padding:0 52px 0 0px; 
	line-height:40px; 
	font-size:17px; 
	font-family: 'Lato', sans-serif;
	font-weight:500; 
	color:#fff; 
	text-align:left;
	text-decoration:none;
}

#sticky_navigation ul li:last-child a{ 
	padding-right:0px;
}


#topnumber{
	float:right;
	color:#f1c94e;
	text-align:right;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	line-height:20px;
	letter-spacing:1px;
	padding:5px 0px 0px 45px;
}

#topnumber a{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	line-height:24px;

}



	
	
/* ----------------------------------------- TOP IMAGE */
	
#rotator_wrapper { 
	clear:both;
	width:100%;
	padding:0px;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
}

#rotator_wrappertext{
position:absolute;
top:50px;
left:30px;
width:100%;
max-width:950px;
}
	
	
#rotator_wrappertext h1{
margin-top:0px;
width:auto;
margin-bottom:3px;
margin-left:0px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:30px;
text-align:left;
overflow:hidden;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
text-align:left;
font-size:27px;
text-transform:uppercase;
font-weight:400;
letter-spacing:3px;
display: inline-block;
}
	
#rotator_wrappertext p{ 
margin-top:0px;
width:69%;
margin-bottom:70px;
margin-left:0px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:20px;
text-align:left;
overflow:hidden;
color:#fff;
line-height:23px;
font-family: 'Lato', sans-serif;
text-align:left;
font-size:18px;
font-weight:300;
letter-spacing:1px;
}


/* ----------------------------------------- ABOUT SECTION */

#aboutwrapper { 
clear:both;
width:100%;
padding:50px 10px 30px 0px;
margin-top:0px;
background-color:#edecec;
overflow:hidden;
}

#aboutholder{ 
width:100%;
max-width:950px;
margin: 0 auto;
}

#aboutholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#aboutleft{ 
float:left; 
width:45%; 
padding-left:15px;
clear:both;
}

#aboutleft img{ 
width:100%;
}

#aboutright{ 
float:right; 
width:47%;
padding-right:15px;
}

.titleholder{
float:left;
position: relative;
width:100%;
margin-bottom: 8px;	
}

#aboutholder h1{
color:#000;
line-height:40px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:33px;
text-transform:uppercase;
font-weight:700;
}

	
.leftborder{
float: left;
width: 70px;
margin-top: 30px;
height: 10px;
border-bottom: solid 5px #e2b631;
}

.title{
font-size: 48px;
font-weight: 500;
padding: 0px 15px;
line-height: 1.2em;
float: left;
}
	
.rightborder{
float: left;
width: 70px;
margin-top: 30px;
height: 10px;
border-bottom: solid 5px #e2b631;
 }



#aboutholder p{ 
color:#000;
padding-top:0px;
font-size:15px;
font-weight:400;
line-height:21px;
font-family: 'Lato', sans-serif;
text-align:center;
}	

/* ----------------------------------------- EQUIPMENT SECTION */

#EQUwrapper { 
clear:both;
width:100%;
padding:50px 0px 70px 0px;
overflow:hidden;
background: url(images/gravelback.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#EQUholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#EQUholder h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
letter-spacing:3px;
text-align:center;
font-size:40px;
text-transform:uppercase;
font-weight:500;
}
	
#EQUholder h2{ 
width:85%;
margin:0 auto;
margin-top:30px;
color:#e2b631;
font-weight:normal;
line-height:25px;
font-family: 'Lato', sans-serif;
font-size:21px;
font-weight:300;
text-align:center;
margin-bottom:40px;
}

#EQUholderleft{ 
float:left;
width:30%;
margin-left:10px;
z-index:1;
background-color:#fff;
padding:6px;
}

#EQUholderleft img{ 
width:100%;
}

#EQUholderleft h1{ 
margin:0 auto;
margin-top:10px;
color:#000;
line-height:22px;
letter-spacing:0.5px;
font-family: 'Lato', sans-serif;
text-align:center;
font-size:15px;
z-index:100;
text-transform:none;
}


/* ----------------------------------------- SERVICES SECTION */



#servicesholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}

#servicesleft{ 
float:left; 
width:47%; 
padding-left:15px;
clear:both;
}

#servicesright{ 
float:right; 
width:45%;
text-align:right;
padding-right:15px;
}

#servicesright img{ 
width:100%;
}

#servicesholder h1{
color:#000;
line-height:40px;
font-family: 'Oswald', sans-serif;
text-align:center;
letter-spacing:3px;
font-size:43px;
text-transform:uppercase;
font-weight:700;
}


/* ----------------------------------------- FAE SECTION */



#FAEholderbox{
margin-top:0px;
margin:0 auto;
width:60%;
padding:20px;
background-image:url(images/topback.png);
background-repeat:repeat;
overflow:hidden;
}
	

/* ----------------------------------------- GALLERY SECTION */

#gallerywrapper { 
clear:both;
width:100%;
padding:30px 0px 70px 0px;
background-color:#e2b631;
}

#galleryholder { 
width:82%;
max-width:950px;
margin: 0 auto;
}

#galleryholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}


	
	
.photolabel{
background-color:#000;
width:60%;
margin:0 auto;
padding:10px 0px;
margin-bottom:20px;
margin-top:20px;
color:#fff;
font-family: 'Lato', sans-serif;
font-size:18px;
text-align:center;
text-transform:uppercase;
font-weight:600;
letter-spacing:2px;
}




/* ----------------------------------------- CONTACT SECTION */



#contactholder:before { 
  display: block; 
  content: " "; 
  margin-top: -212px; 
  height: 212px; 
  visibility: hidden; 
}



#contactholder  h1{
margin:0 auto;
margin-top:10px;
color:#fff;
line-height:30px;
font-family: 'Oswald', sans-serif;
letter-spacing:3px;
text-align:center;
font-size:50px;
text-transform:uppercase;
font-weight:500;
}
	
#contactholder  h2{ 
width:85%;
margin:0 auto;
margin-top:30px;
color:#fff;
font-weight:normal;
line-height:27px;
font-family: 'Lato', sans-serif;
font-size:21px;
font-weight:300;
text-align:center;
margin-bottom:20px;
}

#contactholder  p{ 
margin-top:10px;
color:#fff;
font-weight:normal;
line-height:29px;
font-family: 'Lato', sans-serif;
font-size:23px;
font-weight:300;
text-align:center;
margin-bottom:20px;
background-image:url(images/topback.png);
background-repeat:repeat;
padding:25px 0px;
}



/* ----------------------------------------- FOOTER SECTION */

#footerholder { 
width:90%;
max-width:950px;
margin: 0 auto;
}

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  {
	
	#sticky_navigation_wrapper { 
	width:100%;
	margin:0 auto; 
}

#sticky_navigation { 
	width:100%; 
 	background-image:url(images/navback.png);
	background-repeat:repeat;
	padding:10px 0px 7px 0px; 
	z-index:10;
}

.demo_container { 
	max-width:950px; 
	margin:0 auto; 
	text-align:left; 
	overflow:auto;
}

#sticky_navigation ul { 
	list-style:none; 
	margin:0;  
	float:right;
	padding-top:18px; 
}

#sticky_navigation ul li { 
	margin:0; 
	padding:0; 
	display:inline; 
}

#sticky_navigation ul li a { 
	display:block; 
	float:left; 
	margin:0 0 0 0px; 
	padding:0 10px; 
	line-height:40px; 
	font-size:14px; 
	font-family: 'Lato', sans-serif;
	font-weight:500; 
	color:#fff; 
	text-decoration:none;
}

#sticky_navigation ul li:last-child a{ 
	padding-right:0px;
}

#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { 
	color:#f1c94e;  
}

#topnumber{
	float:right;
	color:#f1c94e;
	text-align:right;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	line-height:20px;
	letter-spacing:1px;
	padding:5px 0px 0px 45px;
}

#topnumber a{
	font-family: 'Lato', sans-serif;
	font-size:15px;
	line-height:22px;

}

#topnumber a:hover{
	color:#fff;
}

#rotator_wrapper { 
	clear:both;
	width:100%;
	padding:0px;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
}
	
#rotator_wrappertext{
position:absolute;
top:60px;
left:30px;
width:100%;
max-width:950px;
}	

#EQUholderleft{ 
float:left;
width:30%;
margin-left:15px;
z-index:1;
background-color:#fff;
padding:8px;
}

#EQUholderleft img{ 
width:100%;
}

#EQUholderleft h1{ 
margin:0 auto;
margin-top:10px;
color:#000;
line-height:22px;
letter-spacing:0.5px;
font-family: 'Lato', sans-serif;
text-align:center;
font-size:16px;
z-index:100;
}
	
}