/* -----------------------------------------------
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; line-height: 1em; }
:focus { outline: 0; }
ol, ul { list-style: none; }
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: "" ""; }

/* -----------------------------------------------
FRAMEWORK
--------------------------------------------------
 .cF - Clear Fix
 .h  - Hide - Display None
 .hV - Hide - Visibility None
 .r  - Replace Image
 .rO - Replace Image Off Screem
 .cP - Cursor Pointer
------------------------------------------------ */
.cF:after { content:"."; display:block; height: 0; clear: both; visibility: hidden; }
.cF { display: inline-block; }
/* Hide from IE Mac \*/
.cF { display:block; }
/* End hide from IE Mac */
.h { display: none !important; }
.r { display: block; position: relative; overflow: hidden; }
.r span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.rO a { display: block; }
.rO span { position: absolute; left: -9999em; top: -9999em; }
.cP { cursor: pointer; }
.left{ margin-left: 5px; width: 260px; float: left; }
.right { margin-right: 10px; width:290px; float:right; }

/* -----------------------------------------------
BASE SPRITE
----------------------------------------------- */
div#Header h1 a,
body.work div.scrollable div.item a,
body.work div#NavSecondary li a.next,
body.work div#NavSecondary li a.prev,
body.work div#Overlay div.tools a.close span,
body.work div#Overlay div.tools li a.next,
body.work div#Overlay div.tools li a.prev { background: url(/img/structure/base_spr.png) no-repeat; }

