/* ==========================================================
Master Stylesheet

website:   Oliver Forge and Brendan Lynch www.forgelynch.com
version:   B0.0991
updated:   February 10 2010
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
url:       http://www.chromadesign.co.uk

============================================================ */

/* Reset and General Architecture */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {margin:0; padding:0;}
a{outline: none; text-decoration: none;}
a IMG{border: none;}
html{height: 102%;}
ul{list-style-type: none; margin: 0px 0px 0px 0px;}
ul span{position: relative; left: -5000px;}
.clearfix:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
body{color: #000; background: #b9b6ac url(../i/str/bdbg01.jpg) top center repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #161414; line-height: 24px; text-align: center;}

#wrapper{width: 924px; height: auto; margin: auto; position: relative;}
#banner{position: absolute; top: 0px; left: 12px;}

ul#navigation{position: absolute; top: 38px; left: 464px; width: 456px; height: 24px; z-index: 10;}
ul#navigation li{float: left; display: block; width: auto; height: 24px;}
ul#navigation li a{display: block; height: 24px; background-repeat: no-repeat;}
ul#navigation li a, a:link a:visited a:active{background-position: 0px 0px;}
ul#navigation li a:hover{background-position: 0px -24px;}
ul#navigation li#crt a{background-position: 0px -24px;}
ul#navigation li.home a{width: 56px; background-image: url(../i/nv/home.jpg);}
ul#navigation li.antiquities a{width: 98px; background-image: url(../i/nv/antiquities.jpg);}
ul#navigation li.indian a{width: 154px; background-image: url(../i/nv/indian.jpg);}
ul#navigation li.archive a{width: 72px; background-image: url(../i/nv/archive.jpg);}
ul#navigation li.contact a{width: 72px; background-image: url(../i/nv/contact.jpg);}

/* Hide the Dropdowns */
ul#navigation li ul{position: absolute; top: -26px; left: -999em; height: 82px; text-align: center; background: 0px 0px no-repeat; z-index: 99;} 
  
/* Display the dropdown backgrounds on 'current' pages */
ul#navigation li.antiquities#crt ul{ left: 41px; width: 124px; background: url(../i/sub/antiquities2.png);}
ul#navigation li.indian#crt ul{left: 140px; width: 180px; background: url(../i/sub/indian.png);}

/* position the page numbers */
ul#navigation li ul li{width: 15px; float: left; margin-top: 40px; font-weight: 600; font-size: 12px;}

/* ensure the page numbers display and behave correctly */
ul#navigation li#crt ul li a{display: inline; background: none; color: #3e2c24;} /* MUST be set at display: inline */
ul#navigation li#crt ul li a:hover{color: #fff;}

/* ensure always current page no. via combination of body id and li class */
body#one ul#navigation li ul li.one a,
body#two ul#navigation li ul li.two a,
body#three ul#navigation li ul li.three a,
body#four ul#navigation li ul li.four a,
body#five ul#navigation li ul li.five a{color: #fff;}

/* set the position, depending on the number of links */
ul#navigation li.antiquities#crt ul li.one{margin-left: 57px;} /* 1=57px 2=48px 3=40px 4=33px 5=26px */
ul#navigation li.indian#crt ul li.one{margin-left: 75px;} /* 1=82px 2=75px 3=68px 4=62px 5=54px */



/* Inner container for all pages */
#content{position: absolute; top: 105px; left: 0px; width: 924px; height: auto;}

/* Home Page */
#intro{float: left; width: 380px; margin-top: 30px; margin-left: 12px; text-align: left;}
p#address{margin-top: 48px;}
/* Exhibition Home Page - image styling is embedded in page*/
body.exhibition p{line-height: 18px; margin-left: 1px;}
#archive{width: inherit; clear: both;}
.press{width: 400px; height: auto; margin-top: 24px; margin-bottom: 24px;}
.press p{line-height: 30px;}
.press IMG{float: left; clear: right; margin-right: 10px; border: 1px solid #747165;}
p a, a:link a:visited a:active{color: #b72222; text-decoration: none; border-bottom: 1px solid gray;}
p a:hover{color: #b72222; border-bottom: 1px solid #b72222;}

/* Thumbnails */
#thumbs{position: relative; top: 30px; left: 12px; width: 912px; height: 460px;}
.thb{float: left; display: block; width: 214px; height: 214px; margin: 0px 12px 12px 0px; border: 1px solid #747165;}

/* Catalogue Page */
#text{float: left; width: 900px; padding-right: 12px; height: auto; text-align: left; color: #1e1c1b; margin: 30px 0px 0px 12px;}
#text IMG{float: right; clear: left; margin: 0px 0px 24px 24px; border: 1px solid #747165;}
#text IMG.catimage{float: left; clear: right; margin: 5px 10px 24px 0px;}
.archive_thbs{margin-top: 5px; float: left;}
#text .archive_thbs IMG{float: left; clear: none; margin: 0px 15px 24px 0px;}
#text IMG.noborder{border: none;}
.references{color: #1e1c1b; text-align: left;}
#left{width: 444px; float: left; margin-left: 12px;}
#right{width: 444px; float: right; margin-right: 12px;}

ul#roam{position: absolute; top: 5px; left: 468px; width: 444px; height: 24px; text-align: right;}
body.zoom ul#roam{top: 5px;}
ul#roam li{display: inline; height: 24px; font-size: 10px; padding: 0px 3px 0px 3px;}
ul#roam li a{font-weight: 500;}
ul#roam li a, a:link a:visited a:active{color: #93907f;}
ul#roam li a:hover{color: #151314;}
ul#roam li.enlarge{}
ul#roam li.enlarge a{}
ul#roam li.print a{}
ul#roam li.previous a{}
ul#roam li.next a{}
ul#roam li.gallery a{}

/* Headings and Paragraphs */
h1, h2, h3, h4{margin: 0px;}
h2{font-weight: 500; font-size: 17px; margin-bottom: 12px;}
h3{font-weight: 500; font-size: 17px; margin-bottom: 12px;}
h4{font-size: 13px; margin-top: 24px;}
p, ul{font-size: 11px; text-indent: 0px; margin-bottom: 12px;}
p.quotation{padding-left: 24px; color: #4f301d;}
h2 span{color: #512323;}
p a, a:link a:visited a:active{color: #512323;}
p a:hover{color: #702f2f; border-bottom: 1px solid #702f2f;}
p.noindent, p.prov{text-indent: 0px;}
p.medium, p.dimensions{font-size: 12px; text-indent: 0px; }
p.medium{margin-bottom: 0px;}
p.dimensions{margin-bottom: 12px;}
p.prov{font-size: 11px;}
p strong{font-weight: 500; color: #4f301d;}
p.sold{text-indent: 0px; font-weight: 600; margin-top: 24px;}
/* only use these in larger text */
span.ampersand{font-weight: 500; font-family: georgia, serif; font-style: italic;}
span.ampersand{font-weight: 600; font-family: "Palatino Linotype", georgia, serif; font-style: italic;}
span.ampersand{color: #000;}

/* Zoom Page */
#zoom{clear: both; margin: 30px 0px 0px 12px; width: 898px; height: auto; border: 1px solid #747165;} /* rationalise images borders into one line */
#zoom.noborder{border: none;}
p#topof{float: right; margin-right: 20px; margin-bottom: 50px; font-size: 10px;}
p#topof a, a:link a:visited a:active{color: #93907f;}
p#topof a:hover{color: #151314;}

/* Contact Page */
#contactimage{position: absolute; top: 10px; left: 0px;}
#details{position: absolute; top: 12px; left: 470px; text-align: left;}
#details p{margin-bottom: 24px; text-indent: 0px;}


#footer{}
.clear{width: 920px; height: 1px; clear: both;}



/* Home Page - Exhibition Version */
body.exhibition h2{font-weight: 600;}
body.exhibition h3{margin-bottom: 0px; width: 450px;}
p#online{clear: both; float: right; width: 438px; margin: -10px 0px 0px 5px; font-size: 10px; text-align: left;} /* can be adjusted left and right, width, etc, according to use */
IMG#exhimg{float: right; border: 1px solid #747165; margin-top: 30px; margin-right: 12px;}
IMG#exhimg.noborder{border: none;}