body { background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8125em; line-height: 1;}
#wrapper { background: #111; margin: 60px 0; text-align: center; overflow: hidden;}
#container { width: 960px; margin: 0 auto; text-align: left; position: relative; }
#masthead { background: #222; width: 140px; min-height: 1px; float: left; z-index: 6; padding: 600px 0 10000px 0; margin-bottom: -10000px;}
h1 { padding: 20px; margin-top: -600px;}

#details { width: 100px; margin: 270px 0 0 20px; position: relative;}
#details dt, #details dt a { color: #777;}
#details dd { color: #bbb; margin: 5px 0 10px 0;}

.slideshow { position: absolute; width: 820px; height: 600px; top: 0; left: 140px; z-index: 1;}
#announcement div.slideshow { width: 520px; overflow: hidden;}
.projects ul.crossfade { float: left; display: block; width: 100px; height: 100px; margin: 0 10px 10px 0;}
ul.crossfade { position: relative;}
ul.crossfade li { position: absolute; width: 820px; height: 600px; top: 0; left: 0; visibility: hidden;}
.services ul.crossfade li, .news ul.crossfade li { position: absolute; width: 220px; height: 600px; top: 0; left: 0; visibility: hidden;}
.projects ul.crossfade li { position: absolute; width: 100px; height: 100px; top: 0; left: 0; visibility: hidden;}
.slideshow p { color: #999;  background: #222; position: absolute; top: 576px; left: 0; width: 810px; height: 15px; padding: 5px; text-align: right;}
#announcement .slideshow p { left: 0; width: 510px; z-index: 8;}
#announcement-text { background: #222; position: absolute; width: 260px; height: 570px; top: 0; left: 660px; padding: 15px 20px; z-index: 5;}

#navbar { width: 90px; margin: 18px 0 0 45px; position: relative; }
#navbar li { display: block;}
#navbar li a { color: #888; text-transform: uppercase; font-size: 0.923em; letter-spacing: 0.1em; line-height: 1.66em;}
.home li#home a, .services li#services a, .projects li#projects a, .artists li#artists a, .news li#news a, .contact li#contact a,
#navbar li a:hover { color: #eee;}

#overview { position: absolute; width: 800px; left: 160px; top: 20px; height: 100px; border-bottom: 1px solid #222;}
#content { margin: 0 0 0 160px; padding-top: 160px;}
#breadcrumb { position: absolute; width: 800px; top: 80px;}

#article, #imgcol, #sidebar, #description, #imgnav, #feature, #newslist, #projectslist, #project-nav, #imgoverview
{ float: left; padding-bottom: 20px;}
#article { width: 320px; margin-left: -800px;}
.news #article { margin: 0;}
#imgcol { width: 220px; margin-left: -460px;} 
#sidebar { width: 220px; margin-left: 580px;}
#description, #project-nav { width: 200px; }
#imgnav, #feature, .news #imgcol, .news #sidebar, .projects #sidebar 
{ margin-left: 20px; }
#imgnav { width: 100px;}
#feature { width: 460px;}
#imgoverview { width: 600px; }
#newslist, #projectslist { width: 440px; margin-right: 120px;}

#sidebar ul { float: left; width: 220px; border-bottom: 1px solid #333; margin: 10px 0 20px 0;}
#sidebar ul li { display: block; float: left; width: 220px; position: relative;}
#sidebar li i { color: #444; position: absolute; width: 20px; top: 7px; right: 2px; text-align: right; font-style: normal;}
#sidebar ul li a { display: block; color: #777; width: 210px; height: 1em; padding: 0.461em 0 0.461em 10px; border-top: 1px solid #333; }
#sidebar ul li a:hover, #sidebar ul li.active a { color: #eee; border-top: 1px solid #777; }

#imgnav li, #imgnav img { float: left; width: 100px; height: 100px; margin-bottom: 10px;}
#imgnav li a { float: left; width: 100px; height: 100px; text-indent: -5000px;}
#imgnav li a { background-image: url(/images/imgnav01.jpg);}
#imgnav li a:hover { background-position: 0 -100px;}

#imgoverview li, #imgoverview img { float: left; width: 180px; height: 180px; margin: 0 0 20px 20px;}
#imgoverview li a { float: left; width: 180px; height: 180px; text-indent: -5000px;}
#imgoverview li a:hover { background-position: 0 -180px;}
 
#project-nav ul { display: block; border-bottom: 1px solid #333; overflow: hidden; margin: 0 0 10px 0;}
#project-nav li { border-top: 1px solid #333; padding: 5px 0 0 0; margin: 0 0 5px 0;}
#project-nav h3 { margin: 0 0 10px 0;}
#project-nav li a:hover { color: #c00;}

#artists-nav ul { display: block; border-bottom: 1px solid #333; overflow: hidden; margin: 0 0 10px 0;}
#artists-nav li { border-top: 1px solid #333; padding: 5px 0 0 0; margin: 0 0 5px 0;}
#artists-nav h3 { margin: 0 0 10px 0;}
#artists-nav li a:hover { color: #c00;}

#imgcol img, #feature img { margin: 0 0 5px 0;}

.entry { margin: 0 0 30px 0;}
#search { margin: 5px 0 15px 0;}
.entry h4 { margin: 5px 0 15px 0; }
.entry img { float: left; margin: 3px 10px 10px 0;}
.projects .entry h3 { margin: 0 0 10px 0;}
#links { margin-top: 30px; padding-top: 10px;}
#links h3 { border-bottom: 1px solid #222; padding-bottom: 10px; margin-bottom: 20px;}

.textfield { background: #666 url(/images/inputbg.gif) repeat-x; color: #ccc; width: 208px; height: 17px; padding: 4px; border-style: solid; border-width: 1px 2px; border-color: #333 #444 #555 #444;}
#search .textfield, #subscribe .textfield { margin: 5px 0 15px 0;}
#subscribe label { color: #777; font-weight: normal; display: block;}
#subscribe p { color: #777;}
#submit { background-color: #666; color: #222; border-style: solid; border-width: 2px; border-color: #888 #888 #444 #444;}
 
#overview h2, #overview h3, #announcement-text h2, #announcement-text h3 { font-size: 1.692em; color: #555; font-weight: 100;}
#overview h2 em, #overview h2 strong, #announcement-text h2 em { color: #c00; }
#overview h2 em { font-style: normal;}
#announcement-text h2 { color: #eee;}

#announcement-text h2, #announcement-text h3 { margin: 0 0 20px;}

h3, h3 a, h4 a, label { color: #eee; font-weight: bold; font-size: 1em;}
li h4 { color: #999; font-weight: 100;}
li h4 a { color: #bbb; font-weight: bold; display: block; margin: 0 0 2px 0;}
li h4 a:hover { color: #eee;}
li p { color: #555; margin-bottom: 0;}
li p i { font-style: italic;}
.entry h4 { color: #555;}
.projects #sidebar h3 { margin-bottom: 5px;}
.projects #sidebar p { color: #777;}

p { color: #999; font-size: 1em; line-height: 1.385em; margin-bottom: 15px;}
blockquote p { color: #eee; }
blockquote p strong { color: #fff;}
p em { font-style: italic;}
p strong { font-weight: bold; color: #aaa;}

#imgcol p, #feature p { color: #555; font-size: 0.923em; margin: 5px 0 0 0; text-align: left;}
.news #imgcol p { margin: 0 0 15px 0;}
#feature p { text-align: left;}

a:link, a:visited { text-decoration: none; }
p a { color: #999; border-bottom: 1px solid #999; }
#breadcrumb a { color: #555; border: 0; }
#breadcrumb .parent { color: #999;}
p.more a { border: 0; color: #555;}
.projects p.more a { border-bottom: 1px solid #555; }
p a:hover, #breadcrumb a:hover { color: #eee; border-color: #fff;}
#breadcrumb a:hover { border: 0;}