/* www.tarquinbilgen.com :: CSS by Duncan Marshall at Chroma Design - www.chromadesign.co.uk :: this version V07TEST August 28 2006 */

/*\*//*/
  @import "ie5mac.css";
/**/

/* .................... =COMMON ELEMENTS .................... */

html{height: 100%;margin-bottom: 1px;}
a IMG{border: none;}
a{outline: none;}

body 
{
	margin: 0px;
	padding: 0px;
	background-color: #545456;
	background-image: url(../i/str/bdbg01.jpg); 
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
body ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/* -------------------- =CONTENT --------------------*/
#content 
{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	/*border-bottom: 1px dotted blue;*/
}
#banner
{
	width: 760px;
	height: 55px;
	margin-bottom: 10px;
	background-image: url(../i/str/bnr08.jpg);
	background-position: top center;
}
#menu
{
	width: 100px;
	height: 390px;
	/*border-bottom: 1px solid orange;*/
}
#nav
{
	float: left;
	height: 250px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#nav #menu li
{
	text-align: center;
	width: 100px;
	height: 16px;
}
li.contact,li.shell
{
	margin-bottom: 10px;
}
li a
{
	display: block;
	width: 100px;
	height: 13px;
	background-position: 8px 0px;
	background-repeat: no-repeat;
}
li.home a
{
	background-image: url(../i/str/nv/hmC.jpg);
}
li.contact a
{
	background-image: url(../i/str/nv/cnC.jpg);
}
li.furniture a
{
	background-image: url(../i/str/nv/furnC.jpg);
}
li.objects a
{
	background-image: url(../i/str/nv/objsC.jpg);
}
li.lighting a
{
	background-image: url(../i/str/nv/lighC.jpg);
}
li.painting a
{
	background-image: url(../i/str/nv/paintC.jpg);
}
li.shell a
{
	background-image: url(../i/str/nv/shellC.jpg);
}
li.archive a
{
	background-image: url(../i/str/nv/arcC.jpg);
}
li.home a,
li.contact a,
li.furniture a,
li.objects a,
li.lighting,
li.painting,
li.shell,
li.archive,
a:link
a:visited
a:active
{
	background-position: 8px 0px;
}
li.home a:hover,
li.contact a:hover,
li.furniture a:hover,
li.objects a:hover,
li.lighting a:hover,
li.painting a:hover,
li.shell a:hover,
li.archive a:hover
{
	background-position: 8px -13px;
}
#nav #menu li.home#current a,
#nav #menu li.contact#current a
{
	background-position: 8px -13px;
}
#nav #menu li#crtgal
{
	width: 100px;
	height: auto;
	margin-bottom: 5px;
	padding-top: 2px;
	border: 1px solid #6B6B6D;
}
/*#nav #menu li.lighting#crtgal  SWITCHED OFF FOR SUB-GALLERIES

{
	height: 16px;
	padding-top: 0px;
	margin-bottom: 0px;
	border: none;
}
#nav #menu li.painting#crtgal
{
	height: 16px;
	padding-top: 0px;
	margin-bottom: 0px;
	border: none;
}*/
li#crtgal a
{
	background-position: 8px -13px;
}
#nav #menu #galnum
{
	width: 100px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
	text-align: center;
}
#nav #menu #galnum li
{
	display: inline;
	font-size: 10px;
	margin-left: 0px;
}
#nav #menu #galnum li a
{
	display: inline;
	background: none;
}
#nav #menu #galnum li.one
{
	margin-left: 0px;
}
#nav #menu #galnum li.two,
#nav #menu #galnum li.three,
#nav #menu #galnum li.four,
#nav #menu #galnum li.five
{
	padding-left: 9px;
	background-image: url(../i/str/twobg03.gif);
	background-position: 1px 4px;
	background-repeat: no-repeat;
}
#nav #menu #galnum li a,
a:link
a:visited
a:active
{
	color: #999;
	text-decoration: none;
}
#nav #menu #galnum li#galpage a,
#nav #menu #galnum a:hover
{
	color: #fff;
}
#nav #menu li#roam 
{
	width: 100px;
	border: 1px solid #6B6B6D;
	margin: 3px 0px 10px 0px;
	padding: 1px 0px 5px 0px;
}
#nav #menu li#roam ul li
{
	display: inline;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#nav #menu li#roam ul li.nxt,
#nav #menu li#roam ul li.gly
{
	padding-left: 9px;
	background-image: url(../i/str/twobg02.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
#nav #menu li#roam ul li a,
a:link
a:visited
a:active
{
	display: inline;
	color: #999;
	text-decoration: none;
}
#nav #menu li#roam ul li a:hover
{
	color: #fff;
}
#thumbs 
{
	float: left;
	margin-left: 10px;
	width: 600px;
	height: 300px;
}
#flash
{
	float: left;
	width: 600px;
	height: 300px;
}
#large
{
	float: right;
	width: 650px;
	height: auto;
	margin-bottom: 50px;
	/*border: 1px solid red;*/
}
#large IMG
{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #484746;
	background-image: url(../i/str/load.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#large IMG.landscape
{
	margin-right: 0px;
	border: 1px solid #484746;
}
h3
{
	font-family: "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-variant: small-caps;
	color: #fff;
	text-align: left;
	font-size: 13px;
	margin: 0px;
	font-weight: 500;
	padding-left: px;
}
h4
{
	color: #fff;
	text-align: left;
	font-weight: 500;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}
h5
{
	color: #A3A4A6;
	font-weight: 500;
	font-size: 11px;
	margin-top: 0px;
	text-align: left;
}
h5#h5one
{
	margin-bottom: 0px;
}
h5#h5two
{
	margin-bottom: 0px;
}
h5#h5final
{
	margin-bottom: 10px;
}
p.desc,
p.attribution
{
	color: #fff;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 15px 0px;
	text-align: left;
	word-spacing: -1px;
	padding-right: 5px;
}
p.attribution
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
}
#lgetxt
{
	float: right;
	width: 188px; 
	height: auto;
}
#widetxt
{
	width: 640px;
}
ul.secondimage
{
	margin-bottom: 10px;
	padding: 3px;
	width: inherit;
	text-align: left;
}
ul.secondimage li
{
	display: inline;
	line-height: 13px;
	padding-bottom: 3px;
}
ul.secondimage li a
{
	display: inline;
	padding-left: 20px;
	text-decoration: none;
	background-position: 0px 1px;
	background-repeat: no-repeat;
}
ul.secondimage li a,
a:link
a:visited
a:active
{
	color: #999;
	background-image: url(../i/str/si_01.jpg);
}
ul.secondimage li a:hover
{
	color: #fff;
	background-image: url(../i/str/si_02.jpg)
}
ul.secondimage#widedesc li a,
a:link
a:visited
a:active
{
	color: #999;
	background-image: url(../i/str/si_01wde.jpg);
}
ul.secondimage#widedesc li a:hover
{
	color: #fff;
	background-image: url(../i/str/si_02wde.jpg)
}
.leveller
{
	width: 760px;
	height: 40px;
}
#footer 
{
	position: relative;  /* Needed for Safari */
	text-align: center;
	background-image: url(../i/str/ftrbg07.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 99%;
	height: 35px;
}
#footer.clear, body#catalogue #footer
{
	clear: both;
}
/* -------------- CONTACT PAGE ------------------ */

#pageimage
{
	float: left;
	width: 260px;
	height: 260px;
	margin-left: 70px;
	clear: right;
}
body#contact #pageimage{margin-left: 0px;}
#pageimage IMG
{
	padding: 1px;
	border: 1px solid #555353;
}
#ctt
{
	float: right;
	width: 330px;
	margin-left: 00px;
	color: #fff;
	font-size: 12px;
	text-align: left;
}
/* one-off image for home page */
#ctt img#hometable{margin-top: 175px;}
.staff
{
	margin-bottom: 25px;
	color: #A3A4A6;
	color: #BABBBC;
}
ul#signatures
{
	font-weight: 600;
	font-size: 12px;
}
ul#signatures li
{
	display: inline;
	width: 150px;
}
ul#signatures li.tarquin
{
	float: left;
}
ul#signatures li.timothy
{
	float: right;
	text-align: right;
}
.tel
{
	font-size: 11px;
	color: #fff;
}
h5#address
{
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px;
}
h5#design
{
	margin-top: 80px;
	color: #7A7A7C;
}
h5#design a,
a:link
a:visited
a:active
{
	color: #7a7a7c;
	text-decoration: none;
	border-bottom: 1px solid #5E5F60;
}
h5#design a:hover
{
	color: #8A8A8C;
	text-decoration: none;
	border-bottom: 1px #7a7a7c;
}
#inx a,
#ctt a,
a:link
a:visited
a:active
{
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid gray;
}
#inx
{
	float: right;
	width: 380px;
	margin-left: 00px;
	color: #fff;
	font-size: 12px;
	text-align: left;
}
#inx a:hover,
#ctt a:hover
{
	border-bottom: 1px solid #fff;
}
#inx p
{
	margin-top: 0px;
	margin-bottom: 9px;
	font-size: 12px;
	text-align: justify;
}
#inx p:first-letter
{
	font-weight: 500;
	font-size: 13px;
}
.number
{
	font-size: 11px;
}
h4.human#signature
{
	margin-top: 20px;
}

#lgetext p {
	color: #fff;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 15px 0px;
	text-align: left;
}

#widetxt p {
	color: #fff;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 15px 0px;
	text-align: left;
}