@charset "UTF-8";

html {
background: #fff;
background-image: url(../../img/bg.png);
background-repeat: repeat-x;
height: 100%;
}

body {
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

img {
border: 0;
z-index: 1;
}

/* !TYPE */

h1, h2, h3, h4, h5, h6, ul, li, p {
margin-top: 0;
margin-left: 0;
padding-left: 0;
line-height: 1.4em;
}

h1, h2, h3, h4, h5 {margin-bottom: .5em;}
h1 {font-size: 3em; letter-spacing: -1px;}
h2 {font-size: 2em; color: #17466b; font-weight: 300;}
h3 {font-size: 2em; font-weight: bold;}

p, blockquote {
margin-bottom: 1em;
font-size: 1.5em;
font-weight: 300;
}

#content ul, ol {
margin-bottom: 1em;
font-size: 1.5em;
font-weight: 300;
list-style-type: none;
}

ol {
margin-bottom: 1em;
font-size: 1.4em;
font-weight: 500;
list-style-type: decimal;
padding: 0;
list-style-position: inside;
}

#content li {
margin-bottom: 1em;
clear: left;
}

a {
text-decoration: none;
font-weight: bold;
color: #005ca5;
}

a:hover {color: #006fc6; text-decoration: underline;}

strong {
font-weight: bold;
}

/* !LAYOUT */

#wrapper {
background: ;
width: 100%;
height: 100%;
text-align: center;
}

#container {
width: 940px;
margin: 0 auto;
text-align: center;
background: url(../../img/container_bg.jpg) no-repeat;
}

#header {
width: 940px;
height: 115px;
margin: 0 0 20px 0;
padding: 0;
background-image: url(../../img/header.jpg);
background-repeat: no-repeat;

position: relative;
}

#logo {
position: absolute;
top: 16px;
left: 0;
}

#head_contact {
width: 210px;
height: 55px;
position: absolute;
top: 38px;
right: 0;
}

#nav_contact {
width: 160px;
float: left;
margin: 0;
padding: 0;
}

#navi {
width: 159px;
margin: 0;
padding: 0;
overflow: hidden;
}

#quick_contact {
width: 159px;
}

#quick_contact p {
margin-bottom: 8px;
}

#quick_contact input, textarea {
padding: 0px;
margin: 0px;
border-top: 1px solid #aaadb2;
border-right: 1px solid #e3e3eb;
border-bottom: 1px solid #e3e3eb;
border-left: 1px solid #e2e9ef;
outline: 0px;        
line-height: normal;
vertical-align: baseline;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

#quick_contact input, {
height: 18px;
}

#quick_contact input {
width: 135px;
padding: 2px 3px;
margin-bottom: 9px;
}

#quick_contact select, option {
width: 141px;
margin-bottom: 9px;
}

#quick_contact textarea {
padding: 3px;
width: 135px;
height: 100px;
margin-bottom: 9px;
}

#quick_contact .submit {
width: 88px;
height: 30px;
background: url(../../img/submit.png);
border: 0;
font-size: 1.4em;
font-weight: bold;
position: relative;
left: 26px;
}

#quick_contact .submit:hover {
background-position: 0 -30px;
}

#quick_contacttop {
width: 159px;
height: 4px;
padding: 0;
margin: 1em 0 0 0;
background-image: url(../../img/q_contact-top.png);
float: left;
}

#quick_contactmid {
width: 143px;
padding: 4px 8px;
background-image: url(../../img/q_contact-mid.png);
background-repeat: no-repeat;
float: left;
}

#quick_contactbottom {
width: 159px;
height: 4px;
padding: 0;
margin: 0 0 1em 0;
background-image: url(../../img/q_contact-bottom.png);
float: left;
}

#quick_contact form {
font-size: 1.2em !important;
}

#content, #nav_contact {
text-align: left;
}

#content {
width: 750px;
min-height: 500px;
float: right;
}

#contact_info {
width: 375px;
margin: 0;
padding: 1em;
background: url(../../img/contact_bg.png);
border: 1px dotted #dadada;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
margin-bottom: 1.5em;
}

#contact_info ul {
width: 200px;
margin: 0;
padding: 0;
font-size: 1.5em;
float: left;
}

#contact_info li {
margin: 0 0 4px 0;
padding: 0;
}

#contact_info .divider {
width: 375px;
padding: 1em 0 0 0;
margin-bottom: 1em;
background-position: bottom;
}

#contact_info li:last-child {
margin: 0;
}

#footer {
width: 940px;
height: 24px;
padding: 10px 0 2em 0;
background: url(../../img/footer_bg.png) top center no-repeat;
position: relative;
top: 20px;
clear: both;
}

