/* File: ./css/global.css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ----------------- SITE CSS ----------------- */ html, body{ font: 8pt Tahoma, Arial, Helvetica, Verdana, Sans-serif; height: auto !important; height: 100%; min-height: 100%; color: #777; } body{ overflow-y: hidden; overflow-x: scroll; } a{ color: #777; text-decoration: none; } a:hover, a.active{ color: #000; } #navigation{ width: 100%; height: 90px; padding: 27px 0; position: fixed; left: 0; top: 0; z-index: 99; background: #fff; } h1{ width: 230px; height: 90px; margin: 0 5px 0 0; float: left; text-indent: -999px; background: #000 url('../images/logo.gif') center no-repeat; } h1 a{ width: 100%; height: 100%; display: block; } #content{ width: 385px; padding: 0 30px 7px 30px; background: #fff; position: fixed; top: 40px; left: 521px; z-index: 999; line-height: 15px; } #content.news{ width: 385px; margin: 0 0 15px; } #content.news .more{ color: #000; padding: 0 0 0 5px; } #content.news span{ vertical-align: bottom; } #content h2{ font-weight: bold; text-transform: uppercase; color: #000; line-height: 15px; } #content h2.space{ margin: 0 0 15px; } #content h2 a{ color: #000; } #content p{ margin: 0 0 15px; } #content.contact{ width: 475px; left: 370px; } #content.contact div{ width: 140px; height: 100%; float: left; } #content.contact .column2{ width: 120px; margin: 0 0 0 10px; } #content.contact .column3{ width: 120px; margin: 0 0 0 60px; } #content .grid{ float: left; width: 150px; } .grid.tl{ height: 70px; margin: 0 60px 80px 0; } .grid.tr{ height: 70px; width: 100px; margin: 0 0 80px 0; } .grid.bl{ margin: 0 60px 15px 0; } .grid.br{ width: 100px; margin: 0 0 15px; } #content.home{ left: 370px; width: 530px; } #menu{ width: 300px; margin: 13px 0 0 43px; float: left; position: relative; letter-spacing: 1px; } #menu li{ } #menu li a{ line-height: 15px; text-transform: uppercase; text-decoration: none; font-weight: bold; } #menu > li a.active, #menu li ul li.active.a{ color: #000; } #menu li ul{ position: absolute; left: 122px; top: 0; } #footer{ width: 100%; padding: 12px 0; position: fixed; left: 0; bottom: 0; z-index: 999; text-transform: uppercase; background: #fff; overflow: auto; } #footer p{ width: auto; } #footer p.left{ float: left; margin: 0 0 0 20px; } #footer p.right{ float: right; text-align: right; margin: 0 20px 0 0; } #footer a{ text-decoration: none; } #footer a.active{ font-weight: bold; color: #000; } #footer a.lower{ text-transform: lowercase; } #footer span{ color: #000; } #projectPhotos{ width: 100%; display: table; position: absolute; left: 0; bottom: 35px; } #projectPhotos li{ display: table-cell; } #projectPhotos li img{ display: block; } #projectInfo{ width: 400px; padding: 0 30px 7px; position: fixed; left: 520px; top: 40px; z-index: 100; background: #fff; line-height: 15px; text-align: justify; } #projectInfo.news{ left: 370px; } #projectInfo .date{ font-weight: normal; text-transform: none; } #projectInfo h2{ font-weight: bold; text-transform: uppercase; color: #000; line-height: 15px; } #projectInfo .more{ color: #000; } #projectInfo p{ margin: 0 0 15px; } #movie{ width: 600px; height: 363px; margin: 200px auto 0; } #award{ position: fixed; top: 0; right: 0; z-index: 999; } #projects{ width: 100%; display: table; position: absolute; left: 0; top: 144px; } #projects li{ display: table-cell; } #projects li a{ display: block; opacity: .6; } #projects li a:hover{ opacity: 1; } #background{ position: absolute; left: 0; top: 144px; z-index: 0; width: 100%; height: 100%; overflow: hidden; } #background img{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index:8; background: #fff; } #background img.active{ z-index:10; } #background img.last-active{ z-index:9; } strong{ font-weight: bold; color: #000; } em{ font-style: italic; } hr{ height: 0; padding: 0; border: none; border-bottom: 1px dashed #777; } #ie6lamus{ position: absolute; top: 100px; left: 50%; width: 500px; margin-left: -250px; background: #006693; padding: 20px; z-index: 99999; color: #fff; } #ie6lamus p{ margin: 10px 0; } #ie6lamus img{ display: block; margin: 20px auto; } #ie6lamus h2{ margin: 10px 0 20px; } #ie6lamus h2, #ie6lamus h3{ margin: 10px 0; font-weight: bold; font-size: 1.2em; } #ie6lamus a{ display: block; color: inherit; font-size: 1.2em; text-decoration: underline; font-weight: bold; margin: 10px 0; }