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

* {
margin:0;
padding:0;
}

body {
background-color: #000000;
background-image: url(images/rocks.jpg);
background-repeat: no-repeat;
background-position: top center;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
color: #ac5a22;
letter-spacing: .7px;
font-weight: 300;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ac5a22;
letter-spacing: .7px;
font-weight: 200;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #83721a;
letter-spacing: .5px;
font-weight: 400;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: px;
color: #ac5a22;
letter-spacing: .7px;
font-weight: 200;
margin-bottom: 2px;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #83721a;
letter-spacing: .7px;
font-weight: 400;
margin-bottom: 4px;
}

#footb {
/*margin-left: 300px;*/
width: 90%;
text-align: center;
margin-bottom: 20px;
bottom: 0px;
float: left;
margin-left: 40px;
/*position: relative;*/
}

#foot p {
font-family: Arial, Helvetica, sans-serif;
color: #83721a;
font-size: 14px;
font-weight: 200;
margin-bottom: 20px;
}

#foot a {
font-family: Arial, Helvetica, sans-serif;
color: #83721a;
font-size: 14px;
font-weight: 200;
text-decoration: none;
}

#footb p {
font-family: Arial, Helvetica, sans-serif;
color: #83721a;
font-size: 14px;
font-weight: 200;
margin-bottom: 20px;
}

#footb a {
font-family: Arial, Helvetica, sans-serif;
color: #83721a;
font-size: 14px;
font-weight: 200;
text-decoration: none;
}

#footer {
bottom: 0px;
float: left;
position: inherit;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
letter-spacing: .6px;
word-spacing: .9px;
font-weight: 100;
line-height: 18px;
}

p a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
letter-spacing: .6px;
word-spacing: .9px;
font-weight: 100;
line-height: 18px;
text-decoration: none;
}

p a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
letter-spacing: .6px;
word-spacing: .9px;
font-weight: 100;
line-height: 18px;
text-decoration: none;
}

p a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
letter-spacing: .6px;
word-spacing: .9px;
font-weight: 100;
line-height: 18px;
text-decoration: underline;
}

img {
border-style: none;
}

#install ul li {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 20px;
list-style-type: none;
}

/*navbar start*/
#totheleftdown {
margin: 0px;
padding: 0px;
margin-top: 28px;
}
/*
#navcontainer {
border-top: solid;
border-top-color: #83721a;
border-top-width: 2px;
padding-top: 10px;
}
*/

#navcontainer ul li { 
margin: 0px;
padding: 0px;
display: inline; 
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
margin-left: 2%;
margin-right: 2%;
font-weight: 500;
}

#navcontainer ul li a {
margin: 0px;
padding: 0px;
color: #83721a;
text-decoration: none;
/*letter-spacing: 0.15em;*/
}
#navcontainer ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}

/*slideshow*/
#slideshow {
padding-top: 60px;
margin-bottom: 40px;
}

/*content*/
#content {
margin: 0px;
padding: 0px;
clear: both;
margin-top: 40px;
margin-left: 16px;
width: 800px;
text-align: left;
}

#products img {
border: solid;
border-width: 2px;
border-color: #83721a;
margin-right: 10px;
margin-top: 8px;
margin-bottom: 8px;
}

#granite img {
border: solid;
border-width: 2px;
border-color: #83721a;
margin-bottom: 6px;
}

#topsec {
float: left;
margin-bottom: 45px;
}

#propane {
float: left;
margin-top: -35px;
margin-bottom: 45px;
}

#rentaline {
border-bottom: #83721a;
border-width: 2px;
padding-bottom: 5px;
border-bottom-style: solid;
}

#temphead img {
border: solid;
border-width: 2px;
border-color: #ac5a22;
margin-bottom: 10px;
}

#rowone {
width: 240px;
float: left;
position: inherit;
}

#rowtwo {
width: 240px;
margin-left: 4px;
float: left;
}

#rowthree {
width: 260px;
margin-left: 4px;
float: left;
}

#form {
margin-top: 20px;
float: left;
margin-bottom: 100px;
}

#peeps {
float: right;
/*margin-right: 200px;*/
border-left-style: solid;
border-left-color: #83721a;
border-left-width: 2px;
padding-left: 30px;
width: 400px;
margin-bottom: 30px;
}

#backhome {
position: absolute;
margin-left: 10%;


}

#electric a {
position: absolute;
z-index: 1;
top: 60px;
right: 23%;
border: solid #990000 2px;
}

#electric a:hover {
position: absolute;
z-index: 1;
top: 60px;
right: 23%;
border: solid #ffffff 2px;
}