body {background: #003366;}
a {text-decoration: none;}
img {float: left;}

#fake-wrapper {margin: 20px auto 0 auto;width: 800px;height: 625;}
#wrapper {position: relative;float: left;padding: 40px;width: 720px;height: 545px;background: url('../images/background.png') no-repeat;}
#logo {position: absolute;top: 27px;left: 27px;z-index: 3}
#nav {margin: 140px 0 0 0;float: left;width: 170px;height: 280px;}
#nav li {position: relative;display: block;clear: both;float: left;margin: 0 0 20px 0;width: 100%;height: 45px;}
#nav li a {position: absolute;right:-30px;display: block;float: left;padding: 4px 8px;width: 152px;height: 50px;z-index: 9;}
#nav li a.services {background: url('../images/services_up.png') no-repeat;}
#nav li a.services:hover {background: url('../images/services_down.png') no-repeat;}
#nav li a.programs {background: url('../images/programs_up.png') no-repeat;}
#nav li a.programs:hover {background: url('../images/programs_down.png') no-repeat;}
#nav li a.firewood {background: url('../images/firewood_up.png') no-repeat;}
#nav li a.firewood:hover {background: url('../images/firewood_down.png') no-repeat;}
#nav li a.testimonials {background: url('../images/testimonials_up.png') no-repeat;}
#nav li a.testimonials:hover {background: url('../images/testimonials_down.png') no-repeat;}
#main-content {position: relative;float: left;margin: 70px 0 0 0;width: 530px;height: 370px;}
a.email {position: absolute;right:17px;top:-75px;float: right; display: block;float: left;padding: 4px 8px;width: 152px;height: 50px;background: url('../images/email_up.png') no-repeat;}
a.email:hover{background: url('../images/email_down.png') no-repeat;}
#call-us {clear: both;display: block;float: left;margin: 28px 0 0 10px;width: 705px;height: 90px;background: url('../images/call_up.png') no-repeat;}
#footer {clear: both;float: left;margin: 0 192px;width: 420px;}
#footer ul {clear: both;float: left;width: 100%;}
#footer ul li {clear: both;float: left;margin: 0 0 5px 0;width: 420px;}
#footer ul li a {display: block;float: left;width: 420px;height: 40px;}
#estimate-link {background: url('../images/estimate_up.png') no-repeat;}
#estimate-link:hover {background: url('../images/estimate_down.png') no-repeat;}
#gallery-link {background: url('../images/photo_up.png') no-repeat;}
#gallery-link:hover {background: url('../images/photo_down.png') no-repeat;}

/* HOME PAGE */
.home-image {margin: 0 0 0 20px;}

/* PROGRAMS PAGE */
#button-container {float: left;padding: 50px 0 0 0;width: 100%;height: 320px;background: url('../images/programsbackground.png') no-repeat;}
#button-container li {clear: both;float: left;}
#button-container li a {float: left;margin: 0 0 10px 50px;width: 400px;height: 75px;}
#button-container li a.tree-health {background: url('../images/treehealth.png') no-repeat;}
#button-container li a.tree-removal {background: url('../images/treeremoval_large.png') no-repeat;}
#button-container li a.groundcover {background: url('../images/groundcover.png') no-repeat;}
#mini-buttons {position: absolute;bottom: -25px;left: 35px;float: left;height: 40px;width: 500px;}
#mini-buttons li {clear: none !important;float: left;margin: 0 10px;width: 196px;height: 48px;}
#mini-buttons li a {display: block;float: left;width: 196px;height: 48px;}
#mini-buttons li a.tree-health {background: url('../images/treehealth_small.png') no-repeat;}
#mini-buttons li a.groundcover {background: url('../images/groundcover_small.png') no-repeat;}
#mini-buttons li a.tree-removal {background: url('../images/treeremoval_small.png') no-repeat;}
#image-rotator {float: left;width: 100%;z-index: 1;}
#tree-health {width: 510px;height: 370px;}
.tree-health {width: 510px;height: 370px;z-index: 2 !important;}

/* PHOTO GALLERY */
#gallery-list {clear: both;float: left;margin: 50px 0 0 33px;width: 100%;height: 345px;overflow-y: auto;overflow-x: hidden;background: #fff;}
#galler-list div {float: left;}
#gallery-list img {clear: both;float: left;margin: 0 0 0 8px;}

/* TESTIMONIALS PAGE */
#testimonials-list {clear: both;float: left;margin: 50px 0 0 33px;width: 100%;height: 300px;overflow: auto;background: #fff;}
#testimonials-list li {clear: both;float: left;margin: 0 0 10px 0;width: 100%;}
#testimonials-list li img {float: left;padding: 5px;width: 100px;height: 100px;}
#testimonials-list li span {float:left;width: 380px;}
#testimonials-list li span p {clear: both;float: left;padding: 5px;color: #000;}

/* CONTACT PAGE */
#form {clear: both;float: left;margin: 60px 0 0 60px;}
#form li {clear: both;float: left;margin: 0 0 10px 0;width: 100%;}
#form li label {clear: both;float: left;color: #fff;font-size: 15px;}
#form li input[type="text"] {clear: both;float: left;padding: 3px;width: 300px;}
#form li textarea {clear: both;float: left;margin: 0;padding: 5px 4px;width: 97%;height: 100px;}
#form li #submit {float: right;padding: 4px 14px;color: #000;background: #85C164;border: none;}
.spam {display: none;}
.messageBox{float:left;margin:0 0 20px 0;padding:5px;width:400px;background:#dfdfdf;border:1px solid #000;}
.messageBox ul,li{clear:both;float:left;width:100%;}
.messageBox li{margin:5px 0;}
.messageBox img{float:left;width:24px;}
.messageBox p{float:left;margin:0 0 0 5px;padding:3px 0 0 0;width:370px;}