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

version:   Simon Gillespie Studio V19 April 9 2009
updated:   April 20 2010
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk

============================================================ */
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;}

html{height:101%;}
ul{list-style-type: none; margin: 0px; padding: 0px;}
a{outline:none; text-decoration: none; border: none;}
a IMG{border:none;}
h1 span,h2 span, h3 span, #navigation a span{position: relative; left: -3000px;}
body {margin: 0px; padding: 0px; background: #fff url(../i/str/jpg) top center repeat-y; font-family: Georgia, "Palatino Linotype", "Times New Roman", times, serif; font-size: 12px; line-height: 24px; text-align: center; color: #000;}
/* splash */body#splash{background: #000 url(../i/str/splashbd03.jpg) top center no-repeat;}

/* General Structure */
#outerwrap{width: 100%; height: auto;}

#wrapper{width: 960px; height: auto; margin: auto; text-align: left;}
#banner{width: 960px; height: 106px; background: #091b0b url(../i/str/banner10.jpg) top center no-repeat;}
#navigation{width: 960px; height: 40px; margin-bottom: 44px; background: #091b0b url(../i/str/navbg11.jpg) top center no-repeat;}
body#servicespage #navigation, body#newspage #navigation{margin-bottom: 0px;}
#banner, #navigation{margin-left: -1px;} //* Why? Why? */

/* Splash Page */
body#splash #outerwrap{height: 300px;}
body#splash #banner{background: url(../i/str/splashbanner03.jpg) top center no-repeat;}
body#splash #navigation{background: url(../i/str/splashnv03.jpg) top center no-repeat;}

#navigation ul{width: 960px; height: 40px;}
#navigation ul li{height: 40px; float: left;}
#navigation ul li#about{width: 121px; margin-left: 16px;}
#navigation ul li#services{width: 115px;}
#navigation ul li#news{width: 184px;}
#navigation ul li#contact{width: 110px;}
#navigation ul li#links{width: 99px;}

body#splash #navigation ul li#about{width: 121px; margin-left: 16px;}
body#splash #navigation ul li#services{width: 115px}
body#splash #navigation ul li#news{width: 184px;}
body#splash #navigation ul li#contact{width: 110px;}
body#splash #navigation ul li#links{width: 99px;}

#navigation ul li a, body#splash ul li a{display: block; height: 40px; background-repeat: no-repeat;}

#navigation ul li#about a{background-image: url(../i/nv/about.jpg);}
#navigation ul li#services a{background-image: url(../i/nv/services.jpg);}
#navigation ul li#news a{background-image: url(../i/nv/press.jpg);}
#navigation ul li#contact a{background-image: url(../i/nv/contact.jpg);}
#navigation ul li#links a{background-image: url(../i/nv/links.jpg);}

body#splash #navigation ul li#about a{background-image: url(../i/nv/splash_about.jpg);}
body#splash #navigation ul li#services a{background-image: url(../i/nv/splash_services.jpg);}
body#splash #navigation ul li#news a{background-image: url(../i/nv/splash_press.jpg);}
body#splash #navigation ul li#contact a{background-image: url(../i/nv/splash_contact.jpg);}
body#splash #navigation ul li#links a{background-image: url(../i/nv/splash_links.jpg);}

#navigation ul li a,
a:link
a:visited
a:active{background-position: 0px 0px;}
#navigation ul li a:hover, #navigation ul li a.crt{background-position: 0px -40px;}

/* Services and Press - secondary tabs */
ul.tabs{position: relative; top: 5px; left: 10px; width: 648px; height: 22px; line-height: 20px; margin-bottom: 24px; font-family: Arial, Helvetica, sans-serif; background: url(../i/str/subbg.jpg) top center no-repeat;}
body#newspage ul.tabs{width: 344px; left: 180px; background: url(../i/str/subbg_news.jpg) top center no-repeat;}
ul.tabs#lower{top: 0px; margin-bottom: 0px; background-image: none;}
ul.tabs li{float: left; text-align: center;}
/* Services Tabs */
ul.tabs li#science{width:186px;}
ul.tabs li#restore{width: 228px; margin-left: 3px;}
ul.tabs li#examples{width: 195px; margin-left: 3px;}
/* Press Tabs*/
ul.tabs li#pressarticles{width:170px;}
ul.tabs li#newsletters{width: 170px; margin-left: 3px;}

ul.tabs li a{display: block;}
ul.tabs li#science a{width: 186px; height: 20px;}
ul.tabs li#restore a{width: 228px;}
ul.tabs li#examples a{width: 195px;}
ul.tabs li a,
a:link
a:visited
a:active{color: #4a1f1a;}
ul.tabs li a:hover, ul.tabs li a.crt{color: #a60000;}

ul.tabs li#top a{width: 120px;}


/* Page Headers */
h1{display: block; width: 940px; height: 36px;}
body#aboutpage h1{background-image: url(../i/h1/aboutus.jpg);}
body#servicespage h1{background-image: url(../i/h1/services.jpg);}
body#servicespage h1#scientific{background-image: url(../i/h1/scientific.jpg);}
body#servicespage h1#restoration{background-image: url(../i/h1/restoration.jpg);}
body#servicespage h1#before{background-image: url(../i/h1/before.jpg);}
body#newspage h1{background-image: url(../i/h1/newsletters.jpg);}
body#newspage h1#press{background-image: url(../i/h1/press.jpg);}
body#contactpage h1{background-image: url(../i/h1/contact.jpg);}
body#mappage h1{background-image: url(../i/h1/findus.jpg);}
body#linkspage h1{background-image: url(../i/h1/links.jpg);}

/* Page Content - Inner Wrapper and Columns */
#content{width: 910px; margin-left: 45px; height: auto;}
body#contactpage #wrapper{background: url(../i/str/map_small.jpg) 500px 170px no-repeat;}
body#mappage #content{height: 540px; background: url(../i/str/map.jpg) 0px 0px no-repeat;}
#content IMG{border: 1px solid gray;}
#content IMG.news{float: right; clear: left; margin: 0px 45px 0px 0px;}

/* Columns */
.col{width: 270px; float: left; margin: 0px 25px 0px 0px;}
.col#test{clear: right;}
.services .col{height: 440px;}
.col.caption{margin-top: -5px;}
.col.narrow{width: 135px; margin: -5px 7px 6px 0px;}
.col.medium{width: 183px; margin: -5px 8px 8px 0px;}
.col.wide{width: 202px; margin: -5px 7px 6px 0px;}
.col.news{width: 390px;}
.col.spacer{width: 270px; height: 180px;}
.col.fullwidth{width: 850px;}
.col IMG{margin-top: 5px;}
.col IMG.simon{margin-bottom: 12px;}

/*** Randy Simons - MultiColumn CSS for Analysis page only ***/
/* Initial definitions for base column. Define the (minimum) width here, and optionally a padding */
.noncolumnized div{display: none;}
.columnized div {
float: left;
width: 0px;		/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
padding: 0px 25px 0px 0px;		/* You may use a padding... but thanks to IE you can only use pixels! */
text-align: left;
margin: 0;/* Don't use a margin! */}

#container{float: right; width: 615px;}
.columnized div p{width: 268px;}

/* Sub-Section Headers */
h2{display: block; width: 840px; height: 24px; font-size: 1px;}
body#linkspage h2{width: 260px;}
/* Staff */
h2#simon{background-image: url(../i/h2/simon.jpg);}
h2#leonie{background-image: url(../i/h2/leonie.jpg);}
h2#maria{background-image: url(../i/h2/maria.jpg);}
h2#natalie{background-image: url(../i/h2/natalie.jpg);}
h2#jacqueline{background-image: url(../i/h2/jacqueline.jpg);}

/* Services */
h2#scientific{background-image: url(../i/h2/scientific.jpg);}
h2#restoration{background-image: url(../i/h2/restoration.jpg);}
h2#before{background-image: url(../i/h2/before.jpg);}
/* Services Image Headers */
h3{display: block; width: 265px; height: 24px;}
h3#downloadable{clear: left; background-image: url(../i/h3/downloadable.gif); margin-bottom: -10px;}
h3#process{background-image: url(../i/h3/process.gif);}
h3#hirst{background-image: url(../i/h3/hirst.gif);}
h3#warhol{background-image: url(../i/h3/warhol.gif);}

/* News */
h2#press{background-image: url(../i/h2/press.jpg);}
h2#archive{background-image: url(../i/h2/archive.jpg);}
h2#newsletters{background-image: url(../i/h2/newsletters.jpg);}


/* Links */
h2#academic{background-image: url(../i/h2/academic2.jpg);}
h2#auction{background-image: url(../i/h2/auction.jpg);}
h2#museum{background-image: url(../i/h2/museum.jpg);}

/* Paragraphs and Headers */
p{width: 870px; text-indent: none; text-align: justify; margin: 0px 0px 24px 0px;}
.col p{width: inherit;}
.col.caption p, .col.fullwidth p, .col.caption ol li, #picasso p{font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: italic;}
.col.caption p, .col.fullwidth p, .col.caption ol li, #picasso p{color: #685d5c;}
p.noindent{text-indent: 0px;}
p.final{margin-bottom: 0px;}
p.topof {text-align: center; font-size: 10px; margin-bottom: 12px;}
p#ourservices{padding-left: 30px;}
p#location{position: relative; left: 500px; width: 300px;}
h1, h2{background-position: 0px 0px; background-repeat: no-repeat; width: 800px; margin-bottom: 0px;}
h1{height: 36px; background-position: 1px 0px; margin-bottom: 12px;}
h3{background-repeat: no-repeat;}
p a,
a:link
a:visited
a:active{font-weight: 600; color: #25120f; height: 23px; border-bottom: 1px solid #e6e2e1; padding-bottom: 1px;}
p a:hover{border-bottom: 1px solid #25120f;}
ul#downloads{position: relative; top: 10px;}
ul#downloads li a,
a:link
a:active{height: 23px; font-weight: 500; color:#25120f; border-bottom: 1px solid #e6e2e1; padding-bottom: 1px;}

/* Lists */
#content ul{margin-bottom: 0px; width: 240px; margin-left: 20px; list-style-type: circle;}
body#linkspage ul{list-style-type: none; margin-left: 0px;}
body#linkspage ul li{padding-left: 0px;}
#content ol{width: 240px; margin-left: 20px;}
#content ul li{height: auto; line-height: 24px; padding-left: 10px;}
body#newspage #content ul{width: 410px; margin-left: 0px; list-style-type: none;}
body#newspage #content .col.news ul li, body#newspage #content ul#newsletterlist li{width: 410px; padding-left: 0px;}
#content ul li a,
a:link
a:active{color: #1b1818; border-bottom: 1px dotted #ddd;}
#content ul li a:visited{border-bottom: 1px dotted #bbb;}
#content ul li a:hover{border-bottom: 1px solid #1b1818;}
.ampersand{font-family: "Palatino Linotype", serif; font-style: italic;}


/* Floated Images */
IMG.left{float: left; clear: right; margin: 5px 10px 0px 0px;}
IMG.right{float: right; clear: left; margin: 5px 0px 0px 10px;}
IMG#uv_light{height: 174px; margin-bottom: 35px;}
IMG#map{border: none;}

/* Contact Page Form */

#form p{margin-top: 0px; margin-bottom: 0px; height: auto; }
#form p#required{margin-left: 225px; width: 299px;}
#form p#parascend{margin-top: 5px; margin-bottom: 7px;}
label {float: left; width: 230px; font-weight: 500; font-size: 11px; line-height: 18px; color: #000; display: block; text-align: right; padding-right: 5px;}
.asterisk{color: #CC0000;}
input{float: left; width: 402px; background-color: #fff !important; border: 1px solid #7f9db9 !important;}
input#send, input#reset{width: 150px; background-color: #ddd !important; margin-left: 235px; border: 1px solid #848787 !important;}
textarea{float: left; width: 400px;}
.warning {font-weight: bold; color: #f00;}
.clear{width: inherit; line-height: 1px; height: 1px; margin-bottom: 23px; clear: both;}
.clear.final{margin-bottom: 0px;}




/* Sundries */
.asterisk{color: #cc0000;}
#footer{position: relative;/* Needed for Safari */top: px; width: 99%; height: 26px; padding: 0px 0px 15px 0px;}
#footer p{width: 920px; text-align: center; font-size: 10px; margin: auto; padding: 0px; margin-bottom: 0px;}
.break{color: #8b8a8a; padding: 0px 3px 0px 2px;}
#insole p a,
a:link
a:visited
a:active{color: #fff;}
#insole p a:hover{border-bottom: 1px solid #fff;}
span.numbers{font-size: 10px;}

/* to hide print stuff */

#printcontent, #printfooter, IMG#printmap{display: none;}