body {
    background: #192e1c;
    font-family: Times New Roman, Georgia;
    letter-spacing:1px;    
}

#site_wrapper {
    width: 100%;
    
}

#header_wrapper {
    width: 100%;
    background: url('../images/header_bg.jpg') repeat-x;
    height: 320px;
    box-shadow: 0 8px 8px  #222;
    z-index:10;
}

#header {
    width: 960px;
    margin: 0 auto;
    height: 320px;
}

#header img {
    margin: 55px 0 0 0;
}

#menu {
    margin-top: 40px;
    display: block;
    width: 960px;
}

#menu li {
    display: block;
    margin-left: 35px;
    float: left;
}

#menu li.first {
    display: block;
    margin-left: 0;
    color: #a9a238;
}

#menu li a:link {
    text-decoration: none;
    font-size: 16px;
    color: #a9a238;
}

#menu li a:hover {
    text-decoration: none;
    font-size: 16px;
    color: #b17218;
}

#menu li a:visited {
    text-decoration: none;
    font-size: 16px;
    color: #a9a238;
}

#menu li a.selected {
    text-decoration: none;
    font-size: 16px;
    color: #b17218;
}

#home_content_wrapper {
    background: #192e1c;
    width: 100%;
    margin: 0;
}

#content_wrapper {
    background: #b5b5b5;
    width: 100%;
    margin: 0;
}


/* ===================== GENERAL CONTENT ===================== */

#main_img_wrapper {
    /*width: 100%;*/
    width: 960px;
    height: 500px;
    margin: 0 auto;
    display: block;
    position: relative;
}

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

#content {
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 25px;
}

#content p {
    letter-spacing:1px;
    line-height: 22px;
    margin-top: 15px;
    font-size: 18px;
    color: #192e1c;
}

#content h3 {
    letter-spacing:1px;
    line-height: 30px;
    margin-top: 25px;
    color: #192e1c;
    font-size: 26px;
}

.content_list {
    margin-top: 15px;
    padding-left: 15px;
}

.content_list li {
    margin-top: 15px;
    margin-left: 15px;
    letter-spacing:1px;
    line-height: 20px;
    margin-top: 15px;
    color: #192e1c;
    list-style-type: circle;
    font-size: 18px;
    font-style: italic;
}

#body_text {
    width: 960px;
}

.hillside_quote {
    width: 100%;
    margin-top: 20px;
    padding: 10px 0;
    border-top: 1px dotted #a9a238;
    border-bottom: 1px dotted #a9a238;
    color: #a9a238;
    font-style:italic;
    font-size: 18px;
    display: block;
}

.section_1 {
    margin: 40px 0;
    width: 30%;
    float: left;
}

.section_2 {
    margin: 40px 0;
    padding-left: 25px;
    width: 30%;
    float: left;
}

.section_3 {
    margin: 40px 0;
    padding-left: 25px;
    width: 30%;
    float: left;
}

.section_heading {
    color: #a9a238;
    font-size: 44px;
    font-style: italic;
}

.body_copy {
    color: #a9a238;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 24px;
    padding-top: 10px;
}

.going_green_benefits {
    color: #d47506;
    margin-top: 18px;
}

.going_green_benefits li {
    color: #d47506;
    list-style-image: url('../images/bullet_point.png');
    list-style-position: outside;
    font-size: 18px;
    font-style:italic;
    padding: 10px 0;
    margin-left: 20px;
}


#footer {
    clear: both;
    width: 960px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: auto;
    padding-bottom: 75px;
}

.left_jargon {
    float: left;
    padding: 10px 0;
    color: #a9a238;
    font-style:italic;
    font-size: 16px;
    display: block;
    width: 30%;
    letter-spacing:1px;
    line-height: 22px; 
}

.middle_jargon {
    float: left;
    padding: 10px 0;
    color: #a9a238;
    font-style:italic;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    width: 30%;
    padding-left: 25px;
    letter-spacing:1px;
    line-height: 22px;    
}

