* { margin:0; padding:0; }
body { font:8pt/12pt Verdana, Tahoma, sans-serif; text-align:center; margin:10px 0 10px 10px; background:url(images/main-bg.gif); color: #555;}
img { border:none; margin:0; display:block; }
p img { display:inline; }
abbr, acronym, dfn {cursor: help; border-bottom: solid #999 1px; }
#container { position: relative; text-align: left; }

 
#header { position:relative; background:url(images/header.gif) no-repeat 0 16px; height:155px; margin-bottom: 10px; background-color:#fff; width:1050px; text-align: left; }
* html #header {width:1130px;}

/* html #header img {margin-right:180px; position:absolute; } IE hack of some kind */

#header h1 { position:absolute; top:0; left:0; height:140px; width:400px; }
#header h1 a { display:block; height:140px; width:400px; text-indent:-5000px; }

#helio { display:none; position:absolute; top:25px; left:750px; height:78px; width:208px; display:block; text-indent:-5000px; z-index:100; }

/* #mediaSponsor {position:absolute; top: 38px; left:970px; height:42px; width=150px; z-index:894; background: #fff;} */

#primary { float:left; width:760px; margin-bottom:20px;  text-align:left; }
#primary-wrapper { padding:0 20px; background-color: #fff; margin-left: 20px; text-align:left;}

#primary h3, #primary h3 a, #secondary h3 { font-size: 1.3em; padding-bottom: .4em; padding-top: .2em; color: #87786c;   line-height: 1.2em;}
#primary h3.preamble { margin-bottom:1em; }
#primary td p a { text-decoration: underline; }
#primary td p a:hover, div#secondary ul li a:hover { color: #1490c9; text-decoration: underline; }

#primary p, #primary ul, #secondary ul { font-size:1.2em; margin-bottom:1em;}
#primary ul ul { font-size:1em; margin-bottom:0; margin-left:10px; }
#primary ul { list-style-position: inside; }

#primary p.exhibitions { font-size: 1em; }
#primary p.exhibitions strong { color:#357685; font-size: 1em; font-weight: bold;  }
#primary a, #home-news p a { color:#357685; text-decoration:underline; }
#primary a:hover, #home-news p a:hover { color: #e41b5b; text-decoration:underline; }
#primary a.external { color: #295D66; border-bottom: 1px dashed; text-decoration: none; }

#primary table { width:485px; margin-bottom:1em; }
#primary table td { width:33%; vertical-align:top; }

#primary-wrapper p { line-height: 1.6em; padding-bottom: 0px;}

div.feature { padding:1em 10px .1em 10px; background-color:#efefef; }
div.feature strong { color:#1490c9; }

#secondary { float:left; width:130px; padding-bottom:20px; }
div#secondary ul#selfid li a:hover { color: #1490c9; text-decoration:underline; }


/* BEGIN left nav ------------------------------------*/
#navcontainer { margin: 0px; padding-top:0px; }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-size:95%; text-align:left; color:#111; }
#navcontainer ul li { margin: 0 0 10px 0; }
#navcontainer a { display: block; padding: 5px 10px; width: 120px; color: #111; background-color: #fff; border: 1px solid #fff; text-decoration: none; font-weight: bold; }
#navcontainer ul a:hover { color: #fff; border: 1px solid #e41b5b; text-decoration: none; }
#navcontainer ul li#current a { color: #fff; border: 1px solid #e41b5b; text-decoration: none; /* background-color: #e41b5b; */}



/* END left nav -------------------------------------*/

/* Home Page Navigation ------------------------------------------- */
#homeNavWrapper { margin-top:15px; z-index:999; }
#homeNav { position:relative; top:0; left:0; height:24px; width:959; background:url(images/nav-bg.gif) no-repeat 0 0; clear: right; }
#homeNav li { list-style:none; position:absolute; top:0; }
#homeNav li, #homeNav a { height:24px; display:block; text-indent:-5000px; }

#project {left:0px; width:124px;}
#process {left:134px; width:126px;}
#artists {left:269px; width:126px;}
#building {left:404px; width:126px;}
#collaborators {left:539px; width:126px; }
#curators {left:675px; width:126px;}
#contact {left:810px; width:149px;}

#project a:hover {background:url(images/nav-bg.gif) no-repeat -0px -24px;}
#process a:hover {background:url(images/nav-bg.gif) no-repeat -134px -24px;}
#artists a:hover {background:url(images/nav-bg.gif) no-repeat -269px -24px;}
#building a:hover {background:url(images/nav-bg.gif) no-repeat -404px -24px;}
#collaborators a:hover {background:url(images/nav-bg.gif) no-repeat -539px -24px;}
#curators a:hover {background:url(images/nav-bg.gif) no-repeat -675px -24px;}
#contact a:hover {background:url(images/nav-bg.gif) no-repeat -810px -24px;}


/* Artist Navigation ------------------------------------------- */
#artistNavWrapper { padding: 0; position: absolute; left: 170px; clear: right;}
* html #artistNavWrapper { left: 180px;}

#artistNav { position: relative; top:0; left:0; height:32px; width:679px; background:url(images/artist-nav_bg.gif) no-repeat 0 0; text-align: left; clear: right; }
#artistNav ul { list-style:none; left: 0; top:0; }

#artistNav li, #artistNav a { height:32px; display:block; text-indent:-5000px; }

*html #artistNav { text-align: left;} 
*html #artistNavWrapper { text-align: left;} 

#artistNav li { list-style:none; position:absolute; top:0; }
#artistNav li, #artistNav a { height:32px; display:block; text-indent:-5000px; }

#diao {left:203px; width:67px;}
#kaws {left:279px; width:35px;}
#raintree {left:323px; width:96px;}
#hirata {left:428px; width:82px;}
#matzu {left:519px; width:72px; }
#krone {left:600px; width:69px;}

#diao a:hover {background:url(images/artist-nav_bg.gif) no-repeat -203px -32px;}
#kaws a:hover {background:url(images/artist-nav_bg.gif) no-repeat -279px -32px;}
#raintree a:hover {background:url(images/artist-nav_bg.gif) no-repeat -323px -32px;}
#hirata a:hover {background:url(images/artist-nav_bg.gif) no-repeat -428px -32px;}
#matzu a:hover {background:url(images/artist-nav_bg.gif) no-repeat -519px -32px;}
#krone a:hover {background:url(images/artist-nav_bg.gif) no-repeat -600px -32px;}

#diao a.current  {background:url(images/artist-nav_bg.gif) no-repeat -203px -32px;}
#kaws a.current  {background:url(images/artist-nav_bg.gif) no-repeat -279px -32px;}
#raintree a.current {background:url(images/artist-nav_bg.gif) no-repeat -323px -32px;}
#hirata a.current {background:url(images/artist-nav_bg.gif) no-repeat -428px -32px;}
#matzu a.current {background:url(images/artist-nav_bg.gif) no-repeat -519px -32px;}
#krone a.current {background:url(images/artist-nav_bg.gif) no-repeat -600px -32px;}

div.artistProfile {margin:0; padding: 30px 0 0 0;}

/* Contact Form ------------------------------------- */
fieldset { border:none; }
#contact-main { margin:0; padding:1em 0; }
#contact-main div { clear:both; margin-bottom:.7em; }
#contact-main label { margin-bottom:.5em; display:block; float:left; width:100px; margin-right:5px; }
#contact-main input.text { margin-bottom:.5em; border:1px solid #999; padding:1px 3px; height:15px; width:180px; }
#contact-main select { margin-bottom:.5em; border:1px solid #999; width:190px; }
#contact-main textarea { margin-bottom:.5em; border:1px solid #999; padding:1px 3px; height:200px; width:320px; }
#contact-main input.button { background-color:#999; color:#fff;  border:0; font-size: 120%; padding: 10px 5px 0 5px; margin-left: 105px; }
* html #contact-main input.button { background-color:#999; color:#fff;  border:0; font-size: 120%; padding: 5px; margin-left: 105px; }

/* Footer ------------------------------------- */
#footer { clear:both; height: auto; margin-top:15px; background-color:#fff; width:1050px; }
* html #footer {width: 1130px;}
#footer.home { width:1130px;}
#footer p { padding:15px 7px 5px 7px; text-align:left; font-size:85%;}
#footer a { color:#999; text-decoration:underline; }
#footer a:hover { color:#e41b5b; text-decoration:underline; }
div#sponsor { padding:5px 7px 5px 7px;}
div#sponsor img { display: inline; padding-right: 5px; vertical-align: center; padding-top: 2px;}


/* homepage layout classes */
#home-news { height:290px; width:200px;  background-color:#fff; margin-top:15px; /*overflow: auto;  overflow-y: auto; */}
html>body #home-news { height:290px; width:200px;  background-color:#fff; margin-top:15px; /*overflow: auto; */}

#home-news p {margin: 0 5px 5px 5px; font-size: 95%; clear: right; }

#home-artists { width:765px; height:280px; position: absolute; top:180px; left: 220px; }
#home-artists img { float:left; margin:0 16px 15px 0; }

.navtext { display: none; margin-left: -5000px; }
.invisible { display:none; }

#home-artists { width:765px; height:280px; position: absolute; top:210px; left: 220px; }
#home-artists img { float:left; margin:0 16px 15px 0; }

div#slideshow-m127 { margin-top: 10px; }

div#slideshow { width: 578px; height: 208px; float: left; margin-right: 17px; background-color: #fff; border: 1px solid #aeb5b6;}

div#m127 { margin-left: 2px;}


/* scroller */

#home-news { height:290px; width:200px; background-color:#fff; margin-top:15px; clear:both; }


div#raintrees {margin-left: 80px; margin-top: 10px; clear:both;}

* html div#raintrees {margin-left: 0px; margin-top: 10px; clear:right; margin-right: 220px; clear:left;}

div#hiratas {margin-left: 80px; margin-top: 10px; clear:both;}

* html div#hiratas {padding-left: 0px; padding-top: 10px; clear:right; padding-right: 150px; clear:both;}