* {
margin: 0;
padding: 0;
border: 0 none;
}

body, html {
height: 100%;
}

.clear { clear: both; }

body { height: 1136px; clear: both; background: #80020b url(images/body_bg2.jpg) repeat-x center top; margin: 0 auto; }

div {
position: relative;
}

/*---------------------------------------------------------------------- LAYOUT -------------------------------------------------------------- */

#main-wrap { background: #fdf9e8 url(images/wrapper_bg.jpg) no-repeat center top; clear:  both; }

#wrapper { width: 924px; margin: 0 auto; }

#content { background: url(images/content_bg.png) repeat-y; width: 900px; padding: 0 12px; overflow: hidden; clear: both; }

#content-main { padding: 0 0 20px 0; overflow: hidden; }

#text { width: 840px; padding: 0 30px; margin: 30px 0 0 0; }
#content-right { width: 575px; float: right; padding: 0 30px 0 0; }
#content-left { width:245px; float: left; padding: 0 0 0 30px; }
#content-left img { margin: 20px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#push { height: 110px; clear: both; }

.gray { background: #f3f3f3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; margin: 0 0 10px 0; }

.half { width: 45%; }
.alignleft { float: left; }
.alignright { float: right; }

input, textarea { border: 1px solid #ccc; padding: 3px; }
td { padding: 5px; }

.p20 { padding: 20px; overflow: hidden; }
.p40 { padding: 40px; overflow: hidden; }

p.justify { text-align: center; }
p.justify img { margin: 0 5px; }

/*---------------------------------------------------------------------- TYPE -------------------------------------------------------------- */

* { font-family: Arial, sans-serif; font-size: 12px; }

h2, h3, h4 { font-family: Arial, sans-serif; color: #800105; margin: 0 0 10px 0;  }

h2 { font-size: 24px; font-style: italic; padding: 0 0 0 30px; margin: 20px 0 10px 0; }
h3 { font-size: 18px; font-style: italic; }
h4 { font-size: 14px; }

ol, ul { list-style-position: outside; margin: 0 0 5px 20px;  }
ol li, ul li { margin: 0 0 5px 0; }

p { margin: 0 0 10px 0; }

a { color: gray; }
a:hover { color: black; }

a.btn { padding: 5px 20px; background: #fffac1 url(images/btn_bg.jpg) repeat-x; color: black !important;
box-shadow: 0px 1px 3px #000; -moz-box-shadow: 0px 1px 3px #000; -webkit-box-shadow: 0px 1px 3px #000;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

.red { color: #800105; font-weight: bold; }

hr { border: 0 none; border-bottom: 1px solid #ddd; margin: 25px 0; }

.textaligncenter { text-align: center; }

/*---------------------------------------------------------------------- HEADER -------------------------------------------------------------- */

#header { padding: 0 12px; width: 900px; height: 95px; }
a#header-logo { display: block; width: 263px; height: 95px; background: url(images/header_logo2.jpg) no-repeat; float: left; }

ul#nav { overflow: hidden; float: left; margin: 0;}
ul#nav li { display: inline; float: left; margin: 0 10px 0; }
ul#nav li a { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: white; line-height: 95px; }
ul#nav li a:hover { color: yellow; }

#home-flash-wrap { width: 900px; height: 276px; }

.header-image { width: 900px; height: 237px; background: url(images/about_image.jpg) no-repeat; }
#about { background: url(images/about_image.jpg) no-repeat; }
#comm_services, #comm_testimonials, #comm_landscape_construction, #comm_gallery { background: url(images/comm_image.jpg) no-repeat; }
#res_services, #res_gallery, #res_testimonials { background: url(images/res_image.jpg) no-repeat; }
#equipmentrentals { background: url(images/rentals_image.jpg) no-repeat; }
#careers { background: url(images/careers_image.jpg) no-repeat; }
#contact, #request_quote { background: url(images/comm_image.jpg) no-repeat; }


/*---------------------------------------------------------------------- HOME -------------------------------------------------------------- */

#res { width: 372px; height: 126px; float: left; margin: -70px 0 20px 25px; display: inline; background: url(images/home_bucket_bg.png) no-repeat; padding: 25px 25px; }

#comm { width: 372px; height: 126px; float: right; margin: -70px 25px 20px 0; display: inline; background: url(images/home_bucket_bg.png) no-repeat; padding: 25px 25px; }


/*---------------------------------------------------------------------- PAGE -------------------------------------------------------------- */

ul.sub-nav { list-style-type: none; margin: 0; }
ul.sub-nav li a, a#request-quote { display: block; height: 40px; width: 245px; background: url(images/subbtn_bg.jpg) no-repeat left top; text-align: center; font: italic bold 14px sans-serif; color: black; line-height: 40px; text-decoration: none; }
ul.sub-nav li a:hover, a#request-quote:hover { background-position: left bottom; color: #800105;  }

/*-------------------------- FOOTER --------------------------------- */

#footer-wrap { clear: both; background: #80020b url(images/footer_wrap_bg.jpg) repeat-x; height: 300px; }
#footer { width: 924px; margin: 0 auto; color: white; overflow: hidden; font-weight: 12px; padding: 0 0 0 0; }
#footer h3 { font-weight: normal; color: yellow; font-style: normal; }
#footer a { color: yellow; text-decoration: none; }
#footer a:hover { color: white; }

ul#footer-nav { overflow: hidden; margin: 0; }
ul#footer-nav li {  }
#footer ul#footer-nav li a { color: white; }
#footer ul#footer-nav li a:hover { color: yellow; }
span#copy { font-size: 10px; }
span#wsm { font-size: 10px; }
span#wsm a { font-size: 10px; }

.footer-bucket { float: left; margin: 0 50px 0 0; display: inline; }
#footer-left { width: 340px; font-size: 14px; }

/*----------------------------------- GALLERY PAGE --------------------------------------------- */

#gallery-wrap { }

/*---------------------------------------------------------------------- TESTIS -------------------------------------------------------------- */

ul#testis { list-style-type: none; margin: 0; }
ul#testis li { margin: 0 0 25px 0; }
ul#testis li span { font-weight: bold; font-style: italic; }

/*---------------------------------------------------------------------- RENTALS -------------------------------------------------------------- */

#content-rentals { background: url(images/rentals_bg.jpg) no-repeat; width: 780px; height: 300px; padding: 30px; margin: 0 0 0 30px; }
#content-rentals ul li { font-size: 14px; }
