body 
{margin: 0;
font-family: 'trebuchet ms', 'Lucida Grande', verdana, helvetica, Arial, sans-serif;
background-color: #252525;
font-size: 13px;
color: #efefef;}

a {font-weight: bold; text-decoration: none; }
a:link {color: #E9AA00;}
a:visited {color: #E9AA00;}
a:active {color: #E9AA00;}
a:hover {color: #EFEFEF;}

a.press  {font-weight: bold; text-decoration: none; color: #E9AA00;}

.nav a {color: #EFEFEF; text-decoration: none; font-weight:bold;}
.nav a:hover {color: #E9AA00;}

a.tag {color: #E9AA00; text-decoration: none; font-weight:normal; font-size:90%; text-transform:lowercase;}
a.tag:hover {color: #EFEFEF;}

a.museum{color: #EFEFEF; text-decoration: none;}
a.museum:hover {color: #E9AA00;}

h1 {color:#EFEFEF; font-size:175%; text-transform: uppercase; font-weight:bold; width:100% padding:0 0 .25 0; margin:1em 0 .25em 0; vertical-align:bottom;}
h2 {font-size:125%; text-transform:uppercase; color:#EFEFEF;}
h3 {font-size:115%; color:#E9AA00; margin:.5em 0 0 0; padding:0;}
h4 {font-size:95%; margin:0 0 1.25em 0; padding:0;}

hr {color: #444; background-color: #444; height: 1px; border:none;}

#content {width:810px; margin:auto;}

#header
{height:300px;
width:810px;
clear:both;
margin:auto;}

#footer
{text-align:justify;
clear:both;
width:810px;
font-size:85%;
color: #999999;
margin:auto;
border-top: 1px #444444 solid;}

.nav
{margin: auto;
width:810px;
white-space:nowrap;
text-transform: uppercase;
clear:both;
font-size:100%;
text-align:center;
margin: 1em 1.5em 1em 0;}

.body
{display: block;
float: left;
width: 550px;}

.body p {line-height:150%;}
.body-800 p {line-height:150%;}

.body-800{display: block; float: left; width: 810px;}

.right {display: block; float: right; width: 240px; margin-left:1.5em;}
.right p{line-height:150%; font-size:85%;}
.right h1, .right h2, .right #js-latestwork, .right #js-largesculptures, .right #js-legoart, .right #js-liveevents, .right #js-portraitslogos, .right #js-smallersculptures
{color: #EFEFEF; font-size:125%; text-transform: uppercase; font-weight:bold; white-space:nowrap; display:block; margin:1em 0 .5em 0;}

img.thumb {padding:.25em; margin: 0 .50em .50em 0; border:1px solid #cccccc; background-color:white;}
img.thumb-lg {padding:.25em; margin: 0 .75em .75em 0; border:1px solid #cccccc; background-color:white;}
img.ico {margin:.5em; padding:.25em; border:1px solid #cccccc; background-color:white;}

br.clear-all {clear: both;}
br.clear-left {clear: left;}

.sm-title {font-size:14px; text-transform: uppercase; font-weight:bold; color: #999999;}
.small {font-size:85%; margin:0; padding:0;}

.faq {font-size:115%; color:#E9AA00;}
.contact-container{width:350px; padding: 1em 1em 1em 2.5em; line-height:200%;}
.side-by-side {display:block; float:left; padding-right:2em;}

.col-left {font-weight:bold; float:left; text-align:left; vertical-align:top; display:block;}
.col-right {font-weight:bold; float:right; text-align:left; vertical-align:top; display:block;}

input.submit {color: #EFEFEF; font-size: 100%; font-weight:bold; text-transform:uppercase; text-align:center; padding:.1em; border:1px solid #999999; background-color:#252525;}
input.submit:hover {color: #E9AA00;}

/* Twitter */
#tweet ul {list-style: none; list-style-type: none;padding: 0;margin: 0; display:block;}
#tweet ul li {list-style: none; list-style-type: none;padding: 0;margin: 0; display:block;}
#tweet.p {font-size:100%;}
.tweet-sm {font-size:75%;}

/* Lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

/*This line hacked for slideshowness*/
#hoverNav{ position: absolute;  top: 0; left: -15% !important; height: 100%; width: 130%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {left: 0; float: left; background: left 15% no-repeat; }
#nextLink {right: 0; float: right; background: right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*Frog JS*/
#FrogJS{
display:none;
height: 100%; 
width: 500px;
height: 600px;
margin: 95px auto auto auto;
}

#FrogJS-loading{
display:block;
padding:1em;
margin: 0;
}

#FrogJSCredit
{width:0px; height:75px; z-index:0; 
position:absolute; color:#252525;}

#FrogJS-maskL
{position:absolute; width:50px; height:75px !important; 
padding-left:25px; z-index:2; }

#FrogJS-maskR
{position:absolute; width:50px; height:75px !important; 
margin-left:460px; z-index:2; }