* {margin:0; padding:0}
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#F0EEE2 url(images/elafinestra.png) center left repeat-x}
#gallery {position:relative; width:800px; margin:10px auto; padding:10px; border:6px solid #fff;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:786px; height:580px; padding:5px; border:2px solid #D6CEBD; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:796px; height:100px; border:2px solid #D6CEBD; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:796px;}
#thumbs {position:absolute; list-style:none; margin-left:25px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:25px; cursor:pointer;}
.imgnav {position:absolute; width:20%; z-index:100; height:560px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#header{background:url(images/header.png) top left repeat-x;height:164px;} 
	#title{margin:0 auto;background:url(images/title.png) top center no-repeat;height:164px} 
	#footer{margin-top:20px;background:url(images/footer.png) bottom left repeat-x;height:91px;} 
	#text{margin:0 auto;padding:57px 0 0 0;width:800px;font-size:16px;color:#111;font-family:Arial;} 
	#title h1{margin:0 auto;width:630px; color:#fff;padding:40px 0 0 150px;font-size:36px;font-family:Arial; font-weight:normal; text-shadow: 2px 2px 3px #000; }