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

version:   Iona Crawford 2.0 June 5 2009 - Updated January 26 2010
author:    Design and Flash by Conrad Barrett-Freeman and someone else ...
email:     conradbf@bigfoot.com

============================================================ */
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: #4a4a4a; font-family: Georgia, "Palatino Linotype", "Times New Roman", times, serif; font-size: 11px; line-height: 24px; text-align: center; color: #fff;}
p{text-align: justify; margin: 0px 0px 18px 0px;}
body.stockistspage p{text-align: left;}
h2{margin: 0px;}
#lyr1 h2{width: 680px; text-align: center; margin-bottom: 18px;}
#lyr1 h2 span{left: 0px; font-family: "Palatino Linotype", georgia, times, serif; font-style: italic; font-size: 14px;}

#wrapper{width: 740px; height: auto; height: 500px; margin: auto;}

#header{width: 700px; height: 66px; margin-left: 20px; background: url(../i/str/logo.jpg) 0px 26px no-repeat; border-bottom: 1px solid #fff;}
#icons{float: right; width: 50px; height: 20px; margin-top: 43px;}
#icons ul{height: 19px; width: 50px; line-height: 19px;}
#icons ul li{float: right; display: inline; width: 23px; height: 19px; line-height: 19px; font-size: 1px;}
#icons ul li a{display: block; width: 23px; height: 19px; border: 1px solid #4a4a4a;}
#icons ul li a span{position: relative; left: -5000px;}
#icons ul li.home a{background: url(../i/str/iconhome.jpg) no-repeat;}
#icons ul li.contact a{background: url(../i/str/iconmail.jpg) no-repeat;}
#icons ul li.home a, a:link a:visited a:active{background-position: 0px 0px;}
#icons ul li.home a:hover{background-position: 0px -19px;}
#icons ul li.contact a, a:link a:visited a:active{background-position: 0px 1px;}
#icons ul li.contact a:hover{background-position: 0px -18px;}

#content, #wn{width: 700px; margin-left: 20px; height: 390px;}
body.biog #content{padding-top: 15px; height: 455px;}

#navigation{position: relative; top: 0px; width: 700px; height: 50px; margin-left: 20px; clear: both; font-size: 12px; border-top: 1px solid #fff; z-index: 100;}
body.scroll #navigation{top: -296px}
#navigation ul{float: right; margin-right: -10px;}
#navigation ul li{display: inline; padding: 0px 10px 0px 10px; border-right: 1px solid #fff;}
#navigation ul li.contact{border-right: none;}
#navigation ul li a, a:link a:visited a:active{color: #fff;}

/* Splash Page */
#intro{width: 720px; height: 540px;	background: url(../i/str/intro2.jpg) top center no-repeat; margin-top: 10px;}
#intro a{display: block; width: 720px; height: 540px; text-decoration:none;}
#intro a span{position: relative; left: -5000px;}


/* Home Page */
body.homepage IMG.titlepic{float: left; margin: 8px 0px 0px 8px;}
body.homepage IMG.homelogo{float: right; margin: 120px 40px 0px 0px;}
body.homepage p{float: right; width: 300px; text-align: center; margin-right: 60px;}
body.homepage p a, a:link a:visited a:active{display: block; font-weight: 600; color: #fff;}
body.homepage p a span{color: #a35d5b;}
body.homepage p a:hover{color: #a35d5b;}
body.homepage p a:hover span{color: #fff;}

/* biography page */
#biog1{margin-top: 20px;}

/* Collections Page */
.collection{width: 670px; height: 125px; margin-bottom: 50px;}
.collection p{width: 320px; float: left; clear: right; font-size: 13px;}
.collection p a, a:link a:visited a:active{display: block; font-weight: 600; color: #fff;}
.collection p a span{color: #a35d5b;}
.collection p a:hover{color: #a35d5b;}
.collection p a:hover span{color: #fff;}
.collection IMG{float: right; margin-left: 10px;}

/* Press Page */
.prs{float: left; display: block; border: 1px solid #434141;}
.row{float: left; width: 680px; height: auto; clear: left;}
.clear{width: inherit; height: 22px; clear: left;}
.one, .three{margin-top: 20px;}

/* Row 1 - Bottom Row - all rows need a unique number ID, but item classes (one, two, etc) should be repeated */
#row1 .prs{margin-left: 40px;} /* adjust this to budge this group's spacing */
#row1 .prs.four{margin-left: 30px;} /* then use bottom-left item in each row to budge left/right, etc */

/* Row 2 - One Up from Bottom Row */
#row2 .prs{margin-left: 40px;} /* adjust this to budge this group's spacing */
#row2 .prs.four{margin-left: 55px;} /* then use bottom-left item in each row to budge left/right, etc */

/* Row 3 - Two Up from Bottom Row */
#row3 .prs{margin-left: 45px;} /* adjust this to budge this group's spacing */
#row3 .prs.four{margin-left:30px;} /* then use bottom-left item in each row to budge left/right, etc */

#row4 .prs{margin-left: 45px;} /* adjust this to budge this group's spacing */
#row4 .prs.four{margin-left: 20px;} /* then use bottom-left item in each row to budge left/right, etc */

#row5 .prs{margin-left: 36px;} /* adjust this to budge this group's spacing */
#row5 .prs.four{margin-left: 25px;} /* then use bottom-left item in each row to budge left/right, etc */

#row6 .prs{margin-left: 30px;} /* adjust this to budge this group's spacing */
#row6 .prs.four{margin-left:10px;} /* then use bottom-left item in each row to budge left/right, etc */

#row7 .prs{margin-left: 35px;} /* adjust this to budge this group's spacing */
#row7 .prs.four{margin-left:38px;} /* then use bottom-left item in each row to budge left/right, etc */

#row8 .prs{margin-left: 35px;} /* adjust this to budge this group's spacing */
#row8 .prs.four{margin-left:42px;} /* then use bottom-left item in each row to budge left/right, etc */

/* Remember to adjust all horizontal margins set here on the IE6 css */

/* Stockists Page */
.stockist{float: left; width: 210px; margin-right: 15px;}
body.stockistspage .clear{height: 10px;}
#artwork{float: left; width: 200px; height: 200px; margin-left: 244px;}
body.stockistspage .stockist p{margin-bottom: 12px; line-height: 18px}
#artwork IMG{float: left; margin: 0px 8px 10px 0px; border: 1px solid #434141}
body.stockistspage p.info{width: 680px; text-align: center;}


/* Links Page */
body.linkspage #lyr1 ul{margin-bottom: 12px;}
body.linkspage #lyr1 ul li a, a:link a:visited a:active{color: #fff; padding-bottom: 1px; border-bottom: 1px dotted gray;}
body.linkspage #lyr1 ul li a:hover{border-bottom: 1px solid #fff;}
body.linkspage p{text-align: center; margin-bottom: 0px;}


/* Contact Page */
#details{float: left; width: 250px;}
#details a, a:link a:visited a:active{color: #fff; padding-bottom: 1px; border-bottom: 1px dotted gray;}
#details a:hover{border-bottom: 1px solid #fff;}
#form{float: right; width: 420px; height: 300px;}
#details, #form{margin-top: 30px;}
#form p{float: left; width: 420px; clear: left;}
label{width: 150px; float: left; text-align: right;}
input, textarea{width: 250px; margin-left: 10px; background: #ddd; border: 1px solid gray;}
#form p.sendbutton input{width: 100px; margin-left: 160px;}