* {
margin:0;
padding:0;
}

a {
color:#00723E;
}

a.subtle-link {
color:black;
}

img {
border:0;
}

body {
background:white url(/images/bg.gif) repeat-x top;
}

#container {
width:990px;
margin:0 auto;
margin-top:35px;
background:transparent url(/images/container-bg.png) repeat-y top;
position:relative;
}

.home h1, .sub #header #logo a {
background:url(/images/logo.gif) no-repeat 0 0;
text-indent:-9999px;
width:164px;
height:56px;
position:relative;
top:20px;
left:50px;
}

.sub #header #logo a {
display:block;
}

#body ul {
margin-bottom:10px;
}

#body ul li {
font:12px verdana,arial,sans-serif;
margin-left:25px;
}


ul#nav {
position:absolute;
top:40px;
right:50px;
}

ul#nav li {
list-style:none;
float:left;
text-indent:-9999px;
}

ul#nav li.about a {
background:url(/images/btn-about.gif) no-repeat 0 0;
width:99px;
height:35px;
}

ul#nav li.services a {
background:url(/images/btn-services.gif) no-repeat 0 0;
width:117px;
height:35px;
}

ul#nav li.portfolio a {
background:url(/images/btn-portfolio.gif) no-repeat 0 0;
width:140px;
height:35px;
}

ul#nav li.contact a {
background:url(/images/btn-contact.gif) no-repeat 0 0;
width:119px;
height:35px;
}

ul#nav li a {
display:block;
border:1px solid transparent;
}



ul#nav li a:hover {
border:1px solid #E2F2EB;
}

ul#nav li a:active {
border:1px solid #000000;
}


/********* Home specific **********/


#banner {
background:url(/images/home-banner.jpg) repeat-y top;
width:884px;
height:216px;
margin-left:50px;
margin-top:30px;
}

#banner h2 {
font:normal 26px Georgia,'Times New Roman',serif;
text-transform:uppercase;
letter-spacing:0.05em;
width:520px;
line-height:1.5em;
position:absolute;
left:160px;
top:40px;
color:#008a4b;
}

#banner h2 span {
color: #0f3e02;
}

#banner #screenshot {
padding-top:30px;
margin-left:750px;
position:relative;
}

#banner #screenshot img {
padding: 0 27px;
background:url(/images/sample_shadow.gif) no-repeat bottom;
}

#banner #screenshot div {
font:10px verdana,arial,sans-serif;
position:relative;
top:7px;
left:27px;
width:265px;
text-align:center;
}


#banner #screenshot span {
display:block;
margin-bottom:5px;
}

#main-group {
float:left;
padding-bottom:20px;
}

#main-group #body {
width:290px;
margin-left:50px;
float:left;
}

#main-group #body h2, #main-group #news h2 {
font:bold 14px Verdana,arial,sans-serif;
margin-top:15px;
margin-bottom:10px;
border:0;
}

#main-group #body p {
font:12px verdana,arial,sans-serif;
line-height:1.4em;
margin-bottom:10px;
}

#main-group #news {
width:225px;
margin-left:380px;
}

#main-group #news h2 {
color:#5b5945;
}

#main-group #news ul li {
color:#4E4E4E;
font:11px verdana,sans-serif;
list-style:none;
margin-bottom:10px;
padding:5px;
background:url(/images/news-bg.gif) repeat-x top;
border-bottom:1px solid #c6e5d7;
}

#main-group #news ul li a {
color:#4E4E4E;
}

#main-group #news ul li.social {
background-image:url(/images/social-bg.gif);
border:0;
}

#main-group #news ul li.social, #main-group #news ul li.social a {
color:black;
}

#home-services {
background:#f0f6f4;
clear:both;
margin-left:50px;
margin-right:55px;
height:75px;
margin-bottom:50px;
}

#home-services ul {
margin-left:29px;
}

#home-services ul li  {
list-style-type:none;
display:inline;
}

#home-services ul li a {
list-style-type:none;
float:left;
width:130px;
text-align:center;
font:14px Georgia,'Times New Roman',serif;
text-transform:uppercase;
text-decoration:none;
padding:20px;
border:1px solid white;
border-top:0;
border-bottom:0;
}

#home-services ul li a:hover {
background-color:#008A4B;
color:white;
}

#home-services ul li a:active {
background-color:black;
} 

p.testimonial-link-home {
text-align:center;
margin-bottom:40px;
}

p.testimonial-link-home a {
font:14px arial,helvetica,sans-serif;
text-decoration:none;
border-bottom:1px solid #00723E;
}


/* ******** Sidebar sitewide ************/


#sidebar {
float:right;
width:290px;
margin-right:27px;
margin-top:20px;
}

#sidebar h2 {
font:11px Georgia,'Times New Roman',serif;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:10px;
padding-top:5px;
color:#7d7d7d;
border-top:1px solid #f1f6e3;
}

#sidebar #dcd {
background:#f2f0db;
border:1px solid #ecead4;
border-right:none;
height:107px;
position:relative;
}

#sidebar #dcd h3 a {
text-indent:-9999px;
background:url(/images/logo-dcd.gif) no-repeat 0 0;
margin-top:10px;
margin-left:10px;
display:block;
width:201px;
height:27px;
}

#sidebar #dcd p {
font:10px verdana,arial,sans-serif;
margin:5px 10px;
padding-right:0;
margin-right:0;
}

#sidebar #dcd img {
margin-left:10px;
}

#sidebar #dcd #side-curl {
width:5px;
height:117px;
position:absolute;
right:-5px;
top:-9px;
background:url(/images/dcd_curl.png) no-repeat 0 0;
}

.clear {
clear:both;
}



/********* Sub specific ***********/

