/* basic elements */
*{ margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
body{ background: #d9d8d2; }

/* reused classes */
.container{ width: 946px; margin: 0 auto; }
.img-replace{ font-size: 0px; text-indent: -9999px; }
.clear{ clear: both; }

/* links */
a{ color: #419fca; border-bottom: 1px dotted #419fca; text-decoration: none; }

/* page elements */
#header{ margin-top: 20px; }
  #header h1{ background: url('/img/header2.jpg') no-repeat #d9d8d3; height: 173px; width: 946px; position: relative; }
    #header h1 a{ position: absolute; top: 70px; left: 34px; height: 71px; width: 320px; border: none; }

#main .container{ background: #FFF; margin-top: 10px; padding: 50px 20px 50px 0; width: 926px; position: relative; }/* ie fix the box model */

#navigation{ list-style: none; position: relative; top: -22px; float: left; margin-right: 37px; }
  #navigation li{ height: 25px; width: 167px; margin-bottom: 12px; padding-left: 8px; }
    #navigation li a{ font-size: 0px; text-indent: -9999px; display: block; height: 25px; width: 167px; border: none; }
      #navigation li.nav-home a{ background: url('/img/nav/nav-home.png') no-repeat; }
      #navigation li.nav-designware a{ background: url('/img/nav/nav-designware.png') no-repeat; }
      #navigation li.nav-furniture a{ background: url('/img/nav/nav-furniture.png') no-repeat; }
      #navigation li.nav-lighting a{ background: url('/img/nav/nav-lighting.png') no-repeat; }
      #navigation li.nav-contemporary-art a{ background: url('/img/nav/nav-contemporary-art.png') no-repeat; }
    #navigation li#nav-current, #navigation li:hover{ border-left: 5px solid #d9d8d3; padding-left: 3px; }

#footer .container{ background: #f6f6f1; margin-top: 2px; }
  #footer .container p{ line-height: 25px; height: 25px; text-align: center; color: #797871; font-size: 10px; letter-spacing: -0.3px; }

/* homepage content */
  #content .col-left{ float: left; width: 420px; }
    #content .col-left h3{font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #acc656; font-size: 18px; letter-spacing: -0.6px; margin-bottom: 9px; }
    #content .col-left p{ padding-left: 23px; color: #797871; font-size: 14px; letter-spacing: -0.3px; line-height: 1.5em; }

  #content .col-left2{ float: left; width: 632px; margin-top: 40px; }
    #content .col-left2 img{ float: left; margin-right: 20px; border-top: 7px solid #cdd7d9; }
    #content .col-left2 p{ float: left; width: 230px; font-size: 12px; padding-left: 12px; letter-spacing: -0.2px; line-height: 1.5em; padding: 0; color: #797871; }
    #content .col-left2 p.call-out{ float: left; border-left: 7px solid #dbdbdb; color: #404040; font-size: 12px; padding-left: 12px; letter-spacing: -0.2px; line-height: 1.5em; width: 230px; margin-top: 25px; margin-bottom: 40px; }

  #content .col-right{ float: right; width: 230px; }

/* gallery pages content */
  #content .top .left{ float: left; width: 350px; }
    #content .top h3{font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #acc656; font-size: 18px; letter-spacing: -0.6px; margin-bottom: 9px; }
    #content .top .left p{ padding-left: 8px; color: #797871; font-size: 14px; letter-spacing: -0.3px; line-height: 1.5em; }
    #content .top img{ float: right; position: relative; right: -20px; border-bottom: 7px solid #cdd7d9; }

  #content .gallery{ clear: both; margin-left: 220px; padding-top: 27px; }
    #content .gallery .shadow-box{ width: 390px; height: 330px; padding: 15px 0 5px 0; float: left; }
      #content .gallery .shadow-box .shadow-box-bottom{ background: url('/img/shadow-box-2.png') #ffffff no-repeat; }
      #content .gallery .shadow-box .galleria_wrapper{ padding: 2px 2px 0 2px; border: 1px solid #d1b48a; width: 350px; height: 209px;  margin: 0 15px 15px 15px; }
      #content .gallery .shadow-box p{ margin: -2px 12px 0 28px; }
    #content .gallery p.desc{ color: #dbdbdb; font-size: 12px; letter-spacing: -0.5px; position: relative; left: 20px; }
    #content .gallery ul.gallery{ float: left; clear: none; list-style: none; margin: 0; padding: 2px 0 20px 13px; width: 270px; }
      #content .gallery ul.gallery li{ float: left; width: 80px; height: 80px;}
        #content .gallery ul.gallery li img{ display: block; margin: 0; padding: 2px; border: 1px dashed #419fca;}
        #content .gallery ul.gallery li a img{ display: block; margin: 0; padding: 2px; border: 1px dashed #419fca;}
        #content .gallery ul.gallery li a { display: none; margin: 0; padding: 0; border: none;}

/* individual content elements */
.shadow-box{ background: url('/img/shadow-box-r.png') no-repeat top right #f5f6f1; padding: 12px 4px 4px 0; margin-bottom: 20px; position: relative; }
  .shadow-box .shadow-box-bottom{ background: url('/img/shadow-box-1.png') #ffffff no-repeat; position: absolute; bottom: 0; width: 100%; height: 4px; }
  .shadow-box h4{ border-left: 7px solid #dbdbdb; height: 20px; line-height: 20px; padding-left: 11px; margin: 0 0 7px 0; font-size: 14px; color: #707070; }
  .shadow-box p{ font-size: 12px; color: #797871; letter-spacing: -0.5px; line-height: 1.5em; margin: 20px; }


/* contact form */

#contact-form{ margin: 20px 0 0 20px; width: 386px; padding-bottom: 29px; }
  #contact-form label{ display: block; margin: 10px 0 4px 30px; font-size: 13px; color: #797871;}
  #contact-form input, #contact-form textarea{ display: block; margin: 0 0 0 30px; font-size: 11px; color: #000; letter-spacing: -0.05px; width: 170px; border: 1px solid #B5B5B5;}
  #contact-form textarea{ width: 323px; height: 88px; }
    #contact-form .unfilled{ background: #dcedff; }
    #contact-form.shadow-box .shadow-box-bottom{ background: url('/img/shadow-box-2.png') #ffffff no-repeat; }
  #contact-form #send{ float: right; margin: 20px 31px 0 0 ; width: 108px; height: 26px; background: url('/img/sendmessage.png'); border: none; }
  #contact-form #send:hover{ background: url('/img/sendmessage.png') 0 26px; }