/* -----------------------------------------------
ELEMENTS
----------------------------------------------- */
body { color: #000; background: #fff; font: 14px Georgia, Times New Roman, Times, serif; }
a { text-decoration: none; cursor: pointer; color: #767676; font-style: italic; }
a.selected { color: #000; }
a:hover { background: #000; color: #f9f9f9; }
p { font-size: 14px; line-height: 1.2em; margin: 0 0 15px 0; color: #767676; font-style: italic; }
li { font-size: 14px; }
li.first { margin-left: 0; }
p strong { color: #000; }
p.lrg { font-size: 24px; }
h2, .h2 {  margin: 0 0 3px 0; font-size: 40px; }
h2.sml { font-size: 30px; }
h3, .h3 {  margin: 0 0 15px 0; font-size: 18px; }
h4, .h4 {  margin: 0 0 15px 0; font-size: 14px; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */

/* Container
------------------------- */
div#Container { margin: 0 25px; }

/* Header
------------------------- */
div#Header { margin: 25px 0 20px 0; }
div#Header h1 { width: 140px; height: 75px; float: left; }
div#Header h1 a { display: block; height: 100%; text-indent: -9999em; }
div#Header h2 { display: none; }

/* Nav Primary
------------------------- */
ul#NavPrimary { float: right; margin-top: -3px; }
ul#NavPrimary li { font-size: 20px; text-align: right; margin: 0 0 3px 0;}

/* Main
------------------------- */
div#Main { }

/* Nav Secondary
------------------------- */
div#NavSecondary { margin: 0 0 20px 0; }
div#NavSecondary ul { float: right; }
div#NavSecondary li { float: left; margin-left: 20px; }

/* Content
------------------------- */
div#Content { padding: 50px 0 25px 0; }

/* Footer
------------------------- */
div#Footer { position: fixed; bottom: 0; background: #fff; }
div#Footer p { color: #000; font-size: 11px; margin: 0 0 15px 0; }

/* -----------------------------------------------
GRIDS
----------------------------------------------- */

/* 300 | 300 | 300 */
div.grid-300-300-300 { margin: 0 0 15px 0; }
div.grid-300-300-300 div.col-1 { float: left; width: 300px; }
div.grid-300-300-300 div.col-2 { float: left; width: 300px; margin: 0 0 0 25px; }
div.grid-300-300-300 div.col-3 { float: left; width: 300px; margin: 0 0 0 25px; }

/* 150 | 150 */
div.grid-150-150 { margin: 0 0 15px 0; }
div.grid-150-150 div.col-1 { float: left; width: 140px; }
div.grid-150-150 div.col-2 { float: right; width: 140px; margin: 0; }

/* -----------------------------------------------
CONTENT COMPONENTS
----------------------------------------------- */

/* Scrollable
------------------------- */
div.scrollable { width: 100%; height: 550px; overflow: hidden; position: relative; }
div.scrollable div.items { position: absolute; width: 20000em; }
div.scrollable div.item { width: 1950px; float: left; }

/* -----------------------------------------------
PAGE SPECIFIC
----------------------------------------------- */

/* Work
------------------------- */
body.work div#Content div.scrollable div.item { width: 300px; margin-right: 25px; }
body.work div#Content div.scrollable div.item a { display: block; background-position: -150px 390px; padding-bottom: 5px; }
body.work div#Content div.scrollable div.item h2 { font-size: 18px; margin: 5px 0 5px 10px; }
body.work div#Content div.scrollable div.item h3 { font-size: 12px; color: #7c7c7c; font-style: italic; margin: 0 0 0 10px; }
body.work div#NavSecondary li { margin-left: 10px; }
body.work div#NavSecondary li strong { color: #757575; }
body.work div#NavSecondary li a.next,
body.work div#NavSecondary li a.prev { width: 8px; height: 15px; display: block; }
body.work div#NavSecondary li a.prev { background-position: -460px 0; }
body.work div#NavSecondary li a.next { background-position: -468px 0; }
body.work div#NavSecondary li a.prev:hover,
body.work div#NavSecondary li a.prev.disabled { background-position: -460px -15px; }
body.work div#NavSecondary li a.next:hover,
body.work div#NavSecondary li a.next.disabled { background-position: -468px -15px; }
body.work div#Overlay { background: #000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; }
body.work div#Overlay.loading { background: #000 url(../img/structure/loading.gif) center center no-repeat; }
body.work div#Overlay div.tools { background: #8c8a86; position: fixed; top: 0; left: 0; padding: 5px; z-index: 20; }
body.work div#Overlay div.tools li { float: left; color: #fff; }
body.work div#Overlay div.tools li a { color: #fff; }
body.work div#Overlay div.tools li a.close span { background-position: -480px 0; width: 15px; height: 15px; display: block; float: left; margin-right: 10px; }
body.work div#Overlay div.tools li a.close:hover { background: none; color: #000; }
body.work div#Overlay div.tools li a.close:hover span { background-position: -480px -15px;}
body.work div#Overlay div.tools li.tab-no { margin: 0 15px 0 25px; }
body.work div#Overlay div.tools li a.next,
body.work div#Overlay div.tools li a.prev { width: 8px; height: 15px; display: block; }
body.work div#Overlay div.tools li a.prev { background-position: -500px 0; margin-right: 10px; }
body.work div#Overlay div.tools li a.next { background-position: -508px 0; }
body.work div#Overlay div.tools li a.prev:hover,
body.work div#Overlay div.tools li a.prev.disabled { background-position: -500px -15px; }
body.work div#Overlay div.tools li a.next:hover,
body.work div#Overlay div.tools li a.next.disabled { background-position: -508px -15px; }
body.work div#Overlay ul.tabs { display: none; }
body.work div#Overlay div.scrollable { width: 100%; height: 100%; z-index: 10; }
body.work div#Overlay div.scrollable div.items { position: absolute; height: 20000em; width: 100%; }
body.work div#Overlay div.video { width: 580px; height: 326px; position: absolute; left: 50%; top: 50%; margin-left: -290px; margin-top: -163px; }

/* Info
------------------------- */
body.info div#Content h2 { font-size: 60px; margin: 0 0 35px 0; }
body.info div#Content p strong { font-size: 16px; }
body.info div#Content li { font-size: 16px; margin: 0 0 5px 0; }
body.info div#Content ul.tabs li { float: left; margin: 0 10px 0 0; }
body.info div#Content ul.tabs li a { font-style: normal; }
body.info div#Lectures { position: relative; }
body.info div#Lectures ul.tabs { position: absolute; top: 40px; left: 650px; }
body.info div#Exhibitions { position: relative; }
body.info div#Exhibitions ul.tabs { position: absolute; top: 40px; left: 325px; }

/* Contact
------------------------- */
body.contact div#ContactDetails h2.representation { font-size: 30px; margin: 0 0 15px 0; }
body.contact div#Links h2 { margin: 0 0 30px 0; }
body.contact div#Links h3 { margin-bottom: 20px; }