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

website:   Kerry Brewer
version:   B0.06
updated:   January 14 2009
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: 101%;}
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: #000 top center no-repeat; font-family: Garamond, Georgia, sans-serif; color: #fff; text-align: center;}
body.home{background-image: url(../i/str/bdbg03.jpg);}
body.information, body.contact{background-image: url(../i/str/bdbg02.jpg);}

#wrapper{width: 960px; height: auto; margin: auto; position: relative; top: 0px;}
#header{width: inherit; height: 50px;}
IMG#banner{position: absolute; top: 20px; left: 0px;}
body.home IMG#banner{top: 230px; left: 242px;}

ul#navigation{float: right; width: auto; margin-top: 29px;}
ul#navigation li{float: left; width: auto; height: 25px; margin: 0px 0px 0px 19px;}
ul#navigation li a{display: block; height: 25px; 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 -25px;}
ul#navigation li.gallery{width: 53px;}
ul#navigation li.gallery a{background-image: url(../i/nv/gallery.gif);}
ul#navigation li.information{width: 90px;}
ul#navigation li.information a{background-image: url(../i/nv/information.gif);}
body.information ul#navigation li.information a, body.contact ul#navigation li.information a{background-image: url(../i/nv/information2.gif);}
ul#navigation li.contact{width: 55px;}
ul#navigation li.contact a{background-image: url(../i/nv/contact.gif);}
body.information ul#navigation li.contact a, body.contact ul#navigation li.contact a{background-image: url(../i/nv/contact2.gif);}

body.home ul#navigation{position: absolute; top: 330px; left: 630px;}
body.home ul#navigation li{float: none; display: block; text-align: right; margin: 0px 0px 12px 0px;}
body.home ul#navigation li.gallery{margin-left: 40px;}
body.home ul#navigation li.contact{margin-left: 35px;}


body.home #content{width: 960px; height: 540px; position: relative;}
body.gallery #content{width: 960px; height: 430px; margin-top: 120px;}
body.catalogue #content{width: auto; height: auto; margin-top: 17px;}
body.information #content{margin-top: 116px;}
body.contact #content{margin-top: 120px;}
body.information #content p{font-weight: 500; text-align: left; margin: 0px 0px 24px 0px; font-size: 20px; font-family: Garamond, "Hoefler Text", Times New Roman, Times, serif; line-height: 30px; color: #a6a6af;}
#content p a, a:link a:visited a:active{color: #a6a6af;}
#content p a:hover{color: #fff;}

/* for gallery page */
#images{width: 960px; height: auto; margin-top: 100px;}
.wrp{height: auto; width: 225px; float: left; margin: 0px 20px 0px 0px;}
.wrp a{display: block; border: 1px solid #000;}
.wrp a:hover{border: 1px solid #2d353d;}
.headings{height: 70px; width: 222px; float: left; margin: 5px 20px 0px 3px; line-height: 16px; text-align: left;}
h2{font-size: 14px;}
h3{font-size: 13px;}
h4{font-size: 12px;}
h2, h3, h4{font-weight: 500; Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif; color: #aeaeb8;}

/* for catalogue page */
#secondarythbs{width: 150px; height: auto; position: absolute; left: 0px; z-index: 100;}
.thb{margin: 0px 0px 10px 0px;}
.thb a{display: block; width: 148px; border: 1px solid #171b1f;}
.thb a IMG{width: 148px; height: auto;}
.thb a:hover{border: 1px solid #2d353d;}

#presentation{position: relative; left: 0px; z-index: 1; text-align: left;}
IMG#main{border: 1px solid #171b1f; margin-left: 160px;}
#description{position: absolute; bottom: 0px; width: 150px; margin: 0px 0px 0px 0px;} 
body.catalogue h2{font-weight: 500; line-height: 15px; text-align: left; color: #aeaeb8;}

#form{float: left; width: 500px;}
#form p{width: 450px; clear: both; margin-bottom: 10px; text-align: left; color: #aeaeb8;}
label{float: left; text-align: right; width: 80px; font-weight: 500; color: #aeaeb8;}
input{float: right; text-align: left; width: 355px; height: 20px; line-height: 20px; margin-top: 0px; margin-bottom: 0px;}
input#send{width: 110px; color: #fff; height: 22px; padding-bottom: 2px; text-align: center;}
input#search{padding-left: 0px;}
input#maillist{width: 20px; position: relative; top: -20px; left: -170px; background: none; border: none;}
textarea{float: right; text-align: left; width: 355px;}
input, textarea{background: url(../i/str/inputbg.png) 0px 0px repeat; border: 1px solid #5d5d5d; color: #fff;}
.clear{width: inherit; clear: both; height: 10px;}