@charset "utf-8";
/* Main CSS Document */
body {
	line-height:1.2;
	background:url(images/bodybg.gif) repeat 0 0;
	padding:0;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#463b2e;
	text-align:center;
}
#wrapper {
	width:850px;
	margin:auto;
	text-align:left;
}
h1.logo, h1.logo a,h1.logo a em {
	width:824px;
	height:108px;
	position:relative;
	display:block;
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
}
h1.logo a em {
	position:absolute;
	top:0;
	left:0;
	background:url(images/logo.jpg) no-repeat 0 0;
}
#header {
	width:100%;
	background:url(images/headerbg.jpg) repeat-x 0 0;
	padding:60px 0 0;
}
#header-inner{
	width:850px;
	margin:auto;
	min-height:203px;
}
* html #header-inner{height:203px;}

/* navigation */
ul#nav{
	width:590px;
	margin:-4px 0 0 15px;
	clear:both;
	overflow:hidden;
	height:34px;
	line-height:34px;
	font-size:14px;
	color:#883b00;

}
ul#nav li{
	float:left;
	margin-right:25px;
	position:relative;
	font-weight:600;
	font-family:Verdana, "Times New Roman", Times, serif;
}
ul#nav li a,ul#nav li span{float:left;	position:relative;}
ul#nav li a,ul#nav li a:visited,ul#nav li span{color:#e1dcd1;}
ul#nav li em{
	color:#883b00;
	position:absolute;
	left:-1px;
	top:-1px;
	z-index:2;
	font-style:normal;
}
ul#nav li a:hover,ul#nav li span{
	text-decoration:none;
	background:url(images/arrow1.gif) no-repeat 50% 0;
}

/* main section */
h2,h2 em, h3, h3 em{
	margin:0 0 15px;
	width:481px;
	height:43px;
	overflow:hidden;
	position:relative;
	display:block;
}
h2 em,h3 em{
	position:absolute;
	left:0;
	top:0;
}
h2.welcome em{background:url(images/about.gif) no-repeat 0 0;}
h2.nutcombe em{background:url(images/visit-nutcombe.gif) no-repeat 0 0;}
h2.gallery em{background:url(images/gallery.gif) no-repeat 0 0;}
h2.exhibitions em{background:url(images/exhibitions.gif) no-repeat 0 0;}
.latest h2 em{background:url(images/latest.gif) no-repeat 0 0;}

h3,h3 em{
	width:304px;
	height:41px;
}
h3.lnews em{background:url(images/latest-contact.gif) no-repeat 0 0;}
h3.con em{background:url(images/latest-contact.gif) no-repeat 0 -41px;;}

