@charset "UTF-8";
/* CSS Document */
body{
background-color:#999;
}
p{
color:#666;
font:14px normal Gill Sans, Helvetica, Arial, sans-serif;
padding:0 0 1em 0;
}
h1{
color:#666;
font:14px normal Gill Sans, Helvetica, Arial, sans-serif;
padding-top:1em;
}
h2{
color:#666;
font:16px bold Gill Sans, Helvetica, Arial, sans-serif;
font-weight:bold;
padding-bottom:1em;
}
ul.resume li{
color:#666;
font:11px normal Gill Sans, Helvetica, Arial, sans-serif;
padding-bottom:.8em;
}
.form{
color:#666;
font:14px normal Gill Sans, Helvetica, Arial, sans-serif;
}
a:link{
text-decoration:none;
color:#966;
}
a:hover{
text-decoration:none;
color:#933;
}
a:visited{
text-decoration:none;
color:#966;
}
.container{
background-color:#fff;
width:880px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
height:100%;
min-height:650px;
}
.container-donate{
background-color:#fff;
width:880px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
height:100%;
min-height:1000px;
}
.container-contact{
background-color:#fff;
width:880px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
height:100%;
min-height:725px;
}
.white{
background-color:#ffffff;
}
ul.menu{
width:586px;
}
.menu{
position:relative;
top:0px;
left:294px;
width:586px;
}
.b-sculpture,.b-process,.b-public,.b-about,.b-media,.b-contact{
margin:0px;
background-color:#c2c2c2;
padding:7px 76px 16px 7px;
position:absolute;
top:0px;
z-index:0;
}
.b-sculpture{
left:0px;
}
.b-process{
left:98px;
}
.b-public{
left:196px;
}
.b-about{
left:294px;
}
.b-media{
left:392px;
}
.b-contact{
left:490px;
}
.roll-sculpture{
left:0px;
top:112px;
}
.roll-about{
left:294px;
top:77px;
}
.roll-media{
left:392px;
top:73px;
}
.roll-contact{
left:490px;
top:96px;
}
.menu li:hover ul{
display:block;
visibility:visible;
position:absolute;
background-color:#7f7f7f;
width:96px;
overflow:hidden;
margin-top:-3px;
z-index:40;
}
.menu li ul{
display:none;
visibility:hidden;
}
.menu li ul{
background-color:#7f7f7f;
width:105px;
z-index:30;
}
.menu li ul li{
background-color:#9a9a9a;
border-top:2px solid;
border-color:#fff;
padding:5px;
}
.menu li ul li a{
color:#fff;
font:13px "Gill Sans", Helvetica, Arial, sans-serif;
}
.menu li ul li:hover, .menu li ul.section li:hover{
background-color:#7f7f7f;
z-index:40;
}
.menu li ul.section li a:hover{
color:#7f7f7f;
}
.menu li ul.sculpture-section, menu li:hover ul.sculpture-section, .menu li ul.about-section, menu li:hover ul.about-section,.menu li ul.media-section, menu li:hover ul.media-section, .menu li ul.contact-section, menu li:hover ul.contact-section{
display:block;
visibility:visible;
position:absolute;
top:0px;
width:96px;
margin-top:0px;
}
.menu li ul.sculpture-section, menu li:hover ul.sculpture-section{
left:0px;
}
.menu li ul.about-section, menu li:hover ul.about-section{
left:294px;
}
.menu li ul.media-section, menu li:hover ul.media-section{
left:392px;
}
.menu li ul.contact-section, menu li:hover ul.contact-section{
left:490px;
}
.menu li ul.sculpture-section li,.menu li ul.about-section li,.menu li ul.media-section li,.menu li ul.contact-section li{
background-color:#b2b2b2;
border-top:0px;
border-bottom:2px solid;
border-color:#fff;
padding:5px;
}
.menu li ul.sculpture-section li.section,.menu li ul.about-section li.section,.menu li ul.media-section li.section,.menu li ul.contact-section li.section{
background-color:#966;
color:#fff;
font:14px "Gill Sans", Helvetica, Arial, sans-serif;
}
.menu li ul.sculpture-section li.sub-section,.menu li ul.about-section li.sub-section,.menu li ul.media-section li.sub-section,.menu li ul.contact-section li.sub-section{
background-color:#666;
color:#fff;
font:13.2px "Gill Sans", Helvetica, Arial, sans-serif;
}
.menu li ul.sculpture-section li:hover,.menu li ul.about-section li:hover,.menu li ul.media-section li:hover,.menu li ul.contact-section li:hover{
background-color:#7f7f7f;
z-index:40;
}
.logo{
width:234px;
height:92px;
float:left;
padding:8px 62px 10px 17px;
}
.page-body, .page-body-higher, .page-body-lower{
display:block;
position:relative;
left:0px;
}
.page-body{
top:65px;
}
.page-body-higher{
top:35px;
}
.page-body-lower{
/* top:95px; */
}
.left-image{
margin:-18px 0 0 -313px;
float:left;
width:292px;
}
.left-image-index{
margin:-18px 0 0 -313px;
float:left;
width:292px;
z-index:12;
}
.slideshow{
float:left;
left:326px;
margin-left:0px;
padding:30px 0px 100px 0px;
}
.slideshow-left{
float:left;
left:0px;
margin:10px 0 0 -313px;
padding:60px 50px 100px 0px;
z-index:0;
}
.slideshow-centered{
float:left;
left:0px;
margin:10px 0 0 -150px;
padding:60px 50px 100px 0px;
z-index:0;
}
.slideshow-right{
float:right;
position:absolute;
top:0px;
display:block;
margin:-30px 8px 0 0px;
z-index:0;
}
.slideshow-txt{
float:left;
right:74px;
width:254px;
max-height:276px;
overflow:auto;
padding:60px 50px 30px 20px;
}
.slideshow img{
padding:0px;
max-height:400px;
max-width:425px;
overflow:hidden;
}
.float-right{
float:right;
}
.clear{
clear:both;
}
.caption{
margin-top:-20px;
text-align:left;
float:left;
color:#666;
font-size:10px;
}
.footer, .footer-lower, .footer-contact{
color:#6c6c6c;
position:absolute;
left:400px;
/*width:532px;*/
padding:0 0px 0px 170px;
font-size:10px;
}
.footer{
top:612px;
}
.footer-lower{
top:962px;
}
.footer-contact{
top:682px;
}
.footer img, .footer-lower img, .footer-contact img{
vertical-align:middle;
}
.small{
font-size:10px;
}
/* gallery */
.img0, .img2, .img4{
float:left;
}
.img0, .img2, .img4{
padding:0 2px 2px 0;
}
.img1, .img3, .img5{
padding-bottom:2px;
}
.img0, .img1, .img2, .img3, .img4, .img5{
min-width:126px;
min-height:152px;
}
.subimg{
padding:20px;
}
.subimg img{
padding:10px;
}
.sub_thumbs{
float:right;
height:400px;
width:110px;
overflow:auto;
}
.arrow-last{
padding:10px 0 0 10px;
/*left:20px;
top:10px;*/
float:left;
}
.arrow-next{
padding:7px 0px 0 10px;
float:left;
/*left:200px;
top:10px;*/
}
.title{
padding:5px 0 0 10px;
float:left;
}
.title-shifted{
padding:5px 0 0 45px;
float:left;
}
/*text pages*/
.text{
float:left;
left:0px;
width:435px;
height:400px;
margin:50px 50px;
overflow:auto;
padding:0px 25px 0px 0px;
}
.resume-text{
font-size:11px;
}
.float-left-weird{
/*margin:-58px 0 0 -354px;*/
float:left;
width:292px;
padding:0 20px 0 40px;
text-align:right;
}
.float-left{
/* margin:-18px 0 0 -313px; */
float:left;
width:292px;
padding:0 20px 0 40px;
text-align:right;
}
.form, .form-booking{
left:0px;
width:320px;
height:425px;
margin:0px 0px 0px 303px;
overflow:auto;
padding:0px 20px 0px 20px;
}
.form-booking{
width:370px;
margin:40px 0px 0px 333px;
}
label{
display:block;
margin-top:5px;
}
.line{
background-color:#666;
width:1px;
height:425px;
float:left;
margin-right:30px;
}
#comment-div,#check{
display:none;
/*visibility:hidden;*/
}
.warning{
padding:25px;
margin:10px 0px;
background-color:#fc9;
color:#c30;
border-color:#c30;
border-width:1px;
}
#check1,#check2,#check3,#check4,.submit{
margin:5px 5px 5px 0px;
}
input{
margin:0px 0px 4px 0px;
}
.donate{
left:0px;
float:left;
margin:0px 100px;
}
.red{
color:#c30;
}
.bottom-image p{
margin:5px 0 0 20px;
font-size:10px;
}
.slideshow form{
margin:37px 0 0 30px;
}
.gallerylayer{
top:0px;
}
.text-comment{
margin-left:30px;
}