/***** BATH FINE ART WEBSITE CSS - moresoda.co.uk *****/

/***** wrapper *****/
 
#wrapper {
	width:960px;
	margin:0 auto;
	color:#191d22;
}

#header {
	position:relative;
	width:960px;
	height:143px;
}
#header #logo {
	position:absolute;
	top:36px;
	left:0px;
}
#header #tagline {
	position:absolute;
	right:0px;
	top: 32px;
	text-align: right;
	width: 239px;
	height: 50px;
}

#header a {
text-decoration:none;
font-weight:normal;
}

#header #nav {
	position:absolute;
	left:0px;
	height:32px;
	width: 960px;
	color:#fff;
	top: 109px;
}

#nav a, #nav a:visited {
	text-decoration:none;
	color:#fff;
	display:block;
	padding: 0 15px 0 15px;
	font-size:140%;
	float: left;
	margin: 7px 0 0 3px;
}

#wrapper #header #nav .active {
	color:#9a7822;
}

#wrapper #header #nav a:hover {
	color:#9a7822;
}

#wrapper #content-left #sub-nav {
	padding:0 0 30px 0;
	font-size:110%;
	line-height:150%;
}

#wrapper #content-left #sub-nav a, #wrapper #content-left #sub-nav a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#191d22;
}

#wrapper #content-left #sub-nav a:hover {
	color:#9a7822;
}

#wrapper #content #content-left #sub-nav .active {
	color:#9a7822;
}



/***** grid *****/
#content {
	width:942px;
	padding:33px 0 0 18px;
	font-size: 120%;
}

#content #content-left {
	float:left;
	width:348px;
}

#content #content-right {
	float:right;
	width:533px;
	margin: 0;
	padding: 0 0 30px 0;
}

#home-gallery{
	padding: 7px;
	border: solid #fff 1px;
	width: 517px;
	height: 370px;
	margin: 0 0 45px 0;
}

.news-pic{
	padding: 7px;
	border: solid #fff 1px;
	width: 517px;
	height: 370px;
	margin: 0 0 51px 0;
}

.news-preview{
	width:348px;
	float: left;
}

#work{
	width:517px;
	height:517px;
	border: solid #fff 1px;
	padding:7px;
	margin: 0 0 4px 0;
}

#work-exhibition{
	width:517px;
	height:517px;
	border: solid #fff 1px;
	padding:7px;
	margin: 0 0 40px 0;
}

#details{
	width:340px;
	height:115px;
	float: left;
}

#enquire{
	float:right;
	width:175px;
	text-align: right;
}


/***** footer *****/
#footer{
	border-top: solid #9a7822 1px;
	padding: 10px 0;
	height: 15px;
	text-align:right;
	font-size:100%;
}


/***** classes *****/
.thumb-row{
	clear:both;
	height: 208px;
}

.thumb-link{
width:163px;
height:208px;
float:left;
margin: 0 22px 0 0;
background:url(../img/frame-small.gif) top left no-repeat;
position:relative;
}

.thumb-link-last{
width:163px;
height:208px;
float:right;
background:url(../img/frame-small.gif) top left no-repeat;
position:relative;
}

.thumb-link img, .thumb-link-last img{
margin: 0 0 4px 0;
padding:8px;
}

.thumb-name{
	position:absolute;
	top:167px;
	margin: 0;
	padding: 0;
	left: 0px;
}

.thumb-home{
	width:163px;
	height:163px;
	float:left;
	margin: 0 22px 20px 0;
	background:url(../img/frame-small.gif) top left no-repeat;
	position:relative;
}

.thumb-home-last{
width:163px;
height:163px;
float:right;
background:url(../img/frame-small.gif) top left no-repeat;
position:relative;
}

.thumb-home img, .thumb-home-last img{
margin: 0 0 4px 0;
padding:8px;
}

.home-event{
	padding:5px 0 20px 0;
	line-height: 180%;
}

.news-link {
padding: 0 0 30px 0;
/*margin: 0 0 15px 0;
border-bottom: solid #fff 1px;*/
}

.back-link {
padding: 30px 0 0 0;
/*margin: 0 0 15px 0;
border-bottom: solid #fff 1px;*/
}


.item{
	margin:0 0 30px 0;
}

.highlight{
color: #9a7822;
}

.lowlight{
color: #191d22;
}

.title {
	font-size: 120%;
	line-height: 120%;
}

.date{
font-size:80%;
color:#666666;
}