BODY {background: #3d400b url("images/les-bkg.jpg") repeat fixed; margin: 0px 0px 24px 0px;} * {margin: 0; padding: 0;} #CONTAINER {width: 958px; background: #000000; position: relative; margin:0 auto;} #CONTENT {width: 950px; height: 100%; display: table; background: #656431 url("images/les-bkg-sub-content.jpg") repeat-y; position: relative; margin:0 auto;} #IDX-LEFT {float: left; width: 40px; height: 610px; background: url("images/les-bkg-content.jpg"); text-align: center; position: relative;} #IDX-WORK {float: left; width: 260px; height: 600px; background: #292C0D; text-align: center; padding-top: 10px; position: relative;} #IDX-RGHT {float: right; width: 580px; height: 580px; background: #656431 url("images/les-idx-les.jpg"); padding: 30px 35px 0px 35px; position: relative;} #idx-gak {float: left; height: 555px; text-align: left;} #idx-gak P {padding-bottom: 6px;} #SUB-LES {float: left; width: 200px; height: 125px; background: url("images/les-sub-les.jpg"); position: relative;} #SUB-HEADER {float: left; width: 715px; height: 125px; background: url("images/les-sub-header.jpg"); text-align: left; padding-left: 35px; position: relative;} #SUB-HEADER H1 {font: italic 17px Trebuchet MS; color: #FFFFFF; margin-left: 2px; letter-spacing: 11px;} #SUB-GAK {float: right; width: 680px; height: 100%; text-align: left; padding: 35px; position: relative;} div.work {float: left; width: 130px; height: 212px; background: #444411; margin: 0 6px 24px 0; position: relative;} div.work-x2 {float: left; width: 266px; height: 212px; background: #444411; margin: 0 6px 24px 0; position: relative;} div.work p, div.work-x2 p {font: bold italic 13px/15px Trebuchet MS; color: #ffffff; padding: 0 24px 0 9px;} div.work p.s {font: bold italic 11px/15px Trebuchet MS; color: #ffffff; padding: 0 0px 0 9px;} div.work-pic {float: left; width: 130px; height: 170px; background: #5e5c2c; margin: 0 0 5px 0; position: relative;} div.work-pic-x2 {float: left; width: 266px; height: 170px; background: #5e5c2c; margin: 0 0 5px 0; position: relative;} div.work-pic img {max-width: 80%; max-height: 90%; padding-left: 9px; bottom: 7px; position: absolute;} div.work-pic-x2 img {max-width: 90%; max-height: 90%; padding-left: 9px; bottom: 7px; position: absolute;} #LINKS {float: left; width: 950px; height: 26px; background: black; text-align: center; padding-top: 4px; position: relative;} #LINKS ul li {padding-right: 45px; display: inline;} #LINKS ul {list-style-type: none; text-align: left;} #LINKS ul li a {font: bold 13px Trebuchet MS; color: #FFFFFF; text-decoration: none;} #LINKS ul li a:hover {font: bold 13px Trebuchet MS; color: #d7e08b;} #idx-nav {float: right; width: 612px;} #nav {float: right; width: 712px;} #FOOTER {float: left; width: 910px; height: 50px; background: #444411; padding-left: 40px; position: relative;} #FOOTER-L {height: 50px; width: 160px; float: left; background: #292C0D; position: normal;} #IDX-FOOTER-L {height: 50px; width: 260px; float: left; background: #292C0D; position: normal;} #FOOTER-R {width: 300px; float: left; padding: 10px 0px 0px 20px; position: normal;} #FOOTER-R P {color: #B1B58D; font: 11px Trebuchet MS; text-align: center; padding-top: 8px;} P {font: italic 14px Trebuchet MS; color: #EFEECF; text-align: left; padding-bottom: 12px; line-height: 20px;} H1 {font: italic 24px Trebuchet MS; color: #FFFFFF; text-align: left; padding-bottom: 6px; letter-spacing: 11px;} H2 {font: italic 30px Trebuchet MS; color: #FFFFFF; text-align: left; padding-bottom: 12px; letter-spacing: 11px;} H3 {font: bold italic 18px Trebuchet MS; color: #FFFFFF; text-align: left; padding: 24px 0px 6px 0px; letter-spacing: 5px;} H4 {font: bold italic 12px Trebuchet MS; color: #FFFFFF; text-align: left; padding: 12px 0px 6px 0px; letter-spacing: 5px;} H5 {font: italic 11px Trebuchet MS; color: #EFEECF; display: inline; padding-bottom: 6px;} H6 {font: bold italic 11px Trebuchet MS; color: #EFEECF; display: inline; padding: 0px 0px 6px 250px;} .H7 {font: 12px Trebuchet MS; color: #FFFFFF; padding: 18px 80px 6px 0px;} span.the {font: italic 15px Trebuchet MS; color: #FFFFFF; letter-spacing: 11px;} span.sig {font: italic 11px Trebuchet MS; color: #FFFFFF; letter-spacing: 11px;} span.idx-sig {font: italic 13px Trebuchet MS; color: #FFFFFF; letter-spacing: 11px;} span.new {font: bold 11px Trebuchet MS; color: #dad78d;} A {font: italic bold 14px Trebuchet MS; color: #EFEECF; text-decoration: underline;} A:hover {font: italic bold 14px Trebuchet MS; color: white; text-decoration: underline;} IMG {border: 0px; text-decoration: none;} IMG.idx-art {padding-top: 15px;} form {margin: 0px;} #TABLE {width: 550px; height: 230px; background: #444411; padding: 12px; margin: 15px 0px 15px 0px;} TABLE.les {width: 550px; height: 150px; background: ;} TABLE.les td {font: bold italic 12px Trebuchet MS; color: #FFFFFF; text-align: left; padding: 6px 0px 6px 0px; letter-spacing: 2px;} /* l i g h t b o x */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #666431; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #666431; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #efeecf; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font: bold italic 18px Trebuchet MS; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 20px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* l i g h t b o x */