@charset "utf-8";
/* CSS Document */
body {margin:0; font-family: "Segoe UI", Verdana, Geneva, sans-serif;font-size:14px; background:url(../siteart/background.gif) repeat-x white;}

img {border:0px;}
ul, li {padding:0; margin:0; list-style:none;}
h1, p, h2, h3 {padding:0; margin:0;}
.small, small {font-size:11px;}

#wrapper {margin:0px auto; width:1004px;}
#container {width:996px; padding:0px 4px; background-image:url(../siteart/container-bg.jpg); float:left;}

#header {width:996px; float:left; background:url(../siteart/header-bg.jpg) no-repeat; height:130px;}
#header .logo {float:left; padding:17px;}

#nav {float:right; padding:17px}
#nav ul {background-image:url(../siteart/navbg.png); width:479px; height:41px;}
#nav li {float:left;}
#nav li a {font-size:16px; font-weight:bold; color:#ffffff;text-decoration:none; display:block; padding:9px 20px;}
#nav li a:hover {color:#874718;}
.fb {float:right; padding-right:17px;}

#featured, #featured-second {height:279px; width:996px; float:left; clear:both; margin-top:3px;}
#featured {background-image:url(../siteart/showcase-bg.jpg);}
#featured-second {background-image:url(../siteart/showcase-bg-second.jpg);}
#featured p, #featured-second p {color:#255407; font-size:16px; padding:55px 20px 0 467px; line-height:19px;}
#featured a, #featured-second a {color:#255407;}
#featured a:hover, #featured-second a:hover {color:#142806;}
#featured p img, #featured-second p img {margin-top:7px;}

#content {float:left; width:996px; background:url(../siteart/content-bg.png) no-repeat;color:#124b59; line-height:18px;}
h1 {color:#124b59; font-size:30px; font-weight:bold; line-height:34px;}
h2 {color:#124b59; font-size:16px; font-weight:normal; margin-bottom:35px;}


#content p, #content-second p {color:#124b59; line-height:18px;}
#content a, #content-second a {color:#124b59;}
#content a:hover, #content-second a:hover {color:#5299aa;}
#content-second {float:left; padding:0px 40px; width:916px; background:url(../siteart/content-bg-second.png) no-repeat;}

#portfolio {color:#124b59; line-height:18px; font-size:13px; margin-bottom:20px;width:916px; float:left; clear:both; border-bottom:1px solid #6999a5;}
#portfolio li {float:left; padding-bottom:20px;}
#portfolio img {margin-right:20px;}
#portfolio .image {width:312px;}
#portfolio .writeup {width:600px;}

#left {float:left; margin-left:40px; width:590px;}
#right {float:right; margin-right:40px; width:285px;}

#latest {clear:both; float:left; margin:20px 0px 20px 40px; width:936px;}
h3 {font-size:18px; color:#599534; margin-bottom:7px;}
#latest li {float:left; margin-right:20px;}
#latest .asi {color:black;}
#latest .asi a {color:black;}
#latest .asi a:hover {color:#696969;}
#latest .sparkys {color:#731111;}
#latest .sparkys a {color:#731111;}
#latest .sparkys a:hover {color:#ba3333;}
#latest .flourish {color:#4885b1;}
#latest .flourish a {color:#4885b1;}
#latest .flourish a:hover {color:#98caee;}

#contact td {font-size:14px; padding-bottom:15px; vertical-align:top; width:50%;}
#contact input, textarea, select {background-color:#e8f5f8; padding:3px; font-size:13px; border:1px solid #6999a5; color:#124b59; width:200px;}

#footer {background-color:#74b04f; color:#2f5913; clear:both; float:left; margin:0px 40px 20px; width:916px;}
#footer a {color:#2f5913;}
#footer a:hover {color:#1d350d;}


#footer li {float:left; margin-top:20px; margin-bottom:20px;height:170px; margin-right:0px;}
#footer .name {padding-right:20px; border-right:1px solid #43662e; margin-left:20px; width:250px;}
#footer .services {padding-right:20px; padding-left:20px; border-right:1px solid #43662e; border-left:1px solid #93c176; width:300px;}
#footer .services a {text-decoration:none;}
#footer .client {padding-left:20px; border-left:1px solid #93c176; margin-right:20px;}
#footer .client a {text-decoration:none;}