@font-face {
  font-family: DIN-Reg;
  src: url(../fonts/PFDinDisplayPro-Reg.eot);
  src: url(../fonts/PFDinDisplayPro-Reg.ttf) format('truetype');
}

@font-face {
  font-family: "DIN";
  src: url(../fonts/PFDinDisplayPro-Med.eot);
  src: url(../fonts/PFDinDisplayPro-Med.ttf) format('truetype');
}

h1#test {font-family: "DIN"; font-size: 5em;}

/*GLOBAL*/

html {font-size: 92%; }
body {background: #324745 ; color: #fffefe; 
    font-family: Trebuchet MS, Lucida Grande, Arial, sans-serif; font-weight: lighter; }
a {color: #fffefe; text-decoration: none;}
.img {display: block; text-indent: -1000px; overflow: hidden;}
img.float { float: left; margin: -3px 18px 18px 0; }
    img.history {margin-right: 0; }

form {margin-top:-2px; float: left;}
    form .error {color: #363636; font-weight: bold;}
    form .row {float: left; clear: both;}
    form .row input {width: 407px;}
    form .row .half {float: left; clear: none; margin-right: 18px;}
    form .row .last {margin-right: 0px !important;}
    form .row .half input {width: 191px;}
    form label, form input, form textarea {float: left; clear: both; }
    form input, form textarea {background-color: rgba(255,255,255,.4); color: white;}
        form input:focus, form textarea:focus {background-color: rgba(255,255,255,.7); color: #333;}
    form input, form textarea {border: none;}
    form input {height:12px; padding: 3px;}
    form textarea {height:180px; width: 410px; resize:vertical; margin-bottom: 10px;}
    form label {margin-top:18px;}
    p.required-fields {float: left; clear: both; font-family: DIN-Reg; color: rgba(255,255,255,0.7); font-size: 10px; margin-left: 24px; margin-top: 3px;}
    div.mailing {width: 412px; margin-top: 10px;}
    div.mailing input#id_mailing_list {width: 18px; height: 18px; border: none; position: absolute; clear: none; background: white none; 
        left: -50000px;}
    div.mailing label {clear: none; float: left; height: 18px; line-height: 24px; margin-top: 3px;padding-left: 24px; background: transparent url(../images/check.png) 0 0 no-repeat;}
    div.mailing label.checked {background-position: 0 -18px;}
    div.mailing #submit {width: 52px; height: 18px; float: right; clear: none; margin-top: 3px;
        text-indent: -50000px; background: transparent url(../images/footer.png) 0 0 no-repeat;}
/*TYPOGRAPHY*/
.text {padding: 21px 18px 15px 18px; line-height: 18px; margin-bottom: 18px; position: relative; width: 756px;}
.featured {padding-bottom: 3px;}
.category-text {width: 755px !important;
    padding: 21px 18px 18px;}
    .left-col {width:287px; float: left; min-height: 448px;}
        .left-col a {color: #ff9c00; text-decoration: underline;}
    .right-col {width:412px; float: right; min-height: 448px; margin-left: 18px;}
    .right-col p {margin-bottom: 0;}
    
h1 {}
h2 {font-family: DIN-Reg; font-size: 22px; margin-bottom: 18px; font-weight: 100;}
div.h2, div.h2 p {font-size: 18px; margin-bottom: 0px; font-family: DIN-Reg;}
p {line-height: 18px; font-size: 14px; margin-bottom: 18px;}

ul {line-height:18px; font-size: 14px;}
ul#contact-info li ul {margin-bottom: 18px;}
ul#contact-info li ul li.title, form label {text-transform: uppercase; font-family: DIN-Reg; font-size: 12px; color: rgba(255,255,255,0.7);}

#logo {position: relative; width: 90%; height: 94px;}
#logo a#icon {position: absolute; left: -2px; top: 42px; display: block; width: 450px; height: 54px; background: transparent url(../images/icon.png) 0 0 no-repeat;}
#logo #text {position: relative; left: 55px; top: -16px; overflow: hidden; width: 450px; height: 54px;
     clear: both; display: block;}
     #logo #text div {position: absolute; left: 0px; top: 0px; background: transparent url(../images/logo.png) 0 0 no-repeat; width: 450px; height: 54px;
          clear: both;  display: block;}
#logo ul {display: none;}