#footer p {
font-size: 1.4em;
color: #17466b;
}

#footer a {
text-decoration: underline;
}

/* !HEADER HOVER ELEMENT */

#header ul {margin: 0; padding: 0; list-style-type: none;}
#header li {float: right; clear: right; margin: 0 0 11px 0;}
#header a {height: 24px; display: block; text-indent: 9999px; overflow: hidden; cursor: pointer;}
#header a:hover {background-position: 0 -24px;}

#email_head {
background-image: url(../../img/email_head.png);
background-position: 0 -48px;
width: 200px;
}

#phone_head {
background-image: url(../../img/phone_head.png);
background-position: 0 -48px;
width: 200px;
}

/* !NAV-NOSERVICE HOVER ELEMENTS */

#navi ul {margin: 0; padding: 0; font-size: 1.6em;}
#navi li {float: left; display: inline; margin: 0;}
#navi a {height: 26px; width: 129px; display: block; cursor: pointer; text-decoration: none; font-weight: 300; padding-left: 30px; padding-top: 4px; color: #343930;}

#home, #about, #services, #contact {background-image: url(../../img/nav_noservice.png);}
#home_active #home, #about_active #about, #contact_active #contact, #services_active #services, #maintenance_active #maintenance, #landscaping_active #landscaping {font-weight: bold !important; color: #202521;}

#home {
background-position: 159px 0;
}

#about {
background-position: 159px -30px;
}

#services {
background-position: 159px -60px;
}

#contact {
background-position: 159px -90px;
}

a#home:hover {background-position: 318px 0px;}

a#about:hover {background-position: 318px -30px;}

a#services:hover {background-position: 318px -60px;}

a#contact:hover {background-position: 318px -90px;}

#home_active #home {
background-position: 0 0px;
}

#about_active #about {
background-position: 0 -30px;
}

#services_active #services {
background-position: 0 -60px;
}

#contact_active #contact {
background-position: 0 -90px;
}

/* !NAV-SERVICE HOVER ELEMENTS */

#contact_s, #landscaping, #maintenance {background-image: url(../../img/nav_services.png);}
#services_active #services a, {font-weight: bold}

#maintenance {background-position: 159px -0px; height: 20px !important; font-size: 13px !important; padding-left: 36px !important; padding-top: 5px !important;}

#landscaping {background-position: 159px -25px; height: 25px !important; font-size: 13px !important; padding-left: 36px !important; padding-top: 0 !important;}

#contact_s {background-position: 159px -50px;}

a#maintenance:hover {background-position: 318px -0px;}

a#landscaping:hover {background-position: 318px -25px;}

a#contact_s:hover {background-position: 318px -50px;}

#landscaping_active #landscaping {background-position: 0 -25px;}

#landscaping_active #services {background-position: 0 -60px;}

#maintenance_active #maintenance {background-position: 0 0px;}

#maintenance_active #services {background-position: 0 -60px;}

#contact_s_active #contact_s {background-position: 0 -50px;}

/* !LIST STYLES */

.icons li {
list-style-type: none;
padding-left: 24px;
background-repeat: no-repeat;
background-position: 0 5px;
}

.design {background: url(../../img/content/icons/scape_design.png)}
.install {background: url(../../img/content/icons/install.png)}
.reno {background: url(../../img/content/icons/reno.png)}
.hardscape {background: url(../../img/content/icons/hardscape.png)}
.irrigation {background: url(../../img/content/icons/irrigation.png)}
.light {background: url(../../img/content/icons/light.png)}
.weekly {background: url(../../img/content/icons/weekly.png)}
.flower {background: url(../../img/content/icons/flower.png)}
.grass {background: url(../../img/content/icons/lawn.png)}
.prune {background: url(../../img/content/icons/prune.png)}
.fruit {background: url(../../img/content/icons/fruit.png)}

/* !UTILITY STYLES */

input.blur {color: #999;}

.divider {
width: 750px;
height: 1px;
background: url(../../img/divider_bg.png) repeat-x;
margin: 20px auto;
clear: both;
}

.img_border {
padding: 4px;
background: #fff;
border: 1px solid #e4e5e4;
}

.first {
margin: 0 0 -6px 0;
padding-top: 0;
position: relative;
top: -10px;
}

.underline {
text-decoration: underline;
}

.clear {clear: both;}
.left {float: left;}
.img_left {float: left; margin: 0 15px 15px 0}
.text_left {text-align: left;}
.right {float: right;}
.img_right {float: right; margin: 0 0 15px 15px}
.text_right {text-align: right;}

img, div, a {behavior: url(iepngfix.htc)}