/* 
Title:Bergman Landscape Stylesheet
Modified:2009
*/

/* Global
---------------------------------------------------------- */
body {
font: 12px Arial,sans-serif;
line-height: 1.5em;
color: #333333;
min-height: 1000px;
background: #5a6d21 url('../images/bkg.png') repeat-x 0 0;
}
h1 {
font-size: 24px;
font-weight: bold;
color: #365117;
margin: 0 0 5px 0;
}
h2 {
font-size: 21px;
font-weight: bold;
color: #365117;
margin: 0 0 5px 0;
}
h3 {
font-size: 12px;
font-weight: bold;
color: #a5a08e;
margin: 0 0 5px 0;
}
p {
margin: 0 0 .75em 0;
}
a {
color: #184115;
}
a:hover {
text-decoration: none;
}
strong {
font-weight: bold;
}
ul {
line-height: 1.75em;
}
.dim {
color: #7a756e;
}

/* Containers
---------------------------------------------------------- */
#content_wrap {
width: 903px;
margin: 0 auto;
}
#header {
background: url('../images/bkg_header.png') no-repeat 0 0;
height: 117px;
}
#main_message {
background: url('../images/bkg_main_message.png') no-repeat 0 0;
height: 217px;
position: relative;
padding: 40px 30px 0 430px;
}
#content_body {
background: url('../images/bkg_home_content.png') repeat-y 0 0;
}
body.home #content {
min-height: 550px;
}
#content {
background: url('../images/bkg_home_content_btm.png') no-repeat 0 bottom;
min-height: 750px;
position: relative;
padding: 0 145px 60px 45px;
margin: 0 0 20px 0;
}
.home #content {
padding: 35px 400px 40px 45px;
}

/* Navigation
---------------------------------------------------------- */
#header #nav {
padding: 79px 0 0 35px;
}
#header #nav img {
float: left;
}
#header #nav li {
display: inline;
}
#header #nav a {
color: #fff;
text-decoration: none;
font-weight: bold;
text-indent: -9999px;
height: 39px;
display: block;
float: left;
}
#header #nav a.home {
background: url('../images/nav_home.png') no-repeat 0 0;
width: 82px;
}
#header #nav a.home:hover,
body.home #header #nav a.home {
background: url('../images/nav_home_ov.png') no-repeat 0 0;
}
#header #nav a.company {
background: url('../images/nav_company.png') no-repeat 0 0;
width: 102px;
}
#header #nav a.company:hover,
body.company #header #nav a.company {
background: url('../images/nav_company_ov.png') no-repeat 0 0;
}
#header #nav a.services {
background: url('../images/nav_services.png') no-repeat 0 0;
width: 107px;
}
#header #nav a.services:hover,
body.services #header #nav a.services {
background: url('../images/nav_services_ov.png') no-repeat 0 0;
}
#header #nav a.portfolio {
background: url('../images/nav_portfolio.png') no-repeat 0 0;
width: 112px;
}
#header #nav a.portfolio:hover,
body.portfolio #header #nav a.portfolio {
background: url('../images/nav_portfolio_ov.png') no-repeat 0 0;
}
#header #nav a.jobs {
background: url('../images/nav_jobs.png') no-repeat 0 0;
width: 66px;
}
#header #nav a.jobs:hover,
body.jobs #header #nav a.jobs {
background: url('../images/nav_jobs_ov.png') no-repeat 0 0;
}
#header #nav a.contact {
background: url('../images/nav_contact.png') no-repeat 0 0;
width: 120px;
}
#header #nav a.contact:hover,
body.contact #header #nav a.contact {
background: url('../images/nav_contact_ov.png') no-repeat 0 0;
}

/* Main Message
---------------------------------------------------------- */
#main_message .photo {
position: absolute;
top: 26px;
left: 4px;
}
#main_message p {
color: #365117;
width: 90%;
font-size: 14px;
line-height: 1.5em;
}
#main_message h1 {
background: url('../images/main_h1.png') no-repeat 0 0;
text-indent: -9999px;
height: 26px;
}
#main_message h3 {
margin: 0 0 10px 0;
background: url('../images/main_h3.png') no-repeat 0 0;
text-indent: -9999px;
height: 15px;
}

