@charset "UTF-8";
/* CSS Document */

* {
margin:0 auto;
padding:0;
overflow:hidden;
}

html {
min-height:100%;
margin-bottom:1px;
}

body {
margin:0 auto;
padding:0;
background-color:#121212;
}


#container {
width:100%;
height:100%;
margin: 0 auto;
}


#nav {
width:100%;
height:48px;
background:#848484 url(../img/nav-bg.gif) 0 0 repeat-x;
}
#nav ul {
list-style:none;
width:600px;
height:48px;
margin:0 auto;
text-align:center;
padding-top:14px;
}
#nav li {
font:normal 12px "Helvetica Neue", Helvetica, Arial, Sans-serif;
display:inline;
margin:0 20px 0 20px;
}
#nav li a {
color:#ccc;
text-decoration:none;
}
#nav li a:hover {
color:#ffffff;
}


#mast {
width:100%;
height:232px;
background-color:#fff;
}
#mast h1 {
display:block;
width:600px;
height:232px;
background:#fff url(../img/masthead.jpg) 0 50% no-repeat;
text-indent:-5000px;
}


#page-wrap {
width:100%;
height:308px;
margin:0 auto;
background:#121212 url(../img/page-bg.gif) 0 0 repeat-x;
}
#page {
width:600px;
height:100%;
}
#page #photo {
width:180px;
height:170px;
float:left;
background:transparent;
margin-right:30px;
}
#page #painting {
width:180px;
height:170px;
float:left;
background:transparent;
}
#page #mural {
width:180px;
height:170px;
float:right;
background:transparent;
}

#page #photo h2, #page #painting h2, #page #mural h2 {
display:block;
width:180px;
font:bold 12px "Helvetica Neue", Helvetica, Arial, Sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
text-align:center;
margin:0;
padding-top:17px;
}
#page #photo a, #page #painting a, #page #mural a {
outline:none;
color:#fff;
text-decoration:none;
display:block;
width:180px;
height:170px;
/* For browser that care */
opacity: 0.7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#page #photo a {background: url(../img/photos-splash-link.jpg) 0 29px no-repeat;}
#page #painting a {background: url(../img/paintings-splash-link.jpg) 0 29px no-repeat;}
#page #mural a {background: url(../img/murals-splash-link.jpg) 0 29px no-repeat;}

#page #photo a:hover, #page #painting a:hover, #page #mural a:hover {
/* For browser that care */
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



#footer {
width:600px;
height:35px;
padding-top:25px;
}
#footer p, #footer a {
font:normal 10px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#a2a2a1;
text-decoration:none;
}
#footer p.left {
float:left;
}
#footer p.right {
float:right;
}
#footer a:hover {
color:#fff;
}




img.hidden-preload {
visibility:hidden;
}