* { background-color: transparent; border: none; color: inherit; font-family: inherit; font-size: 1em; list-style: none; margin: 0; outline: none; padding: 0; text-decoration: none; text-indent: 0 }
a { color: #900 }
a:hover { color: #c00; text-decoration: underline }
a img { border: .0625em solid #900; padding: .125em }
a:hover img { color: #c00; border-color: #c00; margin: -.0625em 0 .0625em 0 }
abbr, acronym { font-variant: small-caps }
address { font-style: normal }
b, strong, th { font-weight: bold }
big { font-size: larger }
blockquote { margin: 1.5em 0 1.5em 3em }
body { background: #fff; margin: 0 auto; max-width: 100%; min-width: 24em; padding: 1.5em; position: relative; width: 36em }
button, img, input, select, textarea { vertical-align: bottom }
button, input, select, textarea { background: #fff; border: 1px solid #ccc }
button { background: #900; color: #fff }
cite, dfn, em, i, var { font-style: italic }
dd, li { margin: 0 0 0 1.5em }
fieldset { border: .0625em solid #ccc; padding: .615em }
h1, h2, h3, h4, h5, h6, hr { clear: both; color: #1a1a69; font-family: 'Helvetica Neue', 'Helvetica', sans-serif }
h1 { font-size: 2em; font-weight: normal; line-height: 1.5; margin: 0 0 .25em 0; text-transform: uppercase }
h2 { font-size: 1.5em; font-weight: normal; line-height: 1; margin: 1em 0; padding: 0 }
h3 { font-size: 1.25em; line-height: 1.2; font-weight: normal; margin: 1.2em 0; padding: 0 }
h4 { font-size: 1em; font-weight: bold; line-height: 1.5; margin: 1.5em 0 0 0; padding: 0 }
h5 { font-size: .8em; line-height: 1.875; margin: 1.875em 0 0 0 }
h6 { font-size: .6em; line-height: 2.5; margin: 2.5em 0 0 0 }
hr { border-color: #900; border-style: solid; border-width: .0625em 0; height: 0; margin: 1.5em 0; padding: 0 }
html { background: #fff; color: #000; font: normal /*75%*/medium/1.5 'Century Gothic', 'Helvetica Neue', 'Helvetica', sans-serif; margin: 0; overflow: auto; overflow-y: scroll; padding: 0 1.5em }
input:focus, textarea:focus { border-color: #666 #999 #ccc #999 }
legend { color: #999; letter-spacing: .125em }
ol li { list-style: decimal outside }
optgroup { background: #000; color: #fff }
optgroup option { background: #fff; color: #000; padding: 0 0 0 1.5em }
option[selected="selected"] { background: #1a1a69; color: #fff }
p { margin: 0 0 1.5em 0 }
pre { font-size: .5em; overflow: auto; white-space: pre; width: 100% }
select:focus { border-color: #ccc #999 #666 #999 }
small, sub, sup { font-size: smaller }
strong {  }
table { border-collapse: collapse; display: table; empty-cells: hide }
tbody { display: table-row-group }
tbody tr th { text-align: right }
td, th { display: table-cell; padding: 0 .25em; vertical-align: top }
textarea { overflow: auto; overflow-y: scroll }
ul li { list-style: square outside }

[disabled="disabled"] { background: #eee; color: #ccc }
[readonly="readonly"] { background: #eee; color: #999 }

::selection { background: #1a1a69; color: #fff }
-moz-::selection { background: #1a1a69; color: #fff }

.display { overflow: auto; text-align: center }
.figure { float: right; margin: 0 0 0 .75em }
.figure ~ .figure { float: left; margin: 0 .75em 0 0 }
.figure ~ .figure ~ .figure { float: right; margin: 0 0 0 .75em }
.gallery { list-style: none; margin: .75em -.75em; padding: 0 }
.gallery li { float: left; list-style: none; margin: .75em; padding: 0 }
.gallery li a { display: block; float: left; text-align: center }
.hilite { background: #1a1a69; color: #fff }
.vcard { border: 1px solid #eee; list-style: none; margin: .75em 1.5em; padding: 1.5em }

#logo { background: url('logo.gif') transparent no-repeat; overflow: hidden }
#logo a { display: block; height: 80px; text-indent: -16em; width: 50% }

/*#nav { border-spacing: .125em; display: table; line-height: 1; list-style: none; margin: 1.5em auto; padding: 0; table-layout: fixed; width: 100% }
#nav li { display: table-cell; list-style: none; margin: 0; padding: 0; text-align: right }
#nav li a { background: #900; color: #fff; display: block; padding: 1.25em .0625em 0 0 }
#nav li a:focus { background: #fff; color: #900 }
#nav li a:hover { background: #c00; color: #fff; text-decoration: none; text-transform: uppercase }
#nav li a:focus:hover { background: #fff; color: #c00 }*/

#nav { display: block; height: 3em; line-height: 1; list-style: none; margin: 1.5em auto; padding: 0; width: 100% }
#nav li { display: block; float: left; margin: 0; padding: .0625em; text-align: right; width: 7em }
#nav li a { background: #900; color: #fff; display: block; padding: 1.25em .0625em 0 0 }
#nav li a:focus { background: #fff; color: #900 }
#nav li a:hover { background: #c00; color: #fff; text-decoration: none; text-transform: uppercase }
#nav li a:focus:hover { background: #fff; color: #c00 }

#search { position: absolute; top: 1.5em; right: 1.5em }
#q { background: url('q') #fff no-repeat 2px center; padding: 0 0 0 16px }
#copyright { text-align: center }

#map { height: 18em; width: 18em }
#map2 { height: 18em; margin: -18em 0 0 18em; overflow: auto; width: 18em }

body.about #nav .about a { background-color: #1a1a69 }
body.about #nav .about a:focus { background-color: #fff; color: #1a1a69 }
body.artists #nav .artists a { background-color: #1a1a69 }
body.artists #nav .artists a:focus { background-color: #fff; color: #1a1a69 }
body.exhibitions #nav .exhibitions a { background-color: #1a1a69 }
body.exhibitions #nav .exhibitions a:focus { background-color: #fff; color: #1a1a69 }
body.contact #nav .contact a { background-color: #1a1a69 }
body.contact #nav .contact a:focus { background-color: #fff; color: #1a1a69 }