/* Content
---------------------------------------------------------- */
.intro {
color: #365117;
font-size: 14px;
line-height: 1.5em;
}
.crew {
background: url('../images/bkg_crew.png') no-repeat 0 0;
}
.main_photo {
width: 422px;
height: 246px;
background: url('../images/bkg_main_photo.png') no-repeat 0 0;
position: absolute;
display: block;
}
.main_photo img {
position: absolute;
top: 8px;
right: 9px;
}
.sub_photo {
width: 209px;
height: 177px;
background: url('../images/bkg_sub_photo.png') no-repeat 0 0;
display: block;
position: absolute;
}
.sub_photo img {
position: absolute;
top: 4px;
right: 5px;
}
.sub p {
margin-right: 175px;
}
p.c2 {
margin-right: 350px;
}
.callout {
background: #919550;
border: 1px solid #7e813a;
border-top: 4px solid #7e813a;
padding: 10px;
margin: 15px 0 ;
color: #524D2E;
}
body.contact .address .col2 {
float: right;
margin: 0 200px 0 0;
}
/* Titles
---------------------------------------------------------- */
.title {
background: url('../images/bkg_title.png') no-repeat 0 0;
width: 903px;
margin: 0 -45px 0 -45px;
padding: 45px 40px 15px 45px;
}
.title h1 {
text-indent: -9999px;
height: 33px;
}
body.company .title h1 {
background: url('../images/title_main_company.png') no-repeat 0 0;
}
body.services .title h1 {
background: url('../images/title_main_services.png') no-repeat 0 0;
}
body.portfolio .title h1 {
background: url('../images/title_main_portfolio.png') no-repeat 0 0;
}
body.jobs .title h1 {
background: url('../images/title_main_jobs.png') no-repeat 0 0;
}
body.contact .title h1 {
background: url('../images/title_main_contact.png') no-repeat 0 0;
}
/* Sub Titles
---------------------------------------------------------- */
h2 {
margin: 30px 0 15px -35px;
text-indent: -9999px;
height: 37px;
}
body.home h2 {
background: url('../images/title_services.png') no-repeat 0 0;
}
body.company h2.green {
background: url('../images/title_green.png') no-repeat 0 0;
}
body.company h2.community {
background: url('../images/title_community.png') no-repeat 0 0;
}
body.company h2.affiliation {
background: url('../images/title_affiliation.png') no-repeat 0 0;
}
body.services h2.r_c_services {
background: url('../images/title_r_c_services.png') no-repeat 0 0;
}
body.services h2.maintenance {
background: url('../images/title_maintenance.png') no-repeat 0 0;
}
body.services h2.partners {
background: url('../images/title_partners.png') no-repeat 0 0;
}
body.services h2.special {
background: url('../images/title_special.png') no-repeat 0 0;
}
body.portfolio h2.commercial_testimonials {
background: url('../images/title_commercial_testimonials.png') no-repeat 0 0;
}
body.portfolio h2.residential_testimonials {
background: url('../images/title_residential_testimonials.png') no-repeat 0 0;
}
body.jobs h2.openings {
background: url('../images/title_openings.png') no-repeat 0 0;
}
body.contact h2.quote {
background: url('../images/title_quote.png') no-repeat 0 0;
}
/* Quotes
---------------------------------------------------------- */
.quote {
font-family:Georgia,serif;
font-style: italic;
font-size: 14px;
color: #4b582c;
display: block;
padding: 10px 20px 5px 35px;
background: url('../images/bkg_quote.png') no-repeat 0 0;
}
.quote .ref {
font-style: normal;
font: 12px Arial,sans-serif;
line-height: 1.5em;
color: #524D2E;
}

/* Sidebar
---------------------------------------------------------- */
#sidebar {
position: absolute;
top: 0;
right: 0;
width: 260px;
padding: 90px 80px 0 35px;
margin: 10px 0 0 0;
color: #524d2e;
background: url('../images/sidebar_bkg.png') no-repeat 0 0;
height: 513px;
}
#sidebar a {
color: #dadbba;
}
#sidebar h3 {
color: #524d2e;
text-transform: uppercase;
margin: 15px 0 0 0;
}
#sidebar .contact {
font-weight: bold;
margin: 40px 0 0 0;
line-height: 1.3em;
}
#sidebar .contact .phone .alt {
font-weight: bold;
font-size: 12px;
color: #524d2e;
}
#sidebar .contact .phone {
font-weight: normal;
font-size: 18px;
color: #343018;
}

/* List
---------------------------------------------------------- */
.list {
width: 570px;
}
.list.wide {
width: 700px;
}
.list .col2 {
float: right;
width: 300px;
}
body.residential .list .col2 {
width: 330px;
}
body.company .list .col2 {
width: 330px;
}
.list.affiliation li {
padding: 6px 0 6px 35px;
width: 60%;
font-family:Georgia,serif;
font-size: 14px;
color: #524D2E;
}
.list.affiliation li.clca {
background: url('../images/clca_logo.png') no-repeat 0 50%;
}
.list.affiliation li.bbb {
background: url('../images/bbb_logo.png') no-repeat 2px 50%;
}
/* Footer
---------------------------------------------------------- */
#footer {
color: #979d5d;
padding: 0 0 20px 40px;
margin: -15px 0 0 0;
text-align: center;
}