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

version:   Sue Ollemans www.ollemans.com V03 July 11 2008
updated:   July 17 2009
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk

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

* {margin: 0; padding: 0;}
html{height:102%;}
a{outline:none; text-decoration: none; border: none; color: blue;}
a IMG{border:none;}
ul{list-style-type: none;}
body {margin: 0px; padding: 0px; background: #fff; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; color: #494c51; line-height: 150%; text-align: center;}
body#homepage{background: #fff url(../i/str/bdbg02.jpg) top center repeat-y;}

#container{width: 100%; height: 95px; background: #fff url(../i/str/container02.jpg) top center no-repeat;}

#banner{z-index: 20; width: 880px; height: 70px; margin: auto; background: url(../i/str/bnbg03.jpg) top center no-repeat;}
/*body#homepage #banner{background-image: url(../i/str/bnbg01a.jpg);}*/
ul#uppernavigation{float: left; width: 300px; margin-left: 330px;}
ul#uppernavigation li{float: left; height: 25px; margin-right: 20px;}
ul#uppernavigation li.shows{margin-right: 25px;}
ul#uppernavigation li a{display: block; height: 25px; font-size: 12px;}
ul#uppernavigation li a span{position: relative; left: -3000px;}
ul#uppernavigation li a:hover{background-position: 0px -25px;}
ul#uppernavigation li a.crt{background-position: 0px -25px;}

#printbanner{display: none;}

#navigation{z-index: 10; float: left; width: 843px; height: 26px; margin: 45px 0px 0px 0px;}
#navigation ul li{float: left; height: 25px;}
#navigation ul li a{display: block; height: 25px; margin-right: 4px;}
#navigation ul li a span{position: relative; left: -3000px;}

/* set the tab widths - RATIONALISE */
ul#uppernavigation li.home a{width: 55px; background-image: url(../i/nv/home.jpg);}
ul#uppernavigation li.shows a{width: 60px; background-image: url(../i/nv/shows.jpg);}
ul#uppernavigation li.contact a{width: 55px; margin-right: 0px; background-image: url(../i/nv/contact.jpg);}

#navigation ul li.chinesewoa a{width: 178px; background-image: url(../i/nv/chinesewoa.jpg); margin-left: 63px;}
#navigation ul li.ipjewellery a{width: 214px; background-image: url(../i/nv/ipjewellery.jpg);}
#navigation ul li.cjewellery a{width: 214px; background-image: url(../i/nv/cjewellery.jpg);}
#navigation ul li.miniatures a{width: 135px; background-image: url(../i/nv/miniatures.jpg);}

#navigation ul li a{background-repeat: no-repeat;}
#navigation ul li a,
a:link
a:visited
a:active{background-position: 0px 0px;}
#navigation ul li a:hover{background-position: 0px -25px;}
#navigation ul li#currentpage a{background-position: 0px -50px;}


/* wrappers - outer and inner */
#content{width: 880px; margin: auto; height: auto; background: #fff;}
body#homepage #content{width: 100%; height: 369px; background: url(../i/str/content01.jpg) bottom center repeat-x;}
#inner_content{position: relative; top: 0px; z-index: 1; padding: 40px 0px 0px 330px; width/* therefore*/: 550px;  height/*therefore*/: 330px; margin: auto; background: url(../i/str/inner_content.jpg) top center no-repeat;}
#inner_content p a{color: #000; text-decoration: none; border-bottom: 1px solid #ddd;}
/* home page footer */
#footer{width: 100%; height: 30px; background: url(../i/str/footer01.jpg) top center no-repeat;}

/* roaming - gallery and item navigation */
ul#roaming{float: left; line-height: 13px; margin-top: 20px; margin-left: 3px;}
ul#roaming li{float: left; width: 23px; height: 13px; margin-right: 4px;}
ul#roaming li a{background-image: url(../i/str/galleries.jpg); background-repeat: no-repeat;}
ul#roaming li a,
a:link
a:visited
a:active{display: block; width: 23px; height: 13px; background-position: 0px 0px;}
ul#roaming li a:hover, ul#roaming li a.crt{background-position: 0px -13px;}
ul#roaming li a span{display: block; width: 1px; height: 1px; position: relative; left: -3000px;}
ul#roaming li#prv a{background-image: url(../i/str/previous.jpg); background-repeat: no-repeat;}
ul#roaming li#nxt a{background-image: url(../i/str/next.jpg); background-repeat: no-repeat;}

/* page content */
#thbs{width: 890px; position: relative; top: 15px; left: 3px; clear: both;}
#thbs a{float: left; display: block; height: 207px; width: 207px; border: 1px solid #aaa; margin: 0px 13px 13px 0px;}
.clear{width: inherit; height: 1px; clear: both; line-height: 1px;}
.h4clear{width: 430px; height: 2px; line-height: 0px;}
.h5clear{width: 430px; height: 12px; line-height: 0px;}
.clear#tall{height: 50px;}
body#contactpage .clear{height: 7px; clear: both; line-height: 1px;}

#catalogue{width: 880px; height: auto; position: relative; top: 13px; left: 3px; clear: both;}
#catalogue IMG{float: left; margin-right: 10px; margin-left: 0px; border: 1px solid #aaa;}
h3,h4,h5,p{text-align: left; margin-top: 0px;}
h3{margin: 0px 0px 0px 0px; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 130%;}
h4{margin: 0px 0px 0px 0px; font-size: 14px;}
h4.provenance{margin-bottom: 0px;}
h5{margin: 0px 0px 0px 0px; font-size: 14px; line-height: 150%;}
p{margin: 0px 0px 12px 0px; font-size: 12px; line-height: 150%;}
p#postage{font-size: 11px;}
p#postage a, a:link a:visited a:active{color: #a60000; border-bottom: 1px dotted gray;}
p#postage a:hover{color: #a60000; border-bottom: 1px solid #a60000;}

/* Shows page */
body#shows #content{position: relative;}
#exhibitions{width: 450px; position: absolute; top: 10px; left: 0px;}
body#shows h3{width: 450px; font-size: 17px; margin: 30px 0px 30px 3px;}
body#shows h4{}
.wrp{width: 450px; float: left; text-align: left; margin: 0px 0px 20px 3px; }
h5.venue, h5.dates{font-size: 12px; margin: 0px 0px 0px 0px; clear: both; line-height: 150%; font-weight: 500; }
p.www{margin: 0px 0px 0px 0px; background: url(../i/str/weblink.jpg) 0px 0px no-repeat; line-height: 150%; font-family: "Times New Roman", Times, serif;}
p.www a,
a:link
a:visited
a:active{font-weight: 600; color: #494c51; border-bottom: 1px dotted gray;}
p.www a:hover{color: #a60000; border-bottom: 1px solid #a60000;}
body#shows #content IMG{float: right; clear: left; margin-top: 30px; margin-right: 64px;}

/* Contact page */
#about{float: left; width: 410px; margin: 38px 0px 0px 0px;}
#form{float: right; width: 435px; margin: 38px 0px 0px 0px; text-align: left;}
#form p{color: #000;}
p.label{float: left; width: 70px; text-align: right; font-size: 12px; line-height: 200%; margin: 0px 0px 0px 0px;}
p.input{float: right; width: 355px; text-align: left; font-size: 12px; line-height: 150%;}
p.sendbutton{float: left; margin-top: -10px;}
#form label {font-weight: bold; color: #635c5c; display: block;}
#form input{width: 355px; height: 24px; background-color: #f8f8f7 !important; border: 1px solid #aaa;}
#form input#send2{width: 150px; margin-top: 10px; margin-left: 80px; background-color: #ddd !important; background-image: none; font-size: 10px; padding-bottom: 1px;}
textarea{width: 355px; height: 117px; background-color: #f8f8f7 !important; border: 1px solid #aaa;}
body#contactpage .warning {font-weight: bold; color: red;}

/* Credits Link */
#chroma{clear: both; margin-top: 100px; margin-left: 80px; font-family: arial, sans-serif; font-size: 10px;}
#chroma a,
a:link
a:visited
a:active{color: #333333; text-decoration: none; border-bottom: 1px solid #ddd;}
#chroma a:hover{color: #660033; border-bottom: 1px solid #660033;}

/* Login Page */
#login{position: relative; top: 30px;}