html{height:100%;}
body{background-color:#bbb;font-family:Helvetica,Arial,sans-serif;height:100%;}
h1{margin-bottom:1em;}

.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden;}
*html .clearfix:after{height:1%;}

/* =General Layout */
#container-outer{background:#fff url(../images/bg-body.jpg) no-repeat top left;height:768px;margin:50px auto 0 auto;width:1007px;}
#container{height:100%;margin:0 auto;min-height:600px;position:relative;width:800px;}
#header,
#footer,
#navigation-container{width:100%;}
#navigation-container ul { margin:0 auto; width:688px; }
.content p{font-size:12px;line-height:1.4em;max-width:35em;}

/* = Header */
#header h1{overflow:hidden;text-indent:-9999px;}

/* =Footer */
#footer{font-size:10px;margin-top:2em;}
#footer p{float:left;width:auto;}

/* =Content */
.content{padding:20px;width:760px;}

/* =Navigation */
#navigation-container{height:90px;margin-top:30px;}
.navigation li{float:left;}
.navigation a{text-decoration:none;}

/* =Navigation - Top Level */
#toplevel-navigation a{background-image:url(../images/bg-topNavigation.png);background-repeat:no-repeat;display:block;height:64px;text-indent:-9999px;}

#illustration-link{background-position:0 0;width:186px;}
#sketchbook-link{background-position:-186px 0;width:208px;}
#blog-link{background-position:-500px 0;width:131px;}
#contact-link{background-position:-631px 0;width:153px;}
/* hover */
#illustration-link:hover,#illustration-link.current {background-position:0 -64px;width:186px;}
#sketchbook-link:hover,#sketchbook-link.current {background-position:-186px -64px;width:208px;}
#blog-link:hover,#blog-link.current {background-position:-500px -64px;width:131px;}
#contact-link:hover,#contact-link.current {background-position:-631px -64px;width:153px;}

/* =Gallery */
.thumbNail{float:left;padding:0 2px;width:47px;}

/* =Contact */
#contact p {font-size:1em; margin:0 auto 2em auto;width:415px; max-width: none;}
#contact form{margin:0 auto;width:415px;}
#contact fieldset{background-color:#EEE;border:1px solid #999;padding:10px 5px 5px;}
#contact input, #comments {margin:10px 0;width:250px;}
#contact .label{clear:left;float:left;font-size:12px;margin-top:15px;padding-right:0.5em;text-align:right;width:100px;}
#contact button{margin:5px 0 0 102px;}
legend { display:none; }