/*reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Default Typography
-------------------------------------------------------------- */

body {font-size:75%;color:#222;background:#fff;font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}
p img.left 	{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p img.top 	{margin-top:0; padding:0;}

a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

strong {font-weight:bold;}
em, dfn {font-style:italic;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Default Layout
-------------------------------------------------------------- */

body { background-color:#fff;}
.container { width:950px;margin:0 auto;}

.showgrid {background:url(src/grid.png);}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}

.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}

hr {background:#666;color:#666;clear:both;float:none;width:100%;height:1px;margin:0 0 10px;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* Dawoud Bey-   */
body { font-size:75%;color:#fff; background-color:#cccc99;font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }


h1 { font-size:1.6em;line-height:1;margin-bottom:1.5em; color:#fff;}
h2 { font-size:1.5em; margin-bottom:0.5em;}
h3 { font-size:1.2em;line-height:1;margin-bottom:1em; color:#ffcc00;}
h4 { font-size:1.1em;line-height:1;margin-bottom:1em; color:#aaa;}

a 		{ color:#99ccff;}
a:hover { color:#aaa;}

blockquote { margin:1.5em;color:#aaa;font-style:italic;}


.container 	{ background-color:#000;}
#content 	{ background-color:#333;}

#wordmark img { margin:10px 0 15px 40px;}

#search				{ }
#search a			{ color:#aaa; font-size:10px; text-decoration:none;}
#search a:hover		{ color:#fff; }

#header 		{ height:575px; background-image:url(../images/headerBig.jpg); background-repeat:no-repeat;}
#header-space 	{ height:280px;}
#catalogue		{ width:250px; margin-left:40px;}

#main-nav 		{ margin:10px 0 10px 40px;}
#main-nav li 	{ color:#ffcc00;display:inline; margin-right:20px; font-size:1.2em;}
#main-nav a 	{ color:#fff; text-decoration:none;}
#main-nav a:hover { color:#666;}

#main-nav-spacer { margin:15px 0;}

#sidebar-wrapper { background-color:#000; margin:90px auto; width:85%;}


#sidebar-content 	{ margin:0 auto; padding:10px 0; width:90%;}
#sidebar-content  p { line-height:1.8em; font-size:.9em;}
#sidebar-content  b { color:#fff;}
#sidebar-content ul {list-style:none outside;padding:0;margin:0;font-size:0.9em;}

#main-copy 		{ margin:20px 0 0 40px; width:85%;}
#main-copy h1 	{ background-color:#222; color:#fff; padding:10px;}
#main-copy p 	{ line-height:1.8em;}

#main-gallery 		{ margin:20px 0 0 40px; width:95%;}
#main-gallery h1 	{ background-color:#222; color:#fff; padding:10px;}

.image-caption {font-size:.8em;}

#gallery 		{ background-color:#000000; padding:4px;}
#gallery img 	{ }

#gallery p 		{ margin-right:15px; line-height:1.8em; font-size:.9em;}
#gallery hr 	{ margin:10px 0; color:#333;}


#gallery a img			{ border:2px #000 solid; margin:0 10px 5px 5px;}
#gallery a:hover img 	{ border:2px #aaa solid; }

#image-credits p { font-size:.7em;}

#footer-nav 	{ margin:10px 0 10px 40px;}
#footer-nav li 	{ color:#ffcc00;display:inline; margin-right:10px;}
#footer-nav a 	{ color:#fff; font-size:1em; text-decoration:none;}
#footer-nav a:hover { color:#666;}

#footer-logo { text-align:center;}
#footer-logo img { margin:15px 0;}

#copyright { margin:10px 0; font-size:.8em; color:#666; text-align:center;}

#clear-page { color:#000; background-color:#000;}