/*NAV*/
#nav {margin-top: 18px; width: 142px; line-height: 18px;}
#nav ul li {text-transform: capitalize; font-family: DIN-Reg, Trebuchet; font-size: 0.9em; }
#nav ul li a.selected {height: 13px; margin-bottom: 4px; border-bottom: 1px solid white;}
    #nav ul li a.nav {color: white !important;}
    #nav ul li ul.subnav li {text-transform: lowercase; }
    #nav ul li ul.subnav {margin-left: 18px;}
    a.subnavselected {color:#ff9c00; }

#nav li a {margin: 0; }
#nav li a.nav {display: block; font-family: DIN-Reg; text-transform: uppercase;  }

    
#wrap {width: 972px; margin-left: 36px; z-index: 10; position: absolute;}

/*#nav li#nav-our-work a.nav {background: transparent url(../images/sprites.png) 0 2px no-repeat;}
#nav li#nav-our-process a.nav {background: transparent url(../images/sprites.png) 0 -16px no-repeat;}
#nav li#nav-news-and-resources a.nav {background: transparent url(../images/sprites.png) 0 -34px no-repeat;}
#nav li#nav-about-us a.nav {background: transparent url(../images/sprites.png) 0 -52px no-repeat;}
#nav li#nav-contact-us a.nav {background: transparent url(../images/sprites.png) 0 -70px no-repeat;}*/
    

#content {width: 790px; position: absolute; left: 180px; top: 126px; z-index: 20;  }
#target {}
#bg-changer { clear: both; position: absolute; right: 0; top: 0px; z-index: 20;}    
    #bg-changer ul li {float: left; display: block; background: rgba(255,255,255,0.3); width: 18px; height: 18px;
        text-indent: -5000px; overflow: hidden; margin-left: 18px;}
    #bg-changer ul li:hover, #bg-changer ul li.selected:hover {background-color: #324745; cursor: pointer;}
    #bg-changer ul li.selected {background-color: rgba(255,255,255,0.8); cursor: pointer;}
    
        
#footer {position: fixed; bottom: 0px; font-size: 12px; background: #324745 url(../images/grid.png) repeat; width: 100%;
    line-height: 18px; min-height: 180px; z-index: 20; }
    #footer .full {width: 970px; margin: 2px 0 0 36px;}
    #footer h2 {text-transform: uppercase; font-size: 12px; margin: 0px;}
    #footer #reveal {top: -18px; height: 18px; position: absolute; display: block; background: #324745;
        font-size: 0.9em; text-transform: uppercase; left: 0px; overflow: hidden; width: 144px;
        cursor: pointer; font-size: 1em;}
        #reveal span {font-weight: bold; font-size: 1.3em; line-height: 16px; margin-left: 4px; margin-right: 4px;}
        #reveal span.darr {font-weight: normal; font-size: 12px; }
    #footer .col {float: left; margin: 18px 0; width: 234px; min-height: 100px;}
    #footer .last {width: 267px;}
        #footer .last p {float: right;}
    #footer ul, #footer p {font-size: 11px;}
    #footer ul.credits {float: right; width: 100%;}
    #footer form {}
    #footer form input {width: 192px; margin-bottom: 18px;}
    #footer form input#id_name {margin-bottom: 1px;}
    #footer input#subscribe {width: 52px; height: 18px; float: right; clear: none; margin: -1px 37px 0 0;
        text-indent: -5000px; background: transparent url(../images/footer.png) 0 0 no-repeat;}

    #footer li.ir a {display: block; text-indent: -5000px; background: transparent url(../images/footer.png) no-repeat;}
    #footer li#facebook a {background-position: 0 -18px; height: 18px;}
    #footer li#twitter a {background-position: 0 -33px; height: 18px;}
    #footer li#GBC a {background-position: 0 -50px; height: 74px; width: 74px; float: right; margin-right: 12px;}
    #footer li#AIA a {background-position: 0 -126px; height: 72px; width: 62px; float: right;}
    
ul#bg {
    z-index: 0;
}

ul#bg li {
    display: inline;
}

ul#bg li img {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}


.color-bg {background: rgba(0,0,0,0.2) url(../images/grid.png) repeat; }
    .color-bg h2.category-name {text-transform: capitalize;}
