body {color: #555; background: #EEE;}
#wrap {background: url(../images/bg-wrap.png) no-repeat 0 120px; width: 973px; margin: 0 auto 50px auto; padding: 50px 0 0 0; position: relative; font-size: 1em;}
  /* SIGN UP OVERLAY */
#overlayLoad {background: #fff; width: 100%; position: absolute; top: 0; left: 0; z-index: 99999; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70);}
#signUp {background: url(../images/bg-home-newsletter.png) no-repeat; width: 568px; height: 652px; z-index: 99999;}
#signUp h3 {background: url(../images/bg-newsletter-logo.jpg) no-repeat; width: 247px; height: 83px; margin: 16px 0 0 159px; text-indent: -9999px; outline: none;}
#signUp p {margin: 10px 43px; font-size: 12px;}
#signUp .closeSignUp {background: url(../images/bg-home-popUp-close.png) no-repeat; width: 47px; height: 49px; margin: 0; position: absolute; top: -10px; right: -10px; cursor: pointer; text-indent: -9999px; outline: none;}
#signUp form {margin: 50px 0 0 93px;}
#signUp form fieldset label {color: #444; background: #DDD; width: 125px; margin: 0 5px 0 0; padding: 5px 10px 5px 5px; display: block; text-align: right; font-size: 12px; text-transform: uppercase; float: left; clear: left; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#signUp form fieldset input {color: #EEE; background: #444; width: 200px; padding: 5px 5px 5px 10px; margin: 0 5px 7px 0; border: none; -border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#signUp form fieldset input:focus {background: #333;}
#signUp form input#sendbutton {color: #FFF; background: #cc78ba; width: auto; margin: 10px 0 0 0; padding: 5px; position: relative; left: 155px; border: 1px solid #FFF; text-transform: uppercase; cursor: pointer; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0.2em 0.2em 1.2em #999; -moz-box-shadow: 0.2em 0.2em 1.2em #999; -webkit-box-shadow: 0.2em 0.2em 1.2em #999;}
#signUp form input#sendbutton:hover {background: #f6c3eb;}
  /* UTILITY NAV */
#utility {width: 973px; margin: 20px auto 0 auto; font-size: 12px; position: relative;}
#utility ul {width: auto; position: absolute; top: 17px; right: 240px;}
#utility ul li {background: url(../images/bg-utility-dot.png) no-repeat 100% 7px; width: auto; padding: 0 7px; display: block; list-style: none; text-transform: uppercase; float: left;}
#utility ul li a {color: #888;}
#utility ul li a:hover {color: #333;}
#utility form#cse-search-box {background: url(../images/bg-search.png) no-repeat; width: 226px; height: 45px; position: relative; left: 741px;}
#utility form#cse-search-box div {width: 226px; height: 45px;}
#utility form#cse-search-box input {color: #666; background: #FFF; margin: 15px 0 0 37px; border: none;}
#utility form#cse-search-box input#submit {background: url(../images/bg-search-button.png) no-repeat; width: 12px; height: 13px; margin: 0; position: absolute; top: 17px; left: 20px; text-indent: -9999px; outline: none; cursor: pointer;}
  /* TWITTER */
.twitter {background: url(../images/bg-twitter.gif) no-repeat; width: 225px; height: 70px; margin: 0 auto; position: absolute; top: 15px; left: 27px;}
.twitter p {width: 180px; margin: 7px 0 0 40px;}
p.twitterLink a {background: url(../images/bg-twitterLink.gif) no-repeat; width: 59px; height: 12px; display: block; position: absolute; top: 78px; left: 150px; text-indent: -9999px; outline: none;}
p.facebookLink a {background: url(../images/bg-facebookLink.gif) no-repeat; width: 46px; height: 14px; display: block; position: absolute; top: 96px; left: 163px; text-indent: -9999px; outline: none;}


          /************************************************** CONTENT ********************************************/
          
#content {background: url(../images/bg-content.png) repeat-y; width: 973px; position: relative; top: 20px;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

  /* MAIN */
#main {background: url(../images/bg-main.png) no-repeat 0 100%; margin: 0 auto; padding: 0 0 20px 0; position: relative;}/*see ie.css for fixes*/
#main:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main h1 {background: url(../images/logo.gif) no-repeat; width: 342px; height: 114px; margin: 5px 0 0 300px; text-indent: -9999px; outline: none;}
.post img.alignleft {background: #FFF; margin: 0 10px 10px 0; padding: 7px; float: left; border: 1px solid #DDD;}
.post img.alignright {background: #FFF; margin: 0 0 10px 10px; padding: 7px; float: right; border: 1px solid #DDD;}
    /** BANNER **/  
#main #banner {background: url(../images/bg-banner.jpg) no-repeat; width: 665px; height: 461px; margin: 0 0 30px 35px; position: relative; float: left;}
#main #banner img {position: absolute; top: 56px !important; margin: 0 0 0 38px; border: 5px solid #FFF; box-shadow: 0.2em 0.2em 1.2em #777; -moz-box-shadow: 0.2em 0.2em 1.2em #777; -webkit-box-shadow: 0.2em 0.2em 1.2em #777;}
    /** NAVIGATION **/
#main #nav {width: 200px; margin: 30px 0 30px 30px; position: relative; float: left;}
#main #nav .buttonWrap {width: 200px; min-height: 25px; padding: 0 0 15px 0; margin: 0 20px 0 0; position: relative; display: block;}
#main #nav .buttonWrap h3 {height: 40px; text-indent: -9999px; outline: none; cursor: pointer;}
#main #nav .buttonWrap h3#as {background: url(../images/bg-nav-as.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#cs {background: url(../images/bg-nav-cs.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#gd {background: url(../images/bg-nav-gd.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#ds {background: url(../images/bg-nav-ds.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#we {background: url(../images/bg-nav-we.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#fs {background: url(../images/bg-nav-fs.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#bg {background: url(../images/bg-nav-bg.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#gs {background: url(../images/bg-nav-gs.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3#sw {background: url(../images/bg-nav-sw.gif) no-repeat 100% 0;}
#main #nav .buttonWrap h3 a {width: 200px; height: 40px; display: block;}
#main #nav .buttonWrap .toggleInfo {color: #666; background: #EEE; width: 170px; margin: 0; padding: 15px; font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: none;}
#main #nav .buttonWrap .toggleInfo p.continue a {background: url(../images/bg-toggleInfo-continue.png) no-repeat; width: 50px; height: 11px; margin: 5px 0 0 120px; display: block; text-indent: -9999px; outline: none;}
#nav .buttonWrap .toggleInfo p.close {background: url(../images/bg-toggleInfo-close.png) no-repeat; width: 32px; height: 32px; position: absolute; top: 35px; left: 180px; text-indent: -9999px; outline: none; cursor: pointer;}


          /************************************************** FOOTER ********************************************/
          
#footer {margin: 50px 0 50px 0; position: relative; clear: both; font-size: 11px;}
#footer:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
  /* BUCKETS */
.bucket {color: #888; background: #FFF; width: 437px; margin: 0 0 15px 0; padding: 15px; position: relative; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left;}
.bucket:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.bucket h4 {color: #888; padding: 2px 0 2px 0; margin: 0 0 20px 0; font-size: 18px; font-weight: normal; text-transform: uppercase; cursor: pointer;}
.bucket p.subscribe {position: absolute; top: 10px; right: 15px;}
.bucket p.subscribe a {color: #777; background: url(../images/bg-rss_icon.gif) no-repeat 100% 0; height: 16px; padding: 5px 30px 0 0; display: block; font-size: 11px; text-transform: uppercase;}
.bucket p.viewMore {position: absolute; top: 16px; right: 15px;}
.bucket p.viewMore a {color: #777; background: url(../images/bg-viewMore.gif) no-repeat 100% 1px; height: 16px; padding: 0 20px 0 0; display: block; font-size: 11px; text-transform: uppercase;}
.bucket .toggle {margin: 10px 0 0 0;}
    /** POSTS **/
.recentNews {margin: 0 20px 15px 8px;}
.bucket .post {padding: 0 0 25px 0;}
.bucket .post h2 {margin: 0 0 4px 0;}
.bucket .post h2 a {color: #777; font-size: 16px; font-weight: normal;}
.bucket .post h2 a:hover {color: #555;}
.bucket .post span.entry-date {color: #EEE; background: #BBB; padding: 3px 7px; margin: 0 0 20px 0; position: relative; top: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.bucket .post .post-content {margin: 25px 0 15px 0;}
.bucket .post p {margin-top: 15px; font-size: 12px; clear: both;}
.bucket .post .more-link {width: 88px; position: relative; top: 10px; left: 320px;}
.bucket .post .more-link a {background-image: url(../images/bg-post-readMore.png); background-repeat: no-repeat; width: 88px; height: 24px; display: block; text-indent: -9999px; outline: none;}
.galleries #main .gallery img.left {margin: 0 5px 0 0;}
    /** FEATURED PROJECT **/
.bucket .pics {margin: 0 0 5px 20px;}
#footer p#plug {margin: 0 0 40px 0; position: relative; bottom: 0; text-align: center; clear: both;}
#footer p.contact,#ww-widget-reviews {text-align: center; clear: both; top: 15px;}
#footer a img {background: #EEE; padding: 7px; margin: 0 10px 10px 10px; border: 1px solid #CCC;}
#footer .ww-reviews-placeholder {clear: both;}
#ww-widget-wwrated-2010 a img {padding: 0; margin: 0; border: none;}
#ww-widget-reviews {max-width: 100%;}