#main {
	width:850px;
	clear:both;
}
#maincol {
	float:left;
	width:500px;	
	margin:0 0 0 13px;
	display:inline;
	padding:0 0 20px;
}
#home #maincol{padding:0}
.quote{
	width:473px;
	width:469px;
	border:2px solid #fcfbfa;
	background:url(images/quotebg.gif) repeat 0 0;
	font-size:24px;
	color:#463b2e;
	margin:0 0 19px 4px;
}
.quote p{
	padding:8px 5px;
	margin:0;
	line-height:1.3;
	text-align:center;
}
.intro p{
	color:#463b2e;
	margin:16px 0;	
	padding:0 6px 0 6px;
	font-size:14px;
}
p.mike{
	margin:0 0 6px 4px;
	background:#fff;
	width:471px;
	height:213px;
	padding:1px;
	position:relative;
}
p.mike img{
	margin:9px 0 0 8px;
	border:3px solid #d8cfcf;
}
p.mike span{
	position:absolute;
	right:-25px;
	top:-16px;
	width:116px;
	height:113px;
}
p.mike span b{
	display:block;
	width:116px;
	height:113px;
	background:url(images/new-site.png) no-repeat 0 0;
}
/* latest works */
.latest{
	clear:both;
	width:490px;
	margin:0 0 11px;
	padding:25px 0 1px;
}
p.line{
	width:470px;
	background:url(images/line.gif) repeat-x 0 0;
	height:2px;
	overflow:hidden;
	margin:0 0 0 6px;
}
.latest ul{
	width:100%;
	overflow:hidden;
	padding:0 0 3px;
	margin:0 0 0 4px;
}
.latest li{
	float:left;
	width:140px;
	margin:0 26px 0 0;
}
.latest li.last{margin:0;}
.latest li a{
	background:#fff;
	display:block;
	width:124px;
	height:124px;
	padding:8px;
	margin:0 0 7px;
}
.latest li a img{border:3px solid #d8cfcf}
.latest li span{
	display:block;
	width:127px;
	height:23px;
	line-height:23px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:auto;
	color:#cdc5b6;
	background:url(images/caption.gif) no-repeat 0 0;
}
.latest li span a{
	width:127px;
	height:23px;
	text-decoration:none;
	background:transparent;
	padding:0;
	margin:0;
	color:#cdc5b6!important;
}
.latest li span a:hover{text-decoration:underline;}
p.more{
	text-align:right;
	margin:0 0 5px;
	padding:0 3px 0 0;
}
.latest p.more{
	background:url(images/line.gif) no-repeat 50% 100%;
	padding:0 10px 3px 0;
}
p.more a,p.more a:visited{
	color:#834242;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#sidebar {
	width:305px;
	float:right;
	margin:0 5px 0 0;
	display:inline;
	padding:0 0 10px;
}
ul.sidenav{
	width:300px;
	margin:0 0 20px 2px;
	clear:both;
	overflow:hidden;
	padding:0 0 7px;
	background:url(images/line.gif) no-repeat 50% 100%;
}
ul.sidenav li,ul.sidenav li a{
	width:300px;
	line-height:48px;
	height:48px;
	float:left;
	clear:left;
	font-size:14px;
	color:#463b2e;
	background:url(images/buttons.jpg) no-repeat 0 0;
}
ul.sidenav li a,ul.sidenav li a:visited{
	color:#463b2e;
	padding:0 0 0 35px;
	width:265px;
}
ul.sidenav li span{color:#9c5656}
ul.sidenav li a:hover{
	background-position:0 -48px;
	text-decoration:none;
}
p.address{
	float:left;
	margin:0 13px 0 4px;
	display:inline;
	width:96px;
	padding:6px;
	background:#fff;
}
p.address img{border:2px solid #d8cfcf;}
.contact-me{
	width:100%;
	padding:0 0 7px;
	margin:0 0 35px;
	background:url(images/line.gif) no-repeat 50% 100%;
	overflow:hidden;
}
.address2{
	float:left;
	color:#463b2e;
	font-size:12px;
	line-height:1.3;
	margin-top:-2px;
	font-family:Arial, Helvetica, sans-serif;
}
address{
	font-style:normal;
	color:#463b2e;
	font-weight:normal;
}
address strong{color:#7d3d3d}
p.tel{margin:0;}
p.tel a,p.tel a:visited{
	display:block;
	color:#7d3d3d;
	margin:9px 0 0;
	padding:0 0 0 20px;
	background:url(images/tel.gif) no-repeat 0 0;
}
p.tel b{
	display:block;
	padding:2px 0 2px 20px;
	background:url(images/tel.gif) no-repeat 0 -15px;
	color:#463b2e;
	font-weight:normal;
}
p.tel span{color:#463b2e}
p.tel b span{color:#7d3d3d}

/* footer*/
#footer{
	clear:both;
	width:100%;
	background: url(images/footer-bg.jpg) repeat-x 0 0;
	padding:8px 0 10px;
	font-size:11px;
}
.finner{
	width:870px;
	height:146px;
	background: url(images/footer.jpg) repeat-x 50% 0;
	margin:auto;
	text-align:left;
	position:relative;
}
p.copy{
	position:absolute;
	left:440px;
	top:80px;
	color:#e7e1d3;
	font-size:11px;
	margin:0;
}
p.copy span{
	color:#d4bf94;
}
p.top{
	position:absolute;
	right:20px;
	top:-41px;
	z-index:99;
}
p.top a,p.top a:visited{
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#834242;
	font-family:Arial, Helvetica, sans-serif;
}

/* .... Visit nutcombe css ....*/
p.nut{
	margin:0 0 6px 4px;
	background:#fff;
	width:471px;
	padding:1px 1px 6px;
	position:relative;
	overflow:hidden;
}
p.nut a,p.nut a{float:left;}
p.nut img.img1{margin:5px 0 0 5px;}
p.nut img.img2{margin:5px 0 0 0;}
p.visit,p.visit a,
p.visit a:visited,p.visit a span{
	font-size:24px;
	color:#463b2e;
	text-decoration:none;
}
p.visit a span{color:#9c5656}
p.visit a:hover{color:#9c5656}
p.visit a:hover span{color:#463b2e;}

/*.... gallery page css ....*/
ul.gallery-images{
	width:500px;
	overflow:hidden;
	margin:0 0 10px;
}
ul.gallery-images li{
	float:left;
	width:147px;
	height:124px;
	overflow:hidden;
	margin:0 19px 15px 0;
	display:inline;
	background:url(images/holder.gif) no-repeat 0 0;
}
ul.gallery-images li a{
	float:left;
	margin:5px 0 0 8px;
	display:inline;
	text-decoration:none!important;
}

/*.... exhibition page css ....*/
ul.upcoming{
	width:474px;
	margin:15px 0 15px 6px;
	overflow:hidden;
}
ul.upcoming li{
	float:left;
	clear:left;
	width:474px;
	background:url(images/upcoming.gif) no-repeat 0 100%;
	padding: 0 0 9px;
	margin:0 0 3px;
}
.upinner{
	width:474px;
	min-height:76px;
	background:url(images/upcoming.gif) no-repeat 0 0;
	padding:9px 0 0;
	float:left;
	clear:left;
}
* html .upinner{height:76px}
p.upside{
	float:left;
	margin:0 26px 0 8px;
	display:inline;
}
.uptext{
	float:left;
	width:350px;
}
.uptext h3,.uptext h3 span{
	font-size:24px;
	color:#463b2e;
	text-decoration:none;
	padding:0;
	width:auto;
	height:auto;
	font-weight:normal;
}
.uptext h3{	margin:0 0 10px}
.uptext h3 span{color:#9c5656;display:inline}
.uptext p{
	margin:0;
	fon t-size:14px;
	color:#463b2e;
}






