* {margin:0px;padding:0px;border:0px} a {text-decoration:none;color:#ddd} a:visited {color:#ccc} a:hover, #menu a:hover, #foot a:hover, #opis a:hover {color:#fc0} body {font-family: sans-serif;padding:10px;background-color:#003700;font-size:16px;color:#fff} #menu, #logo, #cont {margin:0 auto;width:750px;} #logo {height:76px} #menu {font-family:Verdana;text-align:right;height:35px;	background:url(menu.png) no-repeat center top;padding:8px 30px 0px 0px;font-size:15px;font-weight:bold} #menu a {padding:0px 12px;color:#fff} #cont{background:#f2f2f2} #text {padding:5px 20px} #bner, #foot{padding-top:9px} #bner,#foot {text-align:center} #foot {font-weight:bold;padding-top:9px;font-family:Arial;font-size:11px;letter-spacing:2px} #foot,#foot a {color:#ccc} #c {clear:both;} #opis, #pizze {color:#666;font-weight:bold;margin:20px 5px 0px;width:450px;text-align:justify} #opis a {color:#666} #pizze {float:left;text-align:center;font-size:20px} #pizze i {display:block;font-size:15px} #pizze td {padding:8px} #pizze tr {background: url(frame.png) no-repeat left} #lbox {float:right;width:190px;text-align:center} #lbox img {width:100px;height:130px;margin:0px} #lbox2 {float:right;width:210px;text-align:center} #lbox2 img {width:150px;height:130px;margin:0px} #rbox .roun {background-color:#666;margin-top:20px;width:219px} #rbox {width:219px;text-align:center;float:right} #rbox img {width:215px;height:91px} #imgline {clear:both;width:710px;padding-top:16px;text-align:center} #imgline img {height:200px;width:99px;margin:4px;} #imgline img, #rbox img, #lbox img {margin:1px;border:3px solid #f2f2f2;} #rbox a:hover img,#imgline a:hover img,#lbox a:hover img {border:3px solid #fc0} #index h1 {color:#666;font-size:40px} #lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; background: #fff; } #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: transparent url(blank.gif) no-repeat; display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.4em; background: #fff; } #imageData { color:#000; padding: 0 10px; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; font-size:200% } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; background: #000; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { height: 1%; }