/* Reset ////////////////////////////////////////////////////////////////// */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	margin: 0 44px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* General //////////////////////////////////////////////////////////////// */

body {
  background: #edf1f9 url(./../images/css/body.jpg) no-repeat;
  font-family: Helvetica, Arial, "sans serif";
  font-size: 14px;
  line-height: 22px;
  width: 960px;
}
h1 { background: transparent url(./../images/css/h1.jpg) no-repeat; width: 176px; height: 154px; }
h1 a { width: 176px; height: 154px; display: block; }
h1 span { display: none; }
h2 { height: 59px; border-left: 5px solid; margin-bottom: 25px; padding: 4px 0 0 18px; }
h2 span { display: none; }
h2, h3, label { font-size: 11px; text-transform: uppercase; font-weight: bold; }
h3 { line-height: 18px; padding: 3px 0 1px 17px; margin-top: 22px; margin-bottom: 11px; border-left: 5px solid; }
ul.navigate h3, div#footer h3 { margin-bottom: 0; padding-left: 0; border: none; }
p { margin-bottom: 11px; }
#models, img, .img-holder { padding: 6px; border: 1px solid #d0d4db; background: #fff; }
.img-holder img, #lightbox img { padding: 0; border: none; }
.img-holder { position: relative; }
img, object, embed { vertical-align: middle; }
.zoom {
	background: transparent url(./../images/lighbox/blank.gif) no-repeat; /* Trick IE into showing hover */
  position: absolute;
	display: block;
  right: 1px;
  top: 1px;
  width: 22px;
  height: 22px;
}
a:hover .zoom {
  background: transparent url(./../images/css/div.zoom.png) no-repeat;
}

form { margin: 22px 0; }
label { display: block; }
input.text, textarea { font-family: Helvetica, Arial, "sans serif"; padding: 4px; border: 1px solid; }
.span-8 input.text { width: 146px; font-size: 11px; }
.span-8 textarea { width: 146px; height: 88px; font-size: 11px; }

div.document ul {
  list-style: square;
}
  
div.document ul li {
  margin-left: 22px;
}

/* Header ///////////////////////////////////////////////////////////////// */

div#banner { height: 66px; border-left: 2px solid; padding-top: 22px; }
div#banner p { margin: 0 0 0 22px; }

/* Generic classes //////////////////////////////////////////////////////// */

div.column { float: left; margin: 0 22px 22px 0; }
div.span-8 { width: 154px; }
div.span-10 { width: 198px; }
div.span-11 { width: 220px; }
div.span-12 { width: 242px; }
div.span-16 { width: 330px; }
div.span-20 { width: 440px; }
div.span-23 { width: 506px; }
div.span-24 { width: 528px; }
div.span-34 { width: 704px; }
div.last { margin-right: 0; }
.pad-top { margin-top: 22px; }
.access { display: none; }
.first { margin-top: 0; }
p.first { text-indent: 0; }
a { text-decoration: none;}
a:hover { border-bottom: 1px dotted;}
h1 a:hover, .img-holder a:hover, #lightbox a:hover, div#footer a:hover { border-bottom: none; }
strong { font-weight: bold; }
.clear { clear:both; }
.small { font-size: 11px; line-height: 14px; }
.sidenote { margin-top: 7px; margin-bottom: 0;  }
.center { text-align: center;}

/* Navigation ///////////////////////////////////////////////////////////// */

ul#navigation { margin: 22px 0; }
ul#navigation li { border-left: 2px solid; margin: 0 0 16px; padding: 0 0 6px; }
ul#navigation li li { border-left: none; margin: 0; padding-bottom: 0; vertical-align: middle; }
ul#navigation h3 { padding-left: 15px; margin-top: 0; }
ul#navigation a.item { height: 22px; display: block; }
ul#navigation a.item span { display: none; }
ul#navigation a.item:hover,
ul#navigation.about-exhibition a.item.about-exhibition,
ul#navigation.about-artist a.item.about-artist,
ul#navigation.about-gods a.item.about-gods,
ul#navigation.watch-making a.item.watch-making,
ul#navigation.interact-closer a.item.interact-closer,
ul#navigation.interact-workshops a.item.interact-workshops,
ul#navigation.interact-ask a.item.interact-ask,
ul#navigation.visit-exhibition a.item.visit-exhibition,
ul#navigation.visit-group a.item.visit-group
{ border-left: 3px solid; border-bottom: none; }

ul#navigation a.about-exhibition { background: transparent url(./../images/css/ul.navigation.png) 0 0 no-repeat; }
ul#navigation a.about-exhibition:hover,
ul#navigation.about-exhibition a.item.about-exhibition { background: transparent url(./../images/css/ul.navigation.png) -201px 0 no-repeat; }
ul#navigation a.about-artist { background: transparent url(./../images/css/ul.navigation.png) 0 -22px no-repeat; }
ul#navigation a.about-artist:hover,
ul#navigation.about-artist a.item.about-artist { background: transparent url(./../images/css/ul.navigation.png) -201px -22px no-repeat; }
ul#navigation a.about-gods { background: transparent url(./../images/css/ul.navigation.png) 0 -44px no-repeat; }
ul#navigation a.about-gods:hover,
ul#navigation.about-gods a.item.about-gods { background: transparent url(./../images/css/ul.navigation.png) -201px -44px no-repeat; }

