body {color: #555; background: #EEE;}
#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;}
#wrap {background: url(../images/bg-wrap.png) no-repeat; width: 973px; margin: 0 auto 50px auto; padding: 0; position: relative; font-size: 1em;}
#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.gif) no-repeat; width: 392px; height: 54px; margin: 26px 0 0 80px; 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;}


          /************************************************** 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: 434px; height: 115px; margin: 5px 0 0 280px; text-indent: -9999px; outline: none;}
    /** BANNER **/  
#main #banner {margin: 40px 0 30px 35px; width: 383px; height: 333px; position: relative; float: left;}
    /** NAVIGATION **/
#main #nav {width: 500px; margin: 25px 0 0 30px; position: relative; float: left;}
#main #nav .buttonWrap {width: 235px; height: 164px; padding: 0 0 15px 0; margin: 0 10px 0 0; position: relative; display: block; float: left; text-indent: -9999px; outline: none;}
#main #nav .buttonWrap h3 {height: 164px; text-indent: -9999px; outline: none; cursor: pointer; opacity: .9; -moz-opacity: .9; filter: alpha(opacity=90);}
#main #nav .buttonWrap h3:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
#main #nav .buttonWrap h3#le {background: url(../images/bg-nav-le.jpg) no-repeat 100% 0;}
#main #nav .buttonWrap h3#vs {background: url(../images/bg-nav-vs.jpg) no-repeat 100% 0;}
#main #nav .buttonWrap h3#gd {background: url(../images/bg-nav-gd.jpg) no-repeat 100% 0;}
#main #nav .buttonWrap h3#np {background: url(../images/bg-nav-np.jpg) no-repeat 100% 0;}
#main #nav .buttonWrap h3 a {width: 235px; height: 164px; display: block;}
    /** PAPER FROSTING CALLOUT **/
#main #paperFrostingCallout {text-indent: -9999px; outline: none; clear: both;}
#main #paperFrostingCallout h2 a {background: url(../images/bg-paperFrostingCallout.jpg) no-repeat; width: 873px; height: 175px; margin: 0 0 30px 50px; display: block;}

          /************************************************** 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;}
#footer .section {width: 190px; margin: 0 0 0 20px; padding: 0 20px 20px 0; border-right: 1px solid #BBB; float: left;}
#footer #contact {width: 220px; border: none;}
#footer .section h4 {height: 13px; margin: 0 0 10px 0; text-indent: -9999px; outline: none;}
#footer #social h4 {background: url(../images/bg-footer-section-social.jpg) no-repeat;}
#footer #specialOffer h4 {background: url(../images/bg-footer-section-specialOffer.gif) no-repeat;}
#footer #upcomingEvents h4 {background: url(../images/bg-footer-section-upcomingEvents.jpg) no-repeat;}
#footer #contact h4 {background: url(../images/bg-footer-section-contact.jpg) no-repeat;}
#footer #social p.twitterCallout {margin: 10px 0 0 90px; position: relative;}
#footer #social p.twitterCallout a {background: url(../images/bg-footer-section-twitterCallout.jpg) no-repeat; width: 91px; height: 19px; display: block; text-indent: -9999px; outline: none;}
#footer #social p.facebookCallout {margin: 10px 0 0 107px; position: relative;}
#footer #social p.facebookCallout a {background: url(../images/bg-footer-section-facebookCallout.jpg) no-repeat; width: 74px; height: 22px; display: block; text-indent: -9999px; outline: none;}
#footer .section p.moreInfo,#footer .section .more-link {margin: 16px 0 0 0; position: relative; left: 100px;}
#footer .section p.moreInfo a,#footer .section .more-link a {background: url(../images/bg-footer-moreInfo.jpg) no-repeat; width: 77px; height: 24px; display: block; text-indent: -9999px; outline: none;}
#footer .section .post-content {margin: 5px 0 0 0;}
#footer p#plug {margin: 0 0 40px 0; position: relative; top: 60px; text-align: center; clear: both;}

