body {
margin: 0 auto;
width:100%;
background-color:#103020;
color:#ffffff;
}


img.toplogo {
position:relative;
width:15%;
float: left;
z-index: 100;
}

a:link.foot,a:visited.foot {
  color: #fff;
  text-decoration: none;
}

        }
        a:link, a:visited, a:active {
            color: #ffffff;
}

img.topsm {
position:relative;
width:1.5%;
float: right;
z-index: 100;
}

img.botsm {
position:relative;
width:5%;
z-index: 100;
float:left;
}

img.imgsec {
width:100%;
}


img.quarter {
width:25%;
}

img.half {
width:50%;
}

img.threefour {
width:60%;
}

img.full {
width:100%;
}


img.menu {
width:80%;
height:auto;
}

img.service {
margin-top:-25%;
width:85%;
}


img.skills {
margin-top:1%;
width:46%;
padding-left:2.5%;
padding-bottom:3%;
float:left;
}




#menu {
width:100%;
margin:0 auto;
background-color:tranparent;
position:fixed;
z-index: 5;
overflow:auto;align:center;
}



ul.menu {
width: 100%;
position:fixed;
top:0%;
    list-style-type: none;
    margin: 0;
    padding-left: 20%;
    overflow: ;
    background-color: #006d10;
font-family: Helvetica, sans-serif;
font-size: 1.2vw;
    opacity: 1;
    filter: alpha(opacity=60);
}



ul.menu li.land {
 background-color:#ff0000;
}


li {
    float: left;
}

li a:link,a:visited {
    display: block;
    text-align: center;
    padding:14px 16px;
    text-decoration: none;
    color:#fff;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #000;
    color:#fff;
}

/* drop down */


li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #000000;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}


.fontmini{
font-size: 1.0vw;
}

.fontlarge{
font-size: 4.0vw;
}

.fontmed{
font-size: 2.0vw;
}

.maptext {
float:left;
}



#content {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 100%;
background-color:#000000;
color:#ffffff;
text-align:center;
font-size: 1.5vw;
font-family: Helvetica, sans-serif;
}


#content1 {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 80%;

background-image: url("images/bgimg.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
background-color:#000000;
color:#ffffff;
text-align:center;

}

#content2 {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 80%;

background-image: url("images/bgimg2.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
background-color:#000000;
color:#ffffff;
text-align:center;

}

#privacy {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 70%;

  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
background-color:#000000;
color:#ffffff;
text-align:center;

}

#onethirdwrap {
padding-top:1%;
position:relative;
clear:both;
top-margin:9%;
padding-bottom:3%;
margin: 0 auto;
width:100%;
height:auto;
overflow: hidden;
background-color:#cccccc;
color: #000000;
text-align:center;
font-size: 4.0vw;
}

#onethirdwrap1 {
padding-top:1%;
position:relative;
margin: 0 auto;
width:80%;
height:50%;
overflow: visible;
background-color:#cccccc;
}

#onethird {
position:relative;
margin: 0 auto;
margin-top:1%;
margin-bottom:1%;
width: 30%;
height: auto;
float: left;
background-color:#ffffff;
color:#000000;
text-align:center;
border-style: outset;
border-radius: 25px;
font-size: 3.0vw;
}

#onethirdspace {
position:relative;
margin: 0 auto;
margin-top:1%;
margin-bottom:1%;
width: 4%;
height: auto;
float: left;
background-color:#cccccc;
text-align:center;

}


#pricing {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 80%;
background-color:#103020;
color:#ffffff;
text-align:center;
font-size: 3vw;
font-family: Helvetica, sans-serif;
}

#pricelist {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 75%;
font-size: 3vw;
text-align:left;
background-color:;
}


#pricebox1 {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 30%;
text-align:center;
background-color:;
border-style: outset;
border-radius: 5%;
}


#pricebox {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:3%;
width: 30%;
text-align:center;
background-color:;
float:left;
border-style: outset;
border-radius: 5%;
}


#serviceswrap {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 100%;
text-align:center;
background-color:#ffffff;
font-size: 3vw;
font-family: Helvetica, sans-serif;
color:000000;
}

#serviceboxwrap {
height:75%;
background-color:;

}

#servicebox {
position:relative;
margin: 0 auto;
margin-top:5%;
margin-bottom:5%;
width: 14%;
height: 100%;
text-align:center;
background-color:#103020;
float:left;
font-size: 1.5vw;
font-family: Helvetica, sans-serif;
color:ffffff;
border-radius: 25px;
}

#servicebox:hover {
  background-color: red;
}

#serviceboxspacer {
position:relative;
margin: 0 auto;
margin-top:0%;
margin-bottom:0%;
width: 5%;
height:25%;
text-align:center;
background-color:;
float:left;
}


#serviceboxclear {
clear:both;
}


#charges {
width:80%;
margin: 0 auto;
text-align:center;
}


#mapwrap {
background-image: url("images/mapbg.png");
  background-position: 50% 0;
  background-size: 100% 100%;
width:100%;
height:auto;
}

#map {
margin: 0 auto;
width:100%;
height:auto;
background-color:#;
}



#footer {
padding-top:5%;
margin: 0 auto;
text-align:center;
width: 100%;
background-color:#000000;
background-image:url("images/footerbg.png");
background-size:100%;
}

#footertxt {
position:relative;
padding-top:5%;
margin: 0 auto;
text-align:center;
width: 50%;
opacity: 1; 
}



/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {


#menu {
position:relative;
padding-top:0%;
margin-top:0%;
top:0;
    background-color: #006d10;
}

img.toplogo {
padding-top: 1%;
float:right;
}

#content {
margin-top:0%;
}

ul.menu {
top:0;
font-size: 5vw;
padding-left: 5%;
position:relative;
    background-color: #006d10;
}

li {
    float: clear;
}

img.quarter {
width:50%;
}

img.service {
margin-top:0;
width:25%;
}

img.skills {
margin-top:1%;
width:100%;
padding-bottom:0%;
clear:both;
}


#content {
width: 100%;
}

#content1 {
padding-top:15%;
font-size: 3.3vw;
width: 100%;
}

#content2 {
padding-top:15%;
font-size: 3.3vw;
width: 100%;
}


#onethirdwrap {
font-size: 5.0vw;
}

#onethirdwrap1 {
height:50%;
}

#onethird {
width: 100%;
float: clear;
}

#onethirdspace {
width: 0%;
}



#pricing {
width:100%;
}

#pricelist {
font-size: 10vw;
}

#pricebox {
float:clear;
width:100%;
}

#pricebox1 {
float:clear;
width:100%;
}

#serviceswrap {
padding-top:15%;
}

#servicebox {

width: 100%;
height: auto;
clear:both;
font-size: 3vw;
}


#serviceboxspacer {
width: 0%;
height: 0%;
}




#footer {
 font-size: 3.8vw;
 background-repeat: no-repeat;
}