.work-bg {background: #324745 url(../images/grid.png) repeat !important;}
.lightgreen-bg {background: #435d5b url(../images/grid.png) repeat;}

.profile {border-top: 1px solid #728684; margin-bottom: 16px; padding-top: 17px;}
    .profile p {margin-bottom: 0px;}
    .profile h4 {color: #ff9c00; display: inline-block;}
    .profile span.role {display: inline; font-size: 12px; font-style: italic;}
    .profile a.email {color: #728684; text-transform: uppercase; font-size: 12px;}
    
/*NEWS SECTION*/
.text {float: left;}
.news-item {margin-top: 0px; border-bottom: 1px solid white; margin-top: 18px; float: left;}
    .news-item.first {margin-top: 0px;}
    .news-item h4.date {font-style: italic; font-size: 0.8em;}
    .news-item h2.title, .news-item h2.title a {color: #ff9c00; margin: 0; font-size: 18px;}
    .news-item img {float: left; margin: -2px 18px 17px 0;}
    .news-item div.author {margin-bottom:15px;}
    img.full {margin-right: 0px; margin-bottom: 14px; margin-top:-2px;}
    .news-item .preview {line-height: 18px; min-width: 754px;}
    .news-item .preview ul.categories {font-size: 12px; text-transform: uppercase;}
        .news-item .preview ul.categories a:after {content: ' ';}
            .news-item .preview ul.categories a.last:after {content: '';}
        .news-item .preview ul.categories a {color: rgba(255, 255, 255, 0.70);}
        .news-item .preview ul.categories li {display: inline;;}
    .news-item .preview a.full-story {display: block; width: 80px; height: 18px; float: right; margin-top: -18px;
        background: transparent url(../images/sprites.png) 7px -85px no-repeat; text-indent: -5000px; overflow: hidden;}
    .news-item.first {margin-top: 0px;}
    .news-item.last {border-bottom: none; padding-bottom: 0;}
    .news-full {margin-top: 0px; border-bottom: none; padding-bottom: 0;}
        .news-full ul.categories {font-size: 12px; text-transform: uppercase; display: block; height: 18px; }
        .news-full ul.categories li {float: left;margin-right: 9px;}
        .news-full ul.categories li a {color: rgba(255,255,255,0.7);}
        
    .back-to-list {width: 90px; height: 18px; background: transparent url(../images/sprites.png) 0 -139px; 
        text-indent: -5000px; overflow: hidden; display: block; float: right;}

ul.social {display: block; width: auto; height: 17px;  margin: 15px 0 18px; }
ul.social li {display: block; width: 90px; height: 17px; margin-right: 0; float: left;border-top: 1px solid #7c8e8d; border-bottom: 1px solid #7c8e8d;}
ul.social li a { display: block; width: 72px; height: 17px; background: url(../images/sprites.png); text-indent: -5000px; overflow: hidden; cursor: pointer;}
    ul.social li.print a {background-position: 0 -122px;}
    ul.social li.email a {background-position: -72px -122px;}
    ul.social li.share a {background-position: -144px -122px;}
    ul.social li.rss a {background-position: -216px -122px;}

span#views-label {position: absolute; right: 72px; top: -13px; display: block; position: absolute; text-transform: uppercase; font-size: 12px; font-family: DIN-Reg;}
ul#views {position: absolute; right: 0px; top: -20px;}
ul#views li {display: block; width: 18px; height: 18px; float: left; cursor:pointer;}
ul#views a {text-indent: -5000px; overflow: hidden; width: 18px; height: 18px; background: transparent url(../images/sprites.png) no-repeat; display: block;}
    ul#views li.grid a {background-position: 0 -103px;}
    ul#views li.list a {background-position: -18px -103px;}
    ul#views li.map a {background-position: -36px -103px;}
    
.text span.close {display: block; width: 18px; height: 18px; position: absolute; right: 1px; bottom: 1px; cursor: pointer;
    background: transparent url(../images/sprites.png) -56px -103px; text-indent: -5000px; overflow: hidden;}
span.open {position: absolute; left: 0px; top: -18px; display: block; display: none; text-indent: -5000px; overflow: hidden;
    width: 17px; height: 17px; background: url(../images/sprites.png) 0 -158px; }

#curtain {width:790px; position: relative; overflow: hidden; float: left;}
#container {width: 790px; position: relative; min-height: 666px; margin-top: -2px; position: relative; left:0px; }
#list-container {width: 790px; left:0px; position:relative; margin-top:2px;}
#map-container {width: 790px; left: 1616px; position:absolute;height:500px; overflow: hidden;}
    #map-container img {position:absolute; top:72px; left:0px;}
    #map-container #gmap {display: none;}
    #map-container .color-bg {background-image: none !important;}
#list-grid {position: relative; overflow: hidden; width: 2424px; float: left; left: 0px;}

     a.frame {width: 142px; height: 142px; border: 1px solid rgba(255,255,255,0.4); position: absolute; overflow: hidden;}
         a.frame img {position: absolute; top: 0px; left: 50%; margin-left: -233px;}
         a.frame div.info {position: absolute; left: 0px; bottom: 0px;
            height: 18px; background: #324745; line-height: 18px; display: none;}
         a.frame div.info span {display: inline-block; line-height: 18px; float: left;}
         a.frame div.info span.category {font-size: 12px; text-transform: uppercase; margin-left: 9px; }
         a.frame div.info span.name {margin-right: 9px;}
         a.frame div.info span.arrow {display: inline-block; width: 9px; height: 18px; text-indent: -400px; overflow: hidden; background: transparent url(../images/sprites.png) -75px -103px; margin: 0 9px;}
/*#container .frame {background: url(../images/history_hero.png) center;}*/
#infoBox {height: 18px; top: 36px; right: 0px; position: absolute; background-color: #324745; padding-left: 5px; z-index: 20;}
    #infoBox div {float: left; margin-right: 5px; font-size: 88%; line-height: 18px; display: inline-block;}
    #infoBox .cat {text-transform: uppercase; }
    #infoBox .title {text-transform: capitalize;}
    #infoBox .close {float: right; margin: 0; display: block; width: 18px; height: 18px; background-color: #ff9c00;  }
    #infoBox .close span {font-size: 1.5em; margin-left: 4px; line-height: 18px;}
    #infoBox span.arrow {display: inline-block; float: left; width: 9px; height: 18px; text-indent: -400px; overflow: hidden; background: transparent url(../images/sprites.png) -75px -103px; margin: 0 9px;}


.text hr {line-height:0px; border: none; border-top: 1px solid rgba(255,255,255,0.5); margin-bottom:17px;}
.featured .image {float:left; margin-right: 18px; height:252px; margin-top: -3px;}
.featured .description {margin-left:18px; font-size:0.9em;}
.featured .details {float: left; width: 340px;}
a.featured-link {height: 18px; width: 126px; background: transparent url(../images/sprites.png) -54px -158px no-repeat; text-indent: 500px; overflow: hidden; display: block; margin-top: -3px;}

/*LIST VIEW*/

.list-category {float:left;clear:left; width: 100%; line-height: 18px !important; margin-bottom: 38px;}
    .list-category h2.category-name {font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: -3px;}
    .list-category hr {margin: 0px; border: 0; border-top: 1px solid rgba(255,255,255,0.7);}
.list-category ul.list-view li {display: block; width: 100%; float: left; clear: both; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative; height: 71px;}
ul.list-view li .thumb {float: left; position: absolute; top: 18px; left: 0px;}
ul.list-view li h2.project-name {position: absolute; left: 54px; top: 18px;}
ul.list-view li div.project-details {position: absolute; left: 54px; top: 36px; width: 736px;}
ul.list-view li dl {float: left; width: 180px;}
    ul.list-view li dl.year-completed {width: 162px;}
    ul.list-view li dl.location {width: 198px;}
    ul.list-view li dl.buildcost {}
ul.list-view li dl.hide {display: none;}
    ul.list-view li dl dt {float: left;font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,0.7); }
    ul.list-view li dl dd {float: left; font-size: 12px; margin-left:9px;}
a.view-project {height: 18px; width: 126px; background: transparent url(../images/sprites.png) -180px -158px no-repeat; text-indent: 500px; overflow: hidden; display: block; float: right;}

/*MAP VIEW*/
#map_canvas {color: black;}
div.marker-text {width: 300px;}
/*.key li.visible a {color: #FF9C00;}*/

#map {margin-bottom: 72px;}
.key {padding: 18px 0px 18px; line-height: 18px; margin-bottom: 18px; position: relative; float: left; width: 792px; height: 18px;}
    .key ul {height: 18px;display: block; width: 792px;}
        .key ul li.title {margin-left: 18px; width: 36px; text-transform: uppercase; font-family: DIN-Reg; font-size: 12px; color: rgba(255,255,255,0.7); margin-top:3px;}
        .key ul li.offices {width: 90px;}
        .key ul li {display: block; float: left; width: 108px; height: 18px; font-size: 11px; text-transform: uppercase; font-family: DIN-Reg; position: relative; display: block;}
            .key ul li a {position: absolute; top: 4px; left: 24px;}
            .key ul li span.icon {border: 1px solid #aaa; width: 15px; height: 15px; position: absolute; top: 1px; left: 1px; }
            .key ul li.visible span.icon {display: block; background: url('../images/sprites.png') -73px -86px no-repeat; border: none; width: 17px; height: 17px; top: 0px; left: 0px;}
                .key ul li.healthcare.visible span.icon {background-color: #43545d;}
                .key ul li.hospitality.visible span.icon {background-color: #5d4356;}
                .key ul li.mixed-use.visible span.icon {background-color: #664830;}
                .key ul li.offices.visible span.icon {background-color: #585858;}
                .key ul li.religious.visible span.icon {background-color: #5b5d43;}
                .key ul li.residential.visible span.icon {background-color: #5d4343;}
                .key ul li.retail.visible span.icon {background-color: #445d43;}

/*PROJECT DETAIL VIEW*/

.project {padding-right: 0px !important; width: 776px !important; padding-left: 1px !important;}    
#imgrotate {float: left; width: 432px; margin-right:18px; margin-top: -3px;}
    .imgbox {position:relative; width: 431px; height: 342px;}
    .imgbox img {}
    #frame {position: relative; top:0px; left: 0px; overflow: hidden; with: 100%; height: 72px;margin:18px 0; }
    div.thumb-container {height:72px; width:100%; position: relative;}
    div.thumb-container div.thumb {float:left; width: 71px; height: 71px; overflow: hidden; position:relative;}
    div.thumb-container div.thumb img {width: 100px; left:50%; margin-left:-50px; position:absolute; cursor: pointer;}

#details {float: right; width: 324px; } 
    #details, #details p {font-size: 0.9em;}
    .label {font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,0.7); height:18px;}
    table {margin-bottom: -3px;}
    tr.value {height:36px;}
    td {width: 180px;}
    h2.project-name, h2.project-name a {color: #ff9c00; font-size: 18px;}
    a.view-map, a.view-site {display: block; height: 18px; width: 82px; background: transparent url(../images/sprites.png) no-repeat; text-indent:500px; overflow:hidden; float: right; clear: right; ;}
    a.view-map {background-position: -90px -139px; }
    a.view-site {background-position: -173px -139px;}

.controls div {width: 18px; height: 18px; text-indent: -50000px; overflow: hidden; cursor: pointer;}    
.controls .left {background: url(../images/sprites.png) -18px -158px; float: left;}
.controls .right {background: url(../images/sprites.png) -36px -158px; float: right;}
.controls .inactive {opacity: 0.2;}

#case-study {position: relative; float: left; clear: both; width: 100%; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 17px;}
#internal-nav  {margin-bottom: 500px; position: relative; float: left; clear: both; width: 100%; border-top: 1px solid rgba(255,255,255,0.3); }
    #internal-nav .frame {margin-top: 17px;}
    #internal-nav .previous-project .frame {position: absolute: left: 0px; top: 0px; opacity: 0.5;}
    #internal-nav .next-project .frame {position: absolute; left: 648px; top: 0px; opacity: 0.5;}




#share-dis {background: #324745; margin: 2px 0 0 9px; }
  #share-dis ul {display: block; padding: 18px;}
  #share-dis a {color: #fff; font-size: 10px; text-transform: uppercase;}
  #share-dis a:hover {color: #ccc;}

#overlay {display: none; width: 100%; position: fixed; z-index: 200; height: 100%; background: black; opacity: 0.3;}

  #project_bubble{
    width: 344px !important;
    height: 162px !important;
  }
  #project_bubble_contents .healthcare  {background-color: #43545d;}
  #project_bubble_contents .hospitality  {background-color: #5d4356;}
  #project_bubble_contents .mixed-use {background-color: #664830;}
  #project_bubble_contents .offices {background-color: #585858;}
  #project_bubble_contents .religious  {background-color: #5b5d43;}
  #project_bubble_contents .residential  {background-color: #5d4343;}
  #project_bubble_contents .retail  {background-color: #445d43;}

    #project_bubble_contents div {background-image: url(../images/grid.png); height: 162px; width: 344px; position: relative;}
    #project_bubble_contents div h1 a {font-family: DIN-Reg; font-size: 22px; font-weight: 100; position: absolute; color: #ff9c00; top: 36px; left: 72px;}
    #project_bubble_contents div img {width: 36px; height: 36px; position: absolute; top: 18px; left: 18px}
    #project_bubble_contents div table.first {position: absolute; top: 75px; left: 18px; color: white; font-size: 10px;}
    #project_bubble_contents div table.second {position: absolute; top: 111px; left: 18px; color: white; font-size: 10px;}
    #project_bubble_contents div table tr td.label {color: rgba(255,255,255,0.5); text-transform: uppercase; }
        #project_bubble_contents div table tr td.year-completed {width: 150px;}
        #project_bubble_contents div table tr td.build-cost {width: 124px;}
    #project_bubble_contents div table tr td {width: 100px;}
    #project_bubble_contents div table tr#location td {width: auto;}
    #project_bubble_contents div table tr#location td.label {width: 75px !important;}

  #project_bubble_contents div a.view-project {position: absolute; right: 0px; bottom: 18px; height: 16px; text-indent: -500000px;}
  
  #project_bubble_tl, #project_bubble_tr, #project_bubble_bl, #project_bubble_br,
  #project_bubble_t,#project_bubble_l,#project_bubble_r,#project_bubble_b{
    background-color: white;
    height: 1px;
    width: 1px;
  }
.contacth2 {margin-bottom: 14px;}
#top_up .te_controls {bottom: 26px;}
#top_up .te_controls a { width: 18px; height: 18px; text-indent: -50000px; overflow: hidden; cursor: pointer;}
#top_up a.te_previous_link {background: url(../images/sprites.png) -18px -158px; float: left; cursor: pointer; }
#top_up a.te_next_link {background: url(../images/sprites.png) -36px -158px; float: right; cursor: pointer; }
#lightbox .close {display: block; width: 18px; height: 18px; position: absolute; cursor: pointer;
  background: transparent url(../images/sprites.png) -55px -103px; text-indent: -5000px; overflow: hidden;}
 #tu_overlay {width: 100%; height: 100%; display: block; position: fixed; background-color: rgba(0,0,0,0.4);}
 .te_content { -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 36px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 36px; background: rgba(255,255,255,0.2);}
 
#grid {position: absolute; width: 100%; height: 100%; background: transparent url(../images/grid.png) repeat; z-index: 1;}


/*lightbox*/
#project-lightbox {
    border-width: 18px;
    border-style: solid;
    border-color: #35434A;
    background-color:#35434A;
    left:0;
    margin:30px auto 0px;
    position:relative;
    right:0;
    display: none;
    width: 800px;
/*    min-height: 600px;*/
    z-index: 10000;
/*    height: 0px;*/
}

#lightbox-controls {
    /*border-width: 18px;
    border-style: solid;
    border-color: #35434A;*/
    background-color:#35434A;
    left:0;
    margin:18px auto 0;
    right:0;
    width: 100%;
    height: 18px;
    display: none;
    cursor:pointer;
}

#lightbox-controls .left {
    background:url("../images/sprites.png") repeat scroll -18px -158px transparent;
    display:inline;
    float:left;
    height:18px;
    width:18px;
}

#lightbox-controls .right {
    background:url("../images/sprites.png") repeat scroll -36px -158px transparent;
    display:inline;
    float:right;
    height:18px;
    width:18px;
}

#lightbox-controls .caption {
    display:inline;
    float:left;
    text-align:center;
    width:94%;
}

#project-lightbox img {
    width: 800px;
    display: none;
}
#project-lightbox-wrap {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 10000;
    text-align: center;
    background-position: center top;
}
#opacity-div {
    width: 100%;
    z-index: 9999;
    display: none;
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
}

#lightbox-close {
    position:absolute;
    right:-18px;
}

#lightbox-close .lb-close {
    background:url("../images/sprites.png") repeat scroll -56px -103px transparent;
    bottom:1px;
    cursor:pointer;
    display:block;
    height:18px;
    overflow:hidden;
    position:absolute;
    right:1px;
    text-indent:-5000px;
    width:19px;
}