/* GreenSeason Group Master CSS Document */ * { margin:0;} body { background: #efeade; margin:0; font-family: 'Trebuchet MS', tahoma, arial, sans-serif; text-align:center; font-size: 13px;} .col, .col1, .col2, .col3 { float: left; } .clear { clear:both; } h1, h2, h3, h4, h5, h6 { margin:0; } h2, h3 { color: #261e0e; font-size: 14px; line-height: 120%; font-weight: bold; margin-bottom: 0; margin-top: 10px; } h3 { font-size: 14px; margin: 18px 0 0 0; } img { border: 0} p, li { font-size: 12px; line-height: 140%; color:#292110; margin: 10px 0;} a { color:#575e17;} a:hover { color:#c68130 } #masthead { background: url(../images/banner-bg.jpg) repeat-x top center; height: 142px; } #masthead .content { width: 910px; margin: 0 auto; text-align: left; height: 111px;} #masthead .content .col1, #masthead .content .col2, #masthead .content .col3 { width: 330px; padding-top: 24px; } #masthead .content .col2 { padding-top: 40px; width: 320px;} #masthead .content .col2 h1 { color:#f3e286; font-size: 14px; text-align:center; line-height: 130%;font-weight: normal;} #masthead .content .col2 span.subhead { font-size: 11px; } #masthead .content .col3 { color:#80883f; font-size: 11px; text-align:right; padding-top: 48px; width: 255px;} #masthead .content .col3 span.phone {color:#f3e286; font-size: 12px; padding-right: 10px; } #masthead .content .col3 a { color:#80883f; text-decoration:none; } #masthead .content .col3 a:hover { color:#f3e286; text-decoration:underline; } #container { width: 910px; margin: 0 auto; text-align: left; padding: 14px 0 0;} #container li { list-style-image:url(../images/bullet.gif); line-height: 130%;} /* Buttons */ .button { margin-top: 16px; text-align:center;} .button a { border: solid 1px #A3AA65; background-color: #FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius: 4px; z-index: 5; position: relative; behavior: url(javascripts/border-radius.htc); text-align:center; padding: 4px 10px; text-decoration:none; } .button a:hover { background-color: #A3AA65; color:white; border-color:#efeade;} #photoset { width: 910px; margin: 0 auto; text-align: left; padding-top:14px; padding-left:8px;} #photoset .residential, #photoset .commercial { float: left; height: 295px; width: 455px; } #photoset .ghost {position: relative; left: 0; top: 180px; z-index: 10; width: 447px; } #photoset .buttons {position: relative; top: 168px; padding: 0 0 0 6px; z-index: 10 } #photoset .buttons .link { float: left; margin-right: 2px; font-size: 15px; font-weight: bold; text-align:left;} #photoset .link { margin-top:0; } #photoset .link a { background-color:transparent; background-image:url(../images/home/large-btn.png); background-repeat: no-repeat; padding: 9px 0 0 20px; color:#c4ce67; text-decoration:none; width: 198px; height: 39px; display:block; border:0; border-radius:0px; z-index: 100; text-align:center; } #photoset .link a:hover { background-image:url(../images/home/large-btn-dn.png); } #photoset .commercial .buttons .link a { color:#f2e28c; } #photoset .commercial .buttons .link a:hover { } #highlights { width: 910px; margin: 0 auto; text-align:left;} #highlights .col { margin-top:12px; width: 303px; height: 176px; background:url(../images/home/highlight-bg.png) no-repeat center; } #highlights h1 { color:#575e17; font-weight: bold; font-size: 16px; line-height:110%; background: url(../images/home/flower-brn.png) no-repeat; margin: 6px 0 0 20px; padding: 6px 40px 10px 60px;} #highlights h1.org { background-image: url(../images/home/flower-org.png) } #highlights h1.grn { background-image: url(../images/home/flower-grn.png) } #highlights p { margin: 12px 30px 12px 30px; line-height: 140%; font-size: 12px;} /* Retrofit */ #legacy .col1 { width: 399px; margin: 0 10px 0 4px; } #legacy .col1 img { } #legacy .col1 h2 { font-size: 18px;font-weight:normal; font-family: georgia, serif; padding-bottom: 0px; border-bottom: 1px dotted #dbd2bc; margin: 5px 20px ; } #legacy .col1 .callout { background-color: #A3AA65; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius: 6px; z-index: 5; position: relative; behavior: url(javascripts/border-radius.htc); text-align:center; padding: 10px; margin-top: 10px; width: 379px;} #legacy .col2, #legacy.tips .col2 { width: 493px; background: url(../images/watermark.gif) no-repeat bottom right #ffffff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius: 6px; z-index: 5; position: relative; behavior: url(javascripts/border-radius.htc);} #legacy .col2 .content { padding: 20px 30px 20px;} #legacy.tips .col1 { width:270px; background-color: #A3AA65; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius: 6px; z-index: 5; position: relative; behavior: url(javascripts/border-radius.htc); text-align:left; padding: 10px; } #legacy.tips .col2 { width: 602px; } #quicklinks { width: 250px; } .png {behavior:url(iepngfix.htc);} /* Res Portfolio */ .righthalf #container { width:399px; background-color: #261e0e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius: 4px; z-index: 5; position: relative; behavior: url(javascripts/border-radius.htc); text-align:left; padding:3px} #portfoliobody { width: 440px; height: 424px; padding: 20px; background: #ffffff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius: 6px; z-index: 5; position: relative; behavior: url(javascripts/border-radius.htc); } /* Commercial Projects */ #project-reports { } #project-reports .col1 { width: 672px; height: 488px; padding-left: 4px;} #project-reports .col2 { width: 234px; height: 488px; background:url(../images/projectreports-bg.gif) no-repeat } #project-reports .col2 h1 { font-weight: bold; font-size: 12px; color:#292110;} #project-reports .col2 p { font-weight:normal; margin-top:0; } #project-reports .col2 ul { padding:0 0 0 10px; } #project-reports .content {position: relative; top: 60px; left: 20px; width: 194px; height: 220px} .boxes { margin: 5px 0;} .next { position: relative; top: 80px; left: 20px; width: 194px;} #footer { width: 910px; margin: 20px auto; height: 31px; text-align:left; background: url(../images/footer-bg.png) no-repeat; padding-top: 13px;} #footer .links { float:right; text-align:right; } #footer p { margin: 0px 10px; font-size: 11px; color:#292110; } .rts { margin: 10px 0 20px;} .inline-background {position: relative} .inline-background img.background {position: absolute; top: 0; left: 0} .p7PMMh07 {position: relative; z-index: 50} #printlogo { display:none; }