#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: #fff; 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%; display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) no-repeat left 15%; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) no-repeat right 15%; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; } #imageData #bottomNavClose { width: 66px; 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; } body { margin: 0; padding: 0; background: #343434 url(../images/img01.png); background-position: 50% 180px; background-repeat: no-repeat; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; } h1, h2, h3 { margin: 0; padding: 0; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; /*color: #385c7e; */ color: #cd2222; } h2 { text-transform: uppercase; font-size: 18px; } table.noborder { border: 0px solid #000000; text-decoration: none; border-collapse: separate; border-spacing: 0px; padding: 0px; } h3 { text-transform: uppercase; letter-spacing: 2px; font-size: 11px; } p, blockquote, ul, ol { line-height: 18px; text-align: justify; } blockquote { padding-left: 20px; background: url(../images/img05.gif) repeat-y; } a { color: #cd2222; } a.extern { background: url(../images/external.gif) no-repeat 100% 3px; padding: 0 15px 0 0; } a:hover { text-decoration: none; } span.extlink { position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline; } img.hidepics { width: 0px; height: 0px; visibility: hidden; } img { border: 0px solid #000000; } #header { width: 863px; height: 180px; margin: 0 auto; background: url(../images/img02.png); } #header h1, #header h2 { font-weight: normal; color: #ffffff; } #header h1 { float: left; padding: 120px 0 0 20px; font-size: 36px; } #header h2 { float: right; padding: 134px 20px 0 0; font-size: 22px; } #menu { width: 760px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 20px 20px 0 20px; background: url(../images/img03.gif) no-repeat; background-position: right; text-decoration: none; font: bold 11px "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #dddddd; } #menu a:hover { font: bold 11px "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #aaaaaa; } #menu a.extern:hover { font: bold 11px "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #aaaaaa; } #menu a.extern { background: none; padding: 0 15px 0 0; display: block; float: left; padding: 20px 20px 0 20px; text-decoration: none; font: bold 11px "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #dddddd; } #hmain_downloads #main_downloads a, #hmain_doc #main_doc a, #hmain_license #main_license a, #hmain_contact #main_contact a, #hmain_viewer #main_viewer a, #hmain_features #main_features a, #hindex #index a { color: #88acce; text-decoration: underline; font: bold 11px "Trebuchet MS" , Arial, Helvetica, sans-serif; } #menu .first a { background: none; } #content { width: 720px; margin: 0 auto 20px auto; padding: 20px; background: #ffffff url(../images/img04.jpg) repeat-x left bottom; } #posts { margin: 0 20px 20px auto; float: left; width: 460px; } #posts_fl { width: 680px; } #posts_license { width: 500px; padding: 50px; } #links_nofl { width: 680px; } #links { float: right; width: 200px; padding: 19px; background: url(../images/img05.gif) repeat-y; } #links ul { margin: 0; padding: 0; list-style: none; } #links li ul { padding: 5px 0 30px 0; } #links li li { padding: 7px 10px; background: url(../images/img06.gif) repeat-x left bottom; } #links li a { text-decoration: none; } #links li a:hover { text-decoration: underline; } #links li i { font-style: normal; font-size: 9px; } #links li h2 { font-size: 14px; } #footer { height: 100px; padding: 20px; background: #2d2d2d url(../images/img07.gif) repeat-x; } #footer p { text-align: center; color: #484848; }