ul#navigation a.watch-making { background: transparent url(./../images/css/ul.navigation.png) 0 -66px no-repeat; }
ul#navigation a.watch-making:hover,
ul#navigation.watch-making a.item.watch-making { background: transparent url(./../images/css/ul.navigation.png) -201px -66px no-repeat; }

ul#navigation a.interact-closer { background: transparent url(./../images/css/ul.navigation.png) 0 -88px no-repeat; }
ul#navigation a.interact-closer:hover,
ul#navigation.interact-closer a.item.interact-closer { background: transparent url(./../images/css/ul.navigation.png) -201px -88px no-repeat; }
ul#navigation a.interact-workshops { background: transparent url(./../images/css/ul.navigation.png) 0 -110px no-repeat; }
ul#navigation a.interact-workshops:hover,
ul#navigation.interact-workshops a.item.interact-workshops { background: transparent url(./../images/css/ul.navigation.png) -201px -110px no-repeat; }
ul#navigation a.interact-ask { background: transparent url(./../images/css/ul.navigation.png) 0 -132px no-repeat; }
ul#navigation a.interact-ask:hover,
ul#navigation.interact-ask a.item.interact-ask { background: transparent url(./../images/css/ul.navigation.png) -201px -132px no-repeat; }
ul#navigation a.interact-participation { background: transparent url(./../images/css/ul.navigation.png) 0 -154px no-repeat; }
ul#navigation a.interact-participation:hover,
ul#navigation.interact-participation a.item.interact-participation { background: transparent url(./../images/css/ul.navigation.png) -201px -154px no-repeat; }

ul#navigation a.visit-exhibition { background: transparent url(./../images/css/ul.navigation.png) 0 -176px no-repeat; }
ul#navigation a.visit-exhibition:hover,
ul#navigation.visit-exhibition a.item.visit-exhibition { background: transparent url(./../images/css/ul.navigation.png) -201px -176px no-repeat; }
ul#navigation a.visit-group { background: transparent url(./../images/css/ul.navigation.png) 0 -198px no-repeat; }
ul#navigation a.visit-group:hover,
ul#navigation.visit-group a.item.visit-group { background: transparent url(./../images/css/ul.navigation.png) -201px -198px no-repeat; }

/* Headings /////////////////////////////////////////////////////////////// */

h2.homepage { background: transparent url(./../images/css/h2.homepage.png) -5px 0 no-repeat; }
h2.about-exhibition { background: transparent url(./../images/css/h2.about-exhibition.png) -5px 0 no-repeat; }
h2.about-artist { background: transparent url(./../images/css/h2.about-artist.png) -5px 0 no-repeat; }
h2.about-gods { background: transparent url(./../images/css/h2.about-gods.png) -5px 0 no-repeat; }
h2.watch-making { background: transparent url(./../images/css/h2.watch-making.png) -5px 0 no-repeat; }
h2.interact-closer { background: transparent url(./../images/css/h2.interact-closer.png) -5px 0 no-repeat; }
h2.interact-workshops { background: transparent url(./../images/css/h2.interact-workshops.png) -5px 0 no-repeat; }
h2.interact-ask { background: transparent url(./../images/css/h2.interact-ask.png) -5px 0 no-repeat; }
h2.interact-participation { background: transparent url(./../images/css/h2.interact-participation.png) -5px 0 no-repeat; }
h2.visit-exhibition { background: transparent url(./../images/css/h2.visit-exhibition.png) -5px 0 no-repeat; }
h2.visit-group { background: transparent url(./../images/css/h2.visit-group.png) -5px 0 no-repeat; }

/* Footer ///////////////////////////////////////////////////////////////// */

div#footer { border-left: 2px solid; margin-top: 22px; padding: 22px; }
div#footer a.link { display: block; float: left; margin-right: 22px; }
div#footer a.link span { display: none; }
div#footer a.link.image { height: 66px; margin-bottom: 11px; }
a.lanternhouse { background: transparent url(./../images/css/a.lanternhouse.png) no-repeat; width: 198px; }
a.folly { background: transparent url(./../images/css/a.folly.png) no-repeat; width: 44px; }
a.arts-council { background: transparent url(./../images/css/a.arts-council.png) no-repeat; width: 66px; }
ul#footer-navigation li { float: left; display: block; width: 132px; }

/* Colours //////////////////////////////////////////////////////////////// */

body, a .normal
{ color: #666; }
ul#navigation li, div#banner, div#footer, h2, h3
{ border-color: #a10101; }
a, .highlight, ul.dates
{ color: #a10101; }
img, input.text, textarea
{ border-color: #d0d4db; }
input.text:focus, textarea:focus
{ border-color: #a10101; }
.sidenote { color: #888;}

/* */
#models {
  width: 690px;
  height: 342px;
  overflow: hidden;
}
#orbit, #zoomer { background: #f6e7e7; float: left; overflow: hidden; }
#orbit { width: 342px; height: 342px; }
#zoomer { width: 342px; height: 342px; margin-left: 6px; }
#models img { padding: 0; border: none; }
#orbit-loading, #zoomer-loading { padding: 16px; }
#orbit-loading-bar, #zoomer-loading-bar { height: 22px; width: 0; background: #a10101; }
#durga-main { display: none; }

ul.dates {
  margin: 22px 0 22px 22px;
  padding-left: 22px;
  border-left: 2px solid;
}