body { top:0; bottom:0; left:0; right:0; padding:0; margin:0; height:100%; background:black url('../images/bg_page.jpg') left no-repeat; 
       font-family:'lucida sans',univers,'myriad pro',sans-serif; overflow:hidden; }
*:focus {outline:0;}
h1 {font-size:1.6em; line-height:1.5em; font-weight:normal; color:#b77049; margin:0; }
.serif { font-family: "Palatino Linotype", Palatino, Palladio, "Book Antiqua", Baskerville, "Bookman Old Style", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", Georgia, serif; }
.script { font-style:italic; color:#f3efe4; font-size:1.6em; font-family: "Palatino Linotype", Palatino, Palladio, "Book Antiqua", Baskerville, "Bookman Old Style", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", Georgia, serif; }
p {color:#b77049; font-size:1.1em}
ul {margin:0; padding:0; font-size:1em; list-style-type:none; color:#b75e2d; }
li { color:#f3efe4; padding:0; margin:0; font-weight:normal; }
a { color:#f3efe4; text-decoration:none; }

.bgimg { min-width:100%; min-height:100%; position:absolute; }
.hidden { display:none; }

#header { position:fixed; top:0; left:0; height:100%; width:402px; display:none; }
#header_bg { position:absolute; top:0; bottom:0; left:0; right:100px; background:#000; overflow:hidden; }
#sidebar { position:absolute; width:423px; height:100%; background:url('../images/ww_sidebar_shadow.png') right center no-repeat; overflow:visible; }
#sidebar_left { position:absolute; width:309px; height:100%; background:url('../images/ww_sidebar.jpg') right center no-repeat; overflow:visible; }
#menu { position:relative; height:100%; display:none; }
#menu li { width:9em; font-size:.9em; margin-bottom:.3em; cursor:pointer; }
#menu li a { display:block; padding:.6em 0 .6em 0; }
#menu li a:focus { border:1px solid #f3efe4; margin:-1px; }
#galleries { position:relative; margin-top:1em; margin-left:1.3em; }
#about { position:absolute; bottom:1.4em; left:.5em; display:none; }
#about li { float:left; }
#about li a img { border:none; }

#wait { position:fixed; top:0; bottom:0; left:0; right:0; background:url('../images/bg_black60.png') repeat; display:none; }
#wait > div { position:absolute; top:0; bottom:0; left:0; right:0; background:url('../images/spinner_60.gif') center center no-repeat; }
#pages { height:100%; }
.page { position:absolute; left:120px; right:0; height:100%; overflow:hidden; }
.thumb_page, #home_content > div { position:absolute; left:100px; right:0; height:100%; overflow:hidden; }
.images { height:100%; width:100%; }
.image { position:absolute; width:100%; height:100%; overflow:hidden; background:#000 url('../images/spinner_60.gif') center center no-repeat; }
#home_content .text { text-align:center; margin-right:6.6em; margin-left:13em; }
#home_content .image { background:#000; }

.backbutton { display:block; position:absolute; left:1em; top:1em; width:5em; height:5em; font-style:normal; font-size:1.2em; background:url('../images/backbutton.png') no-repeat; cursor:pointer; }
#header .backbutton { left:16em; background:none; }
#menu_toggle { position:absolute; width:5em; height:5em; bottom:.7em; left:13.8em; cursor:pointer; }
.open { background:url('../images/menu_open.png') center center no-repeat; }
.close { background:url('../images/menu_close.png') center center no-repeat; }
.title { font-style:normal; font-size:2.5em; }

.thumbs_wrapper { position:absolute; top:5.8em; bottom:0; overflow-y:auto; }
.thumbs { padding:0 1.5em 1.5em 0; }
.thumbs div { position:relative; float:left; margin:.5em; }
.thumbs a { color:#f3efe4; font-size:1.4em; }
.thumbs a:focus img { border:1px solid #f3efe4; border-radius:.5em; }
.thumbs img { width:9.3em; height:6.2em; border:1px solid #b75e2d; border-radius:.5em; 
    -moz-box-shadow: 0 .5em .5em rgba(0,0,0,0.8); -webkit-box-shadow: 0 .5em .5em rgba(0,0,0,0.8); box-shadow: 0 .5em .5em rgba(0,0,0,0.8);
    /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#000000')";
    /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#000000'); }
.thumbs span { position:absolute; top:0; left:0; width:1.8em; height:1.6em; border:1px solid #f3efe4; text-align:center; line-height:1.5em; 
              background:url('../images/bg_black60.png') repeat; border-radius:.45em 0 .45em 0; }
.text > .thumbs_wrapper { margin:0 7em 0 7em; }
.text > .thumbs_wrapper > p { margin-right:8em; }

.section_title { position:absolute; top:1.2em; left:110px; line-height:4.3em; }
h1.shadow { font-size:1.6em; float:left; color:#333; padding:.03em 0 0 .05em; line-height:1.5em; }
h1.overlay { font-size:1.6em; position:absolute; line-height:1.5em; }
.img_selected { display:block; }
.detail_footer { position:absolute; left:100px; bottom:.6em; right:1.6em; }
.detail_title { display:block; width:100%; height:3em; }
.detail_nav { position:relative; display:block; }
.detail_nav span { width:4em; height:4em; float:left; background:url('../images/img_counter.png') no-repeat; cursor:pointer; }
.detail_nav span.selected { background:url('../images/img_counter_selected.png') no-repeat; }

/* mobile declarations */
@media screen and (max-device-width:720px) and (orientation:portrait) {
    h1 { font-size:2.2em; }
    p { font-size:1.8em; }
    ul { font-size:1.6em; }
    .thumbs img { width:600px; height:400px; }
    .thumbs span { width:108px; height:96px; line-height:96px; font-size:1.8em; }
    .thumbs { padding-left:0; }
    #menu li a { padding:0; }
    #about li { float:none; }
    #about li a { padding:20px 0 20px 0; }
}