.right_jargon {
    float: left;
    padding: 10px 0;
    color: #a9a238;
    font-style:italic;
    font-size: 16px;
    display: block;
    width: 30%;
    padding-left: 25px;
    letter-spacing:1px;
    line-height: 22px; 
}

/* ===================== PORTFOLIO ===================== */

#gallery {
    overflow: auto;
    height: 560px;
}

.content_left_side {
    padding-top: 10px;
    width: 33%;
    float: left;
    display: block;
}

.content_left_side ul {
    margin-top: 20px;
}

.content_left_side ul li {
    margin-top: 12px;
    display: block;
    color: #192e1c;
    cursor: pointer;
}

.content_left_side ul li.selected {
    margin-top: 12px;
    display: block;
    color: #FFF;
}   

.content_right_side {
    padding-top: 25px;
    width: 66%;
    float: left;
    display: block;
}

.portfolio_right_side {
    padding-top: 25px;
    width: 66%;
    float: left;
    display: block;
    height: 990px;
}

.content_right_side img {
    display: block;
    border: 5px solid #192e1c;
    border-radius: 4px;
}

.gallery_section {
    width: 100%;
    margin-top: 25px;
}

.gallery_section img {
    border: 5px solid #192e1c;
    border-radius: 4px;
    width: 100%;
}

.green_section_heading {
    color: #192e1c;
    font-size: 44px;
    font-style: italic;
    margin-top: 35px;
}

#gallery_thumbnails {
    width: 100%;
    clear: both;
    overflow: auto;
    padding-top: 15px;
    padding-bottom: 25px;
}

.thumbnails {
    display: block;
    margin-left: -10px;
    
}

.about_section {
    clear: both;
    display: block;
}

.about_section img.first {
    float: right;
}

.about_section img.second {
    float: left;
    margin-top: 40px;
    overflow: auto;
    display: block;
}

.about_section .caption {
    font-style: italic;
    font-size: 14px;
    clear: both;
    margin-top: 15px;
    width: 250px;
}

.thumbnails li {
    margin-left: 10px;
    float: left;
    display: block;
    margin-top: 20px;
}

.thumbnails li.first {
    margin-left: 0;
}

.thumbnails li img {
    width: 35px;
    border: 2px solid #192e1c;
    border-radius: 3px;
    cursor: pointer;
}

.thumbnails li img.selected {
    width: 35px;
    border: 2px solid white;
    border-radius: 3px;
    cursor: pointer;
}

/* ===================== GOING GREEN ====================== */

.going_green_imgs {
    width: 70%;
    float: right;
    overflow: auto;
    margin-left: 20px;
    margin-top: 30px;
    padding-bottom: 30px;
}

.going_green_img {
    width: 100%;
}

.going_green_imgs p {
    font-style: italic;
    margin-top: 10px;
}

/* ===================== LINK ====================== */

ul.link_list {
    margin-top: 20px;
    padding-bottom: 40px;
}

ul.link_list li {
    margin-top: 15px;

}

ul.link_list li a:link {
    color: #192e1c;
}

ul.link_list li a:hover {
    color: #FFF;
}


ul.link_list li a:visited {
    color: #192e1c;
}

/* ===================== TESTIMONIALS ===================== */

#content p.quote {
    margin-top: 35px;
}

.quoter {
    font-style: italic;
}

/* ===================== CONTACT  ===================== */


fieldset {
    margin-left: 45px;
    margin-top: 15px;
    text-transform: uppercase;
    color: #3b3b3b;
}

fieldset label {
    display: block;
}

fieldset input {
    display: block;
    margin-top: 5px;
    width: 170px;
    height: 20px;
    padding: 3px;
}

textarea {
    width: 460px;
    height: 300px;
    display: block;
    margin-top: 5px;
    padding: 3px;
}

fieldset .submit {
    display: block;
    height: 22px;
    width: 48px;
}

#body_text p.body_copy {
    color: #a9a238;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 24px;
    padding-top: 10px;
}

#content p.bruce {
    margin-top: 15px;
    font-size: 22px;
    font-style: italic;
}