html, body{
height:100%;
}
/* html elements */
body{
background:#333;
margin:0 auto;
text-align:center;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
}
h1{
background:#f4f3f1;
color:#6e674b;
padding:12px 17px 0 17px;
margin:0;
height:52px;
font-size:20px;
font-weight:normal;
}
h2{
color:#6e674b;
font-size:1.6em;
}
p, div{
margin:0;
padding:0;
font-size:1em;
}
img, form{
border:0;
}
ul, li{
padding:0;
margin:0;
}
a{
color:#6e674b;
text-decoration:none;
}
a:hover{
color:#000;
}
/* divs */
#wrapper{
margin:0 auto;
padding:55px 0 13px 0;
text-align:left;
width:851px;
background:#333 url(images/bg_main.jpg) center top no-repeat;
min-height:700px;
height:auto !important;
height:700px;
}
#menuContainer{
float:left;
width:132px;
padding:121px 18px 0 17px;
margin:0;
}
#menu{
background:#d1caae;
margin:0 0 0 -17px;
padding:0 0 0 17px;
list-style:none;
}
#menu li{
margin:0 0 16px 0;
}
#menu li a{
font-size:1.1em;
color:#4e4626;
text-transform:uppercase;
}
#menu li a:hover, #menu li a.selected{
color:#000;
}
#subMenu{
background:#bcb59d url(images/bg_subMenu.jpg) left top repeat-y;
width:167px;
padding:6px 0 3px 0;
margin:8px -17px -10px -17px;
list-style:none;
display:none;
overflow:hidden;
}
#subMenu li{
margin:0 0 3px 0;
padding:0 0 0 17px;
}
#subMenu li a{
font-size:1em;
color:#4e4626;
text-transform:uppercase;
}
#subMenu li a:hover, #subMenu li a.selected{
color:#000;
}
#content{
float:left;
width:612px;
min-height:650px;
height:auto !important;
height:650px;
padding:15px 0 0 32px;
color:#333;
background:#fff;
}
#content a{
text-decoration:underline;
}
#contentFullWidth{
float:left;
font-size:1.2em;
}
#galleryMenu{
margin:0 0 0 13px;
list-style:square;
}
#gallery{
float:left;
margin:0 0 0 -26px;
}
#contentLeft{
float:left;
width:440px;
font-size:1.2em;
}
#contentRight{
width:140px;
float:right;
margin:-31px 0 0 0;
}
#homeImage{
margin:0 0 16px 0;
}
#homeText{
width:430px;
padding:17px 150px 0 0;
height:145px;
overflow:auto;
}
#aboutProfileImage{
margin:16px 0 0 0;
}
#exhibitions{
height:205px;
overflow:auto;
}
#footer{
clear:both;
width:644px;
padding:22px 0 0 167px;
text-align:center;
color:#adadad;
}
#footer a{
color:#adadad;
}
/* classes */
.textContent{
line-height:1.5em;
padding:16px 11px 0 0;
}
.exhibitionItem{
padding:16px 0 0 0;
margin:0 0 16px 0;
border-top:1px solid #dadbd6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */