html, body { margin:0; padding:0; height:100%; font-family:tw cen mt, century gothic, sans-serif; }

a, a:link, a:visited, a:hover { text-decoration:none; }

.bold { font-weight:bold; }
.center { text-align:center; }

.top-half { width:100%; background-color:#5f7957; height:400px; overflow:hidden; }
.top-image img { border-left:15px solid #fff; }
.upper-titles { width:40%; text-align:center; font-size:200%; }
.upper-titles img { width:90px; padding-top:0.5em; }
.top-image { position:absolute; top:0px; left:40%; float:right; height:400px; width:60%; overflow:hidden; }

.title-color { color:#500202; }
.arthur-color { color:#333220; }

.bottom-half { width:100%; background-color:#577971; height:100%; border-top:30px solid #fff; }
.lower-image { border-right:20px solid #fff; }
.lower-image { position:absolute; top:430px; left:0px; height:100%; width:60%; overflow:hidden; }
.lower-titles { position:absolute; top:440px; left:60%; text-align:center; width:40%; padding-top:30px; }
.lower-titles p { font-weight:bold; font-size:220%; margin-top:5px; }

.image-right { float:right; max-width:35%; padding:0 5px 15px 25px; text-align:center; font-size:93%; font-style:italic; } 
.float-img { width:95%; padding:4px; border:1px solid #111; }

.textual { padding:1.5em; background-color:#efffef; border:1px solid #777; opacity:0.8; }

.bio-page { margin:4% 7% 20% 15%; background-color:#587173; }
.bio-area { clear:both; padding-top:1em; }
.bio-links { float:right; }

.bigger { font-size:250%; }
.credits { font-size:100%; padding-top:80px; }
.credits a:link, .credits a:visited { color:#583636; }

#togglemenu2 p { padding:0 20px 0 15px; color:#bfbe99; }
.sideviewtoggle { cursor:pointer; }

.inset { margin-left:1.25em,; }

.big-red { font-size:325%; color:#992323; vertical-align:bottom!important; }
.big-red a { font-size:95%; color:#992323; text-decoration:none; }
.big-red span { padding-left:5px; }
.verbal { font-size:56%; }

.mid-red { font-size:150%; color:#582323; vertical-align:bottom!important; }
.mid-red a.static-link { font-weight:bold; color:#582323; }


.menu-opener { font-size:60%; color:#451212; }
.front-red { font-size:450%; color:#451212; font-size:600%!important; }
.closer { margin-top:-3em; font-size:220%; color:#000; }

a.static-link { font-weight:bold; color:#582323; }


.onefiveoh { width:40px; }



body#gallery { margin: 0; padding: 0; background: #577971; color:#8aac4a; }

#gallery h1 { margin-left:20px; color:#fff; }
#gallery h3 { margin-left:40px; }
#gallery a:link, #gallery a:visited { color:#8aac4a; text-decoration:none; }
.gallery-title { border-bottom:10px solid #fff; padding:0 0 20px 20px; }

.big-notred { font-size:250%; margin-left:40px; border-top:1px solid #111; }
.big-notred a { font-size:55%; }
.big-notred span { padding-left:22px; }

#gallery .sideviewtoggle { font-size:150%; }
#gallery .sideviewtoggle a { font-size:100%; }

.wrap { overflow: hidden; margin: 10px; }
.box { float:left; position:relative; width:20%; padding-bottom: 20%; }

.boxInner { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; overflow: hidden; }

.boxInner img { width: 100%; }
.boxInner .titleBox { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: -50px; background: #000; background: rgba(0, 0, 0, 0.5); color: #FFF; padding: 10px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox { margin-bottom: 0; }


@media only screen and (max-width : 480px) { /* Smartphone view: 1 tile */ .box {    width: 100%;    padding-bottom: 100%; }
}
@media only screen and (max-width : 650px) and (min-width : 481px) { /* Tablet view: 2 tiles */ .box {    width: 50%;    padding-bottom: 50%; }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) { /* Small desktop / ipad view: 3 tiles */ .box {    width: 33.3%;    padding-bottom: 33.3%; }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) { /* Medium desktop: 4 tiles */ .box {    width: 25%;    padding-bottom: 25%; }
}