@charset "utf-8";
/* CSS Document */


body {background-image:url(../siteart/bg.png); margin:0px; font-family: Century Gothic,sans-serif; font-size:12px;}
h1, h2, h3, p, img, ul, li, dl, dt, dd {margin:0; padding:0; border:0; list-style:none; font-weight:normal;}
.left {float:left;}
.clear {clear:both;}

#header {background:url(../siteart/header-bg.png) repeat-x; width:100%; height:259px;}
#header-container {width:996px; margin:0 auto; padding:29px 0;}
#header-container div div p {font-size:18px; color: #59836c; padding: 5px 0 0 12px; float:left; white-space:nowrap; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}
#header-container h1 {font-size:15px; color:#e4e4e4;text-shadow: 2px 2px 2px #000; padding-top:7px; height:26px; clear:both;width:100%; background-image:url(../siteart/greeb-bar.png);}

#attributes {margin-top:7px; border-top: 1px solid #7d8080; width:495px; float:left; background-image:url(../siteart/attributes-bg.png); text-transform:uppercase; font-size:14px;}
#attributes dt {float:left; width:120px; border-left:1px solid #7d8080;border-bottom:1px solid #7d8080; color:#a7a6a6; padding:4px 0px 4px 5px;}
#attributes dd {float:left; border-right:1px solid #7d8080; width:368px;border-bottom:1px solid #7d8080; color:#fff; padding:4px 0;}

a#contact-cs:link, a#contact-cs:visited {text-indent:-1000em; overflow:hidden; width:271px; height:54px; display:block; background-image:url(../siteart/contact-btn.png); background-repeat:no-repeat;}
a#contact-cs:hover {background:url(../siteart/contact-btn.png) no-repeat 0 -54px;}
a#contact-cs:focus {background:url(../siteart/contact-btn.png) no-repeat 0 -108px;}


#featured-container {width:996px; margin:20px auto;}
#featured #featured_content {padding: 15px 20px 15px 15px; float:left; width:961px; height:271px; color:#a8a8a8; font-size:1em; text-shadow:2px 2px 2px #000; border:1px solid #010101; background:url(../siteart/featured-bg.png);}
#featured #featured_content img {float:left; margin-right:12px;}
#featured #featured_content h1 {font-size: 1.5em;  float: left; font-size: 1.3em; margin-bottom:7px; color: #fff; text-shadow:2px 2px 2px #000;}
#featured #featured_content h2{color:#66b488; font-size:1.3em; line-height:1.5em}
#featured #featured_content #spotlight {float: left; width: 620px; margin-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size:.9em; line-height:1.4em; min-width:600px;}
#featured #featured_content #spotlight a {color:white;}
#featured #featured_content #spotlight a:hover {color:#66b488;}
#featured #featured_content #spotlight div { float: left; background: url('../siteart/featured_bg.png') no-repeat; background-position: 0px -10px;}
.order {display: none;}
#featured #featured_content #f_menu { float: right; padding-right: 117px; width: 200px; }
#featured #featured_content #f_menu div { cursor: pointer; }
#featured #featured_content #f_menu .featitem {line-height: 1em; background: url('../siteart/featured_menubg.png'); width: 267px; margin: 0px 0 1px 35px; padding: 11px; height: 43px;}
#featured #featured_content #f_menu .featitem h2 {color:#fff; font-size:.9em; margin: 7px 0 6px 0; font-family:Arial, Helvetica, sans-serif; line-height:1.2em;}
#featured #featured_content #f_menu .featitem img { padding: 5px 5px 5px 5px; background: url('images/featured_menuimgbg.gif') no-repeat; background-position: center top; margin-right:5px;}
#featured #featured_content #f_menu .featitem .meta {  color: #888888; font-family: Arial, ../siteart, sans-serif; font-style: italic; font-size: 0.917em;}
#featured #right_arrow { padding-top: 110px; float: left; background: url('../siteart/featured_aftr.png') no-repeat top left; width: 34px; height: 217px;}
#f_menu .active { background: url('../siteart/featured_menu_selected_bg.png') no-repeat !important; margin: 0px 0 1px 3px !important; width: 278px !important; padding-left: 25px !important; border-right-style: solid; border-right-width: 7px; border-right-color: #66b488; }

#main-left-narrow {float:left; width:775px;}

#main-left-narrow h1 {background-image:url(../siteart/section-header-narrow.png); font-size:16px; padding:10px 0 9px 12px; color:#ffb401; text-shadow:2px 2px 2px #000; border-bottom:1px solid #000000;}

#main-left-narrow div.description {margin:20px 20px 0px 20px;; width: 735px; color:#fff; font-size:12px;}
#main-left-narrow .col-1 {float:left; width:217px; color:white; margin:10px 0 20px; padding:0 20px; clear:both;}
#main-left-narrow .col-2 {float:left; width:217px; color:white; margin:10px 0 20px; padding:0 20px;}
#main-left-narrow .col-3 {float:left; width:217px; color:white; margin:10px 0 20px; padding:0 20px;}

#main-left-narrow div {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:17px;text-shadow:2px 2px 2px #000;}
#main-left-narrow div strong {color:#66b488; font-size:13px;}
#main-left-narrow div img {margin-bottom:4px;}
#main-left-narrow div a {color:#ffb401;}
#main-left-narrow div a:hover {color:#66b488;}
#main-left-narrow img {border:1px solid #515156; padding:1px; background-color:#000;}

#main-right h1 {background-image:url(../siteart/section-header-wide.png); font-size:16px; padding:10px 0 9px 12px; color:#ffb401; text-shadow:2px 2px 2px #000; border-bottom:1px solid #000000;}

#main-container-cols {clear:both; width:996px; border:1px solid #000; margin:20px auto 0; background-image:url(../siteart/portfolio-bg-cols.png);}

#main-right ul {margin:10px 0 0 25px; font-family:Arial, Helvetica, sans-serif;}
#main-right li {list-style-image:url('../siteart/bullet.gif');height:24px; font-size:12px; float:left; width:200px;}
#main-right li a {color:#ffb401;}
#main-right li a:hover {color:#66b488;}

#main-container {clear:both; width:996px; border:1px solid #000; margin:20px auto 0; background-image:url(../siteart/portfolio-bg.png);}


#main h1 {background-image:url(../siteart/section-header-wide.png); font-size:16px; padding:10px 0 9px 12px; color:#ffb401; text-shadow:2px 2px 2px #000; border-bottom:1px solid #000000;}
#main div.description {margin:20px 20px 0px 20px;; width: 956px; color:#fff; font-size:12px;}
#main ul {margin:20px;}
#main li {float:left; padding-right:25px; color:#fff; width:210px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:17px;text-shadow:2px 2px 2px #000;}
#main li strong {color:#66b488; font-size:13px;}
#main .left {float:left; padding:20px 0px 20px 22px; font-size:11px; width:720px;}
#main ul li img {border:1px solid #515156; padding:1px; background-color:#000;}
#main .covers {width:420px;}
#main li a {color:#ffb401;}
#main li a:hover {color:#66b488;}
#main li img {margin-bottom:4px;}