﻿/* www.knaptonandrasti.com :: CSS by Duncan Marshall at Chroma Design :: www.chromadesign.co.uk :: This version: 16OCT06 */

.dot
{color: #000;}
a
{outline: none;}
html
{height: 100%; margin-bottom: 1px;}
hr
{visibility: hidden;}
body ul
{margin: 0px; padding: 0px;	list-style-type: none;}
body 
{margin:0; padding:0; height:100%; background-color: #000; background-image: url(../i/str/index_nov_2007_05.jpg); background-position: top center; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	text-align: center;}
body#archive
{background-image: url(../i/str/indexbg04db.jpg); color: #fff;}
/* Welcome Page */

#content
{width: 100%; height: 300px;}
#incontent
{width: 760px; margin-right: auto; margin-left: auto;}

body#archive ul#navigation li a
{text-decoration: none;}

body#contact ul#navigation li a
{text-decoration: none;}

body#welcome ul#navigation li a
{text-decoration: none;}

a:link a:visited a:active
{color: #C9CED7;}

body#archive ul#navigation li a
{color: #C9CED7;}

body#contact ul#navigation li a
{color: #C9CED7;}

body#welcome ul#navigation li a
{color: #C9CED7;}

body#welcome ul#navigation a:hover
{color: #fff;}
body#contact ul#navigation a:hover
{color: #fff;}
#ctt
{width: 430px; margin-left: 330px; color: #fff;	background: none;}
#main
{width: 430px; margin-left: 330px; color: #fff;	background: none;}
.telspace
{font-size: 10px;}
#main p
{color: #C9CED7; text-align: center; word-spacing: 0px;	font-size: 11px; padding: 0px 10px 0px 45px; line-height: 17px;	margin-bottom: 20px;}
#main p a
{text-decoration: none;	display: inline; margin: 0px;}
#main p a
a:link
a:visited
a:active
{font-weight: 600; color: #C9CED7; border-bottom: 1px solid #666; padding-bottom: 1px;}
a:link a:visited a:active
{text-decoration: none;	color: #C9CED7;	border-bottom: none;}
body#contact #ctt a
{text-decoration: none;	color: #C9CED7;	border-bottom: none;}
#main p a:hover
{color: #fff; border-bottom: 1px solid #ccc;}
#ctt a
{color: #fff; border-bottom: 1px solid #ccc;}
ul#coverlist
{text-align: left; margin-bottom: 20px; margin-left: 25px;}
ul#coverlist li
{display: inline; margin-left: 30px; color: #fff;}
ul#coverlist li.cercat IMG
{border: 1px solid #1D1F26;	padding: 1px;}
ul#coverlist li.woacat IMG
{border: 1px solid #262931;	padding: 1px;}

/* Archive */
body#archive strong
{color: #fff;}
.exhwrp p
{margin-top: 0px 0px 7px 0px; word-spacing: -1px; line-height: 12pt; text-align: left;}
a:link a:visited a:active
{font-weight: 500; color: #C9CED7; text-decoration: none; border-bottom: 1px solid #1A1919;	padding-bottom: 1px;}
.exhwrp p.catlink a
{font-weight: 500; color: #C9CED7; text-decoration: none; border-bottom: 1px solid #1A1919;	padding-bottom: 1px;}
.exhwrp p.catlink a:hover
{color: #fff; border-bottom: 1px solid #ccc;}
.exhwrp p.catdesc
{font-size: 10px;}
.exhwrp IMG
{float: left; clear: right;	margin: 0px 10px 5px 0px;}

/* */
#wrapper
{width: 760px; height: auto; margin-right: auto; margin-left: auto;	background-position: 30px 4px; background-repeat: no-repeat;}
#header
{width: inherit; margin-bottom: 20px; height: 198px; z-index: 2;}
body#contact #header
{width: 760px; height: 100px; margin-bottom: 80px; z-index: 1;}
body#welcome #header
{width: 760px; height: 100px; margin-bottom: 80px; z-index: 1;}
ul#navigation
{float: left; margin: 0px; margin-left: 4px; padding: 14px 0px 0px 0px;	list-style-type: none; font-size: 12px;	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px; font-variant: small-caps;}
.dp
{font-size: 13px;}

ul#navigation li
{display: block; width: 214px; height: 19px; line-height: 19px; margin: 0px; text-align: left;}
ul#navigation li a
{display: block; width: 214px; text-decoration: none; padding-left: 3px;}

ul#navigation li a.crt
{font-weight: 500;}
#intro
{width: 740px; height: auto; margin-right: auto; margin-bottom: 30px; margin-left: auto;}
#intro p
{text-align: justify; word-spacing: -1px; line-height: 17px; padding-right: 5px;}
.column
{width: 186px; height: 217px; float: right;	background-position: 0px 0px; background-repeat: no-repeat;	text-align: left; padding-top: 5px;}
.HS
{width: 175px; height: 69px; margin: 0px 0px 2px 0px; padding: 0px 3px 0px 2px;	background-position: 0px 0px; background-repeat: no-repeat;}
h2
{margin: 0px 0px 2px 0px; padding-left: 1px; font-weight: 500; font-size: 17px;	font-family: Georgia, "Times New Roman", Times, serif; color: #640000; text-align: left;
}
h3
{margin: 0px 0px 2px 2px; padding-left: 0px; font-size: 10px; font-weight: 500;}
.brk
{font-weight: 600;}
h4
{width: 160px; margin: 0px 0px 0px 0px;	font-size: 11px;}
h4 a
{text-decoration: none;}
h5
{font-weight: 500; margin: 0px 4px 0px 0px;	font-size: 10px;}
body#gallery h5
{padding-left: 2px;}
h5
{padding-left: 10px;}
h4
{padding-left: 10px;}
ul.roam
{float: right; width: 80px;	margin-top: 0px; margin-right: 20px; margin-left: 50px;}
ul.roam li
{display: inline;}
ul.roam li.next#first
{margin-left: 30px;}
ul.roam a
{padding: 0px 2px 1px 2px;}
a:link a:visited a:active
{color: #999; text-decoration: none;}
ul.roam a
{color: #999; text-decoration: none;}
ul.roam a:focus
{background:#ccb; color: #000;}
ul.roam a:hover
{color: #640000; text-decoration: none;}
ul.roam li.next
{padding-left: 10px; background-image: url(../i/str/libg01.gif); background-position: 0px 0px; background-repeat: no-repeat;}
#thbs
{margin-right: auto; margin-left: auto; width: 760px; padding-bottom: 30px;}
.vitrine
{width: 760px; height: 240px; float: left; margin-bottom: 15px;}

.wrp
{float: left; width: 190px;	height: 225px; margin: 0px 0px 8px 0px;	background-position: 5px 0px; background-repeat: no-repeat;	z-index: 1;}
.wrp IMG
{text-align: left; padding: 0px; border-bottom: none; z-index: 5;}
.catnum
{position: relative; top: -6px;	left: 8px; width: 29px;	height: 13px; font-size: 9px; font-weight: 500;	z-index: 10;}
#upper
{clear: both; width: inherit; height: 30px;	padding-top: 10px;}


#footer
{clear: both; width: inherit; height: 30px;	padding-top: 10px;}


/* CATALOGUE PAGES STRUCTURE */

body#catalogue #content
{width: auto; height: auto;	margin: auto; padding: 5px 10px 50px 0px;}
body#archive .clear
{width: 100%; height: 12px;	margin-top: 0px; margin-bottom: 0px; clear: both;}
body#catalogue .clear
{width: 100%; height: 12px;	margin-top: 0px; margin-bottom: 0px; clear: both;}
body#archive .clear
{height: 30px;}
#txt p
{margin-top: 0px; margin-bottom: 10px; font-size: 11px;	line-height: 15px; text-align: left;}
body#catalogue #content h3
{text-align: left; margin-top: 0px;	font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif;}
body#catalogue p.desc
{margin-top: 0px; margin-bottom: 10px; line-height: 18px; word-spacing: -1px;}
body#catalogue p.origin
{margin-top: 0px; margin-bottom: 3px; color: #000; font-weight: 500;}
body#catalogue .paren
{color: #666; letter-spacing: 1px; font-family: Tahoma, verdana, sans-serif;}
body#catalogue p.di
{margin-top: 0px; margin-bottom: 3px; font-weight: 500;}
body#catalogue #content h5
{font-weight: 500; font-size: 11px;	font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif; font-variant: small-caps; color: #640000; margin-top: 10px;}
body#catalogue p.notes
{color: #666; line-height: 18px; word-spacing: -1px; margin-top: 10px;}
#txt
{margin-bottom: 100px;}
#txt IMG
{float: left; clear: right;	width: 500px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #666;}
body#catalogue #content #txt
{clear: left; text-align: left;	padding-left: 15px;}
body#catalogue #roam
{float: left; width: 90%; height: 15px;	font-size: 11px; color: #BBC2BD; text-align: left; padding-left: 8px; margin-top: 3px; margin-bottom: 0px;}
body#catalogue #roam li
{display: inline;}
a:link a:visited a:active
{text-decoration: none;	color: #666;}
body#catalogue #roam a
{text-decoration: none;	color: #666;}
body#catalogue #roam a:hover
{color: #a60000;}
body#catalogue #roam li.gallery
{padding-left: 12px; background-position: 0px 4px; background-repeat: no-repeat;}
body#catalogue #roam li.next
{padding-left: 12px; background-position: 0px 4px; background-repeat: no-repeat;}
.catno
{color: #BBC2BD; padding-right: 8px;}
ul#otherimages
{margin-top: 0px; margin-bottom: 6px; margin-left: 15px; height: 80px; width: 270px; float: left; text-align: left;}
ul#otherimages li
{display: inline; width: 80px; height: 80px; margin-left: 1px;}
body#catalogue #footer 
{text-align: center; height: 55px; padding-top: 10px; font-size: 11px; color: #BBC2BD;}
a:link a:visited a:active
{color: #666; text-decoration: none;}
#footer a
{color: #666; text-decoration: none;}
#footer a:hover
{color: #a60000; text-decoration: none;}	
