@charset "UTF-8";
/* CSS Document */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
body {
margin:0 auto;
background:#e7ebe0;
font: 12px/20px "Myriad","Myriad Pro",sans serif;
color:#483f3a
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file
*/
h1,h2,h3,h4,h5,h6 {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight:normal;
padding:5px 0;
margin: 5px auto
}
h2 {
font-size: 22px;
color: #006838
}
h3 {
font-size: 18px;
color: #44a346
}
h5 {
font-size:14px;
color: #44a346
}
a {
color:#292421
}
a:hover {
color: #006838
}
.clearfix {
clear:both;
}
.clear {
clear:both;
margin:0 ; padding:0
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
#logo {
position:absolute;
top:0;
margin-left:62px;
width:176px;
height:145px;
background:url(images/logo.png) top no-repeat;
z-index:10000;
display:block
}
#logo h1 {
margin:0;
padding:0;
text-indent:-9999px
}
#wrapper {
margin:0 auto;
width:954px;
padding-bottom: 101px;
}
#top-contact {
height:20px;
padding:30px 80px 0 0;
margin:0px
}
#top-contact p {
float:right;
padding:0px 0 0 12px;
text-transform:uppercase;
letter-spacing:.04em;
background:url(images/trans-phone-icon.gif) left top no-repeat;
margin:0;
}
#content-top {
background:url(images/content-top.gif) no-repeat top center;
width:954px;
margin:0 auto;
}
/*----- NAV ------*/
ul.nav {
margin:0;padding:0;
padding-left:248px;
height:60px;
}
ul.nav li {
display:inline;
list-style:none;
line-height:38px
}
ul.nav li a {
background:none;
display:block;
float:left;
height:35px;
padding: 0 0 0 16px;
margin-top:20px;
font-size:11px;
text-transform:uppercase;
color:#483f3a;
text-decoration:none
}
ul.nav li a span {
background:none;
display:inline;
float:left;
height:35px;
padding: 0 16px 0 0;
}
ul.nav li a:hover {
background:transparent url(images/nav-button.png) no-repeat top left;
color:#006838;
}
ul.nav li a:hover span {
background:transparent url(images/nav-button.png) no-repeat right -35px;
color:#006838;
}
ul.nav li.current a {
display:block;
float:left;
height:35px;
padding: 0 0 0 16px;
margin-top:20px;
font-size:11px;
text-transform:uppercase;
background:transparent url(images/nav-button.png) no-repeat top left;
color:#006838;
text-decoration:none
}
ul.nav li.current a span {
background:transparent url(images/nav-button.png) no-repeat right -35px;
color:#006838;
display:inline;
float:left;
height:35px;
padding: 0 16px 0 0;
}
/*---------- Button style ----------*/
p.button,li p.button {
display:inline-block;
line-height:31px;
margin:0;padding:0;
font-size:11px;
text-transform:uppercase;
font-style:normal
}
p.button a, li p.button a {
background:transparent url(images/nav-button-smaller.png) no-repeat top left;
display:block;
padding: 0 0 0 16px;
float:left;
height:28px;
color:#483f3a;
text-decoration:none
}
p.button a span, li p.button span {
background:transparent url(images/nav-button-smaller.png) no-repeat right -28px;
display:inline;
padding: 0 16px 0 0;
float:left;
height:28px;
}
p.button a:hover, p.button a:hover span {
color:#006838;
}
a.free-est {
width:210px;
height:29px;
display:block;
background:transparent url(images/free-est-btn-a.gif) no-repeat top center;
margin-bottom:12px
}
a.free-est:hover {
width:210px;
height:29px;
display:block;
background:transparent url(images/free-est-btn.gif) no-repeat top center;
}
/*------- HOMEPAGE PIC ---------*/
#photo-container {
height:242px;
width:940px;
position:relative;
margin: 0 auto
}
#photo-box {
height:242px;
width:940px;
position:absolute;
z-index:2
}
#photo-mask {
margin:0 auto;
height:242px;
width:940px;
position:absolute;
z-index:3;
background:url(images/homepic-mask.png) no-repeat;
}
/*---------- Content containers ----------*/
#content-mid {
background:url(images/content-mid.gif) repeat-y center;
padding:20px 0 10px;
width:954px;
margin: 0 auto
}
#content-mid h5 {
margin:0px;padding:0px
}
#content-mid div.leftCol {
float:left;
width:570px;
margin:0 20px 10px 30px
}
#content-mid div.rightCol {
float:left;
margin:0 0 10px 20px;
width:260px
}
#content-mid div.services {
width:940px;
padding:0 30px;
margin:0 auto
}
#content-mid div.services h2 {
display:block;
padding-right:20px;
margin:5px 0 14px 0;
vertical-align:middle;
}
#content-mid div.services div {
width:275px;
padding:0 35px 0 0;
float:left
}
#content-mid div.leftCol div.services {
width:940px;
padding:0 30px;
margin:0 auto
}
#content-mid div.leftCol div.services h2 {
display:block;
padding-right:20px;
margin:5px 0 14px 0;
vertical-align:middle;
}
#content-mid div.leftCol div.services div {
width:250px;
padding:0 20px 0 0;
float:left
}
#content-mid div.services div h3 {
font-size:16px
}
#content-bottom {
background:url(images/content-bottom.gif) no-repeat top center;
height:35px;
width:954px;
margin: 0 auto
}
#content-end {
background:url(images/content-end.gif) no-repeat top center;
padding:6px 90px 6px 80px;
height:60px;
font-size:12px;
text-transform:uppercase;
width:784px;
margin: 0 auto
}
#content-end p.left {
float:left;
padding-left:34px;
background:url(images/mail-icon.gif) left top no-repeat;
margin:0;
}
#content-end p.right {
float:right;
padding-left:20px;
background:url(images/phone-icon.gif) left top no-repeat;
margin:0;
}
#bottom {
height:100px;
margin: 0 auto;
padding:6px 80px 6px 80px;
}
#bottom div.left {
display:block;
float:left
}
#bottom div.right {
display:block;
text-align:right;
float:right
}
#bottom img {
float:left;
}
#footer {
position: relative;
margin-top: -101px; /* negative value of footer height */
height: 101px;
clear:both;
background:url(images/grass.png) repeat-x;}
/*---------- Testimonials in sidebar and page ----------*/
blockquote.testi {
margin: 0px;
margin:10px 0px;
width:240px;
padding-left:20px;
background:url(images/testi-qlft.gif) no-repeat top left
}
blockquote.testi p {
padding:0px; margin:5px 0px;
display:block
}
blockquote.testi p:first-child {
font-style: italic;
background:url(images/testi-qrt.gif) no-repeat bottom right;
}
blockquote.testi p.testi-from {
color:#664135;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style: normal;
background:none;
margin-bottom:8px
}
blockquote.testiFull {
margin: 0px;
margin: 30px;
padding-left: 20px;
background:url(images/testi-qlft.gif) no-repeat top left
}
blockquote.testiFull p {
padding:0px; margin:5px 0px;
display:block;
padding-right:10px;
background:url(images/testi-qrt.gif) no-repeat bottom right;
}
blockquote.testiFull p.noqrt {
background:none}
blockquote.testiFull p:first-child {
font-style: italic;
}
blockquote.testiFull p.testi-from {
color:#664135;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style: normal;
background:none;
margin-bottom:8px
}
/*------------- Styles for Wordpress Testimonials --------------*/
div.testimonials {
}
div.testimonials blockquote {
margin: 0px;
margin: 30px;
padding-right: 20px;
background:url(http://www.eveningshadelandscaping.com/images/testi-qrt.gif) no-repeat bottom right
}
div.testimonials blockquote p {
padding:0px; margin:0 0 18px 0;
display:block;
padding-left:20px;
font-style: italic;
/*background:url(images/testi-qrt.gif) no-repeat bottom right;*/
}
div.testimonials blockquote p:first-child {
background:url(http://www.eveningshadelandscaping.com/images/testi-qlft.gif) no-repeat top left;
padding-left:20px
}
div.testimonials p.testimonial-from {
color:#664135;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style: normal;
background:none;
margin-top:-10px;
padding-left:30px
}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:100px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}