#content-body {
margin-left:70px;
margin-top:70px;
width:550px;
float:left;
}

#content-body ul {
margin-left:25px;
margin-bottom:15px;
}

#content-body ul li {
font:16px/1.5 arial,sans-serif;
}

#content-body.portfolio {
width:890px;
float:none;
margin:0 auto;
margin-top:70px;
}

#content-body h1 {
font:26px Georgia,'Times New Roman', serif;
text-transform:uppercase;
letter-spacing:3px;
margin-bottom:10px;
color:#0f3e02;
}

#content-body p {
font:16px/1.5 arial,sans-serif;
margin-bottom:15px;
}


body.sub #news {
margin-top:55px;
}

.sub #sidebar ul {
margin-bottom:20px;
}

.sub #sidebar ul li {
list-style:none;
font:11px verdana,arial,sans-serif;
margin-bottom:10px;
color:#4E4E4E;
margin-right:10px;
}

h3.org {
font:16px arial,sans-serif;
}


h2 {
font:italic 20px georgia,time,serif;
border-top:1px solid #F1F1F1;
padding-top:10px;
margin-bottom:10px;
color:#0f3e02;
}

h3 {
font:bold 17px helvetica,arial,sans-serif;
margin-top:15px;
}


p.testimonial-link a {
display:block;
background-color:#46A77B;
color:white;
font:bold 14px arial,sans-serif;
padding:10px;
text-decoration:none;
}

p.testimonial-link a:hover {
color:#EAF5F0;
background-color:black;
}

/********* Contact *************/

#contact-form {
background-color:#F5F5F5;
padding:15px;
}

#contact-form form fieldset {
border:0;
}

#contact-form form legend {
color:black;
font:normal 120% georgia,serif;
margin-bottom:15px;
}

#contact-form form div {
margin-bottom:0.4em;
}


#contact-form form div.send-button {
margin-left:0;
}

#contact-form form label {
width:7em;
float:left;
text-align:right;
margin-right:15px;
font:90% arial,sans-serif;
color:black;
}

#contact-form form label.checkbox {
float:none;
}

#contact-form form input#contactMethodEmail {
margin-left:0;
}

p.form-warning {
width:300px;
background-color:yellow;
color:black;
font:80% arial,sans-serif;
padding:10px;
margin-bottom:1em;
}

#contact-form form label.error {
background-color:yellow;
color:black;
}

#contact-form form textarea#notes {
width:380px;
margin-bottom:10px;
}

p.form-success {
background-color:white;
color:black;
width:300px;
font:80% arial,sans-serif;
padding:10px;
}

p.form-success strong {
background-color:#FFFDBF;
}

div.contact-method {
color:black;
font:90% arial,sans-serif;
}

div.prefs {
background-color:#DBEBE4;
margin:0;
padding:10px;
font-size:14px;
}

p.antispam {
color:black;
font:70% arial,sans-serif !important;
padding-top:10px;
}



/******** Portfolio *********/



img.thumb {
border:4px solid #F2F0DB;
}

ul.portfolio-list {
margin-left:0 !important;
}

ul.portfolio-list li {
list-style-type:none;
margin-left:0;
padding-left:0;
clear:left;
}

ul.portfolio-list li h3 a {
font-size:14px;
color:#008A4B;
text-decoration:underline;
margin-top:0;
}

.portfolio-list img.thumb {
float:left;
margin-right:20px;
margin-bottom:30px;
} 



ul.portfolio-list li ul.work-done li {
margin-left:303px;
font:11px verdana,sans-serif !important;
padding-left:20px;
margin-bottom:10px;
background:url(/images/checkmark.png) no-repeat 0 3px;
clear:none;
}

ul.portfolio-list li.p-item {
padding-bottom:10px;
padding-top:0;
}

.portfolio-list li.p-item p {
font:12px verdana,sans-serif !important;
margin-left:328px;
}

/********* Services ***********/

ul#services-list ul li {
font-size:12px;
}



/* Newsletter */

#newsletter {
background-color:#EFF8F4;
margin-bottom:5px;
}

#newsletter h3 {
font-size:13px;
color:#008A4B;
padding:10px;
}

#newsletter p {
font:11px verdana,arial,sans-serif;
padding:10px;
padding-top:0;
}

#newsletter p.privacy {
font-size:10px;
margin-top:5px;
color:#002B17;
}

#newsletter label {
display:none;
}

#newsletter .email-box {
width:150px;
margin-left:10px;
color:#878080;
}

#newsletter .email-box:focus {
color:black;
}


/********* Misc ****************/

#call2contact {
background:#FFFDD9;
clear:both;
}

/********* Testimonials **************/

#testimonials.general {
margin-bottom:20px;
}

#testimonials blockquote {
font:16px/1.5 Georgia,times,Times New Roman,serif;
color:#15613F;
border-bottom:1px solid #F3F3F3;
padding:10px 0;
}

#testimonials blockquote cite {
display:block;
font-size:14px;
margin-left:40px;
margin-top:10px;
color:#4C4C4C;
}

#testimonials blockquote cite span {
display:block;
}




/********* Footer **************/

#footer {
background:url(/images/footer-graphic.gif) no-repeat -10px 0;
width:929px;
height:79px;
margin:0 auto;
text-align:center;
clear:both;
}

#footer p {
padding-top:32px;
text-transform:uppercase;
font:normal 12px Georgia,'Times New Roman',serif;
letter-spacing:4px;
}

ul#validation {
width:170px;
margin:15px auto;
}

ul#validation li {
list-style-type:none;
float:left;
margin-right:10px;
}

ul#validation li.last {
margin-right:0;
}

p#copyright {
text-align:center;
font:10px verdana;
color:#B3B3B3;
margin-top:40px;
padding-bottom:10px;
clear:both;
}



