html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

html, body{
	background: #CCC;
	font: 14pt Garamond, Georgia, serif;
	height: 100%;
}
img{
	border: none;
}
p{
	margin: 1em 0;
}
img.right{
	float: right;
	padding: 0 0 5px 15px;
}
h1, h2{
	border-color: black;
	border-style: solid;
	border-width: 1px 0 1px 0;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0.3em 2em;
}
h2{
	font-size: 1.1em;
	font-weight: normal;
	padding: 0.3em 1em;
}
blockquote{
	font-size: 1.5em;
	font-style: italic;
	margin: 20px 50px;
}
blockquote div{
	font-size: .8em;
	margin: .5em;
	text-align: right;
}
#backing{
	height: 100%;
	margin: 0 auto;
	width: 820px;
}
#drywall{
	background: white;
	margin: 0 10px;
	min-height: 100%;
}
#wrapper{
	position: relative;
}
#head{
	text-align: center;
	padding: 20px 0;
}
#head p{
	margin: 0.5em;
}
#head #logo{
	display: block;
	margin: 0 auto 1em auto;
}
#head #title{
	font-variant: small-caps;
	font-size: 1.8em;
	margin-bottom: 0;
}
#head a{
	color: black;
}
#head #subtitle{
	font-style: italic;
	font-size: 1.2em;
	margin-top: 0.2em;
}
.spacer{
	display: inline-block;
	width: 1.5em;
}
#overview{
	width: 800px;
	height: 400px;
	background-image: url(images/wwk_overview.jpg);
}
/* Based on <http://css.maxdesign.com.au/listamatic/horizontal03.htm> */
.nav{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px 0 1px 0;
	color: black;
	margin: 0;
}
#bignav{
	border-bottom-width: 1px;
	font-size: 1.1em;
	margin: 0 5%;
	width: 90%;
}
#bottomnav{
	margin-top: 2em;
}
.nav ul{
	width: 100%;
	float: left;
	text-align: center;
}
.nav li{
	border-color: #AAA;
	border-style: solid;
	float: left;
	padding: 0px;
	width: 25%;
}
.nav li.current{
	background-color: #FCFCFF;
}
.nav li + li{
	border-left-width: 1px;
	margin-left: -1px;
}
.nav a{
	color: black;
	display: inline-block;
	height: 100%;
	padding: 5px 0;
	width: 100%;
}
.nav a:visited{
	color: #666;
}
#top{
	background-color: white;
	background-image: url(images/shadow_down.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-bottom: 40px;
	padding-bottom: 11px;
}
#topcontent{
	background-image: url(images/top_overview.jpg);
	background-position: center right;
}
#info{
	background-color: white;
	height: 66px;
	width: 200px;
}
#info a{
	color: black;
	text-decoration: none;
}
#top #logo{
	float: left;
	margin: 14px 6px;
}
#who{
	-webkit-text-size-adjust: none;
	color: black;
	float: left;
	font-size: 15px;
	padding: 6px;
	text-align: center;
	line-height: 1.2;
}
#who .email{
	font-size: 0.8em;
}
#body{
	padding: 0 40px;
}
#artwork{
	background: #FFF;
}
#artwork td{
	vertical-align: middle;
	padding: 10px 0;
}
#artwork img{
	display: block;
}
#artwork td.description{
	padding-left: 1em;
	padding-right: 1em;
}
#artwork .details{
	position: relative;
	display: block;
}
#artwork .details .more{
	position: absolute;
	top: 0;
	right: 0px;
}
#overlaid{
	background: black;
	color: white;
	padding: 1em;
	position: relative;
	text-align: center;
}
.back{
	text-align: center;
}
.insert{
	text-align: center;
}
.clear{
	clear: both;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox user style
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#333; padding:40px 20px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{color: white; left: 50%; margin-left: -3.5em; position: absolute; text-align: center; top: 10px; width: 7em;}
        #cboxPrevious{color: white; position: absolute; bottom: 10px; left: 20px; text-decoration: underline;}
        #cboxNext{color: white; position: absolute; bottom: 10px; right: 20px; text-decoration: underline;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{color: white; position:absolute; top:10px; right:20px; text-decoration: underline;}
