html{ 
	height: 100% ; 
}
body{ 
	font-family: Arial, Helvetica, sans-serif ;
	background: url(../images/body_btm_bg.jpg) repeat-x bottom fixed ; 
	height: 100% ; 
}
#background{ 
	background: url(../images/body_top_bg.jpg) repeat-x top ; 
	height: 100% ; 
}
#container{
	width: 900px ; 
	padding: 0 10px ;
	margin: 0 auto ;
	background: url(../images/container_bg.png) repeat-y ;
	/*height: 100% ;*/
	overflow: hidden ;
}

/* header */
#header{
	padding: 0 20px ;
	overflow: hidden ;
	margin-bottom: 20px ;
}
#users-search{ 
	height: 30px ;
	border-bottom: 1px solid #ccc ; 
	overflow: hidden ; 
	background:url(../images/header_top_bg.jpg) repeat-x ;
	line-height: 30px ;
	font-size: 80% ;
	color: #666 ;
}
#users-search a{
	color: #666 ;
	text-decoration: none ; 
}
#users-search a.login{
	padding-left: 10px ;
}
#users-search a:hover{
	text-decoration: underline ;
}
#users-search #basket{ 
	padding-left: 23px ; 
	width: 383px ;
	display: block ;
	float: left ;
	background: url(../images/top_basket_bg.jpg) no-repeat 13px 0px ;
	font-size: 80% ;
	color: #000 ;
}
#users-search #basket #top-checkout-btn{
	background: url(../images/top_checkout_btn.jpg) no-repeat ;
	width: 131px ;
	height: 20px ;
	line-height: 0 ;
	display: block ;
	float: right ;
	margin: 4px 11px 0 0 ;
	text-indent: 9999px ;
}
#users-search #basket #view-basket{
	margin-right: 30px ;
	color: #000 ;
	font-weight: bold ;
}
#users-search #basket span, 
#users-search #basket a{
	color: #000 ;
	font-weight: bold ;
	text-decoration: none ;
}
#users-search #basket a:hover{
	text-decoration: underline ;
}
#users-search form button{
	border: 0 ;
	width: 19px ;
	height: 19px ;
	background: url(../images/go_btn.png) no-repeat ;
	text-indent: -9999px ;
	cursor: pointer ;
	padding-bottom: 5px ;
}
#users-search form label{
	padding-right: 5px ;
}
#users-search form #searchtop{
	width: 180px ; 
	border: 1px solid #ccc ;
	color: #666 ;
	font-size: 110% ;
	padding: 2px ;
}
#users-search p.user-basket{
	float: left ; 
	width: 210px ;
	font-size: 75% ;
	padding-left: 14px ;
}
#users-search p.user-basket strong{
	font-weight: bold ;
}
#users-search .search{
	float: left ; 
	font-size: 75% ;
	width: 220px ;
	text-align: left ;
	padding-left: 10px ;
}
#header h1{
	float: left ;
	width: 191px ;
	height: 214px ;
	background: url(../images/logo.jpg) no-repeat bottom ;
	margin-right: 59px ;
}
#header h1 a{
	display: block ;
	height: 214px ;
	text-indent: -9999px ;
}
#core-message{
	height: 92px ;
	width: 480px ;
	float: left ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	margin-top: 35px ;
	padding: 13px 0 ;
	margin-right: 30px ;
}
#core-message h2{
	font-size: 200% ;
	font-weight: bold ;
	line-height: 24px ;
	
}
#core-message h3{ 
	font-size: 90% ; 
	line-height: 15px ;  
	color: #870034 ;
}
#header-artist{
	margin-top: 35px ;
	float: left ;
	display: block ;
	width: 98px ; 
	height: 118px ; 
	overflow: hidden ;
	border: 1px solid #333 ;
}
#header-artist h3{
	font-size: 50% ; 
	line-height: 20px ;
	height: 20px ;
}
#header-artist h3 a{ 
	text-transform: uppercase ;
	color: #333 ;
	padding-left: 5px ;
	text-decoration: none ;
}
#header-artist img{
	display: block ;
	height: 98px ;
	background: #000 ;
}

/* top nav */
#top-nav{
	width: 610px ;
	float: left ;
	margin-top: 23px ;
	height: 47px ;
}
#top-nav li{
	display: inline ;
	line-height: 45px ;
}
#top-nav a{
	display: block ; 
	float: left ; 
	height: 45px ;
	line-height: 45px ;
	text-align: center ;
	background: url(../images/nav_seperator.jpg) no-repeat right  ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	text-decoration: none ;
	font-weight: bold ;
	color: #870034 ;
	font-size: 160% ;
}
#top-nav a.home{ width: 61px ; }
#top-nav a.about{ width: 68px ; }
#top-nav a.news{ width: 64px ; }
#top-nav a.events{ width: 75px ; }
#top-nav a.exhibitions{ width: 111px ; }
#top-nav a.shop{ width: 58px ;  }
#top-nav a.tour{ width: 96px ; padding-right: 50px ;}
#top-nav a.blog{ width: 57px ; padding-right: 25px ; background: none ; }
#top-nav a.artists{ width: 91px ; background:url(../images/artists_bg.jpg) no-repeat ; border: 0 ; height: 47px ; line-height: 47px ; color: #fff ; overflow: visible ; }

/* left navigation */
#left-nav{
	float: left ;
	display: inline ;
	width: 230px ;
	margin: 0 20px 40px 20px;
	overflow: show ;
}
#left-nav h2{
	height: 33px ;
	line-height: 33px ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	padding: 0 10px ;
	font-weight: bold ;
	background: url(../images/h2_bg.jpg) repeat-x ;
	color: #333 ;
}
#left-nav h2 a{
	color: #333 ;
	text-decoration: none ;
}
#left-nav h3{
	height: 27px ;
	line-height: 27px ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	font-weight: bold ;
	margin: 20px 10px 0 10px ;
	font-size: 90% ;
	color: #666 ;
}
#left-nav h3 a{
	color: #666 ;
	text-decoration: none ;
}
#left-nav h4{
	height: 27px ;
	line-height: 27px ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	font-weight: bold ;
	margin: 0 10px 5px 10px ;
	font-size: 90% ;
	color: #333 ;
}
#left-nav h4 a{
	text-decoration: none ;
	color: #333 ;
}
#left-nav h4 a.art-scheme{
	color: #000 ;	
}
/*
#left-nav ul{
	margin: 0 10px ;
}
#left-nav ul li{ 
	border-bottom: 1px solid #ccc ;
	line-height: 18px ;

}
#left-nav ul li a{
	text-decoration: none ;
	color: #666 ;
	background: url(../images/left_nav_bullit.jpg) no-repeat 4px 4px ;
	padding-left: 15px ;
	text-transform: uppercase ;
	font-size: 70% ;
}
#left-nav ul li:hover { position:relative; z-index: 999 ;}
#left-nav ul ul {
display:none;
position:absolute;
left:100px;
top:5px;
border: 1px solid #ccc ;
background: #fff ;
}
#left-nav ul ul ul {
display:none;
position:absolute;
left:100px;
top:5px;
border: 1px solid #ccc ;
background: #fff ;
}
#left-nav ul li:hover ul {display:block;  z-index: 999 ; }
#left-nav ul ul li {border:none; width:200px; float:left; display:inline;} 

#left-nav li:hover ul li ul{display:none;}
#left-nav ul ul li ul {left:100px; background-color:#fff;}
#left-nav ul ul li:hover ul {display:block;}
#left-nav ul ul li:hover ul ul {display:none;}
#left-nav ul ul ul li:hover ul {display:block;}
*/








#left-nav form{
	padding: 10px 0 10px 10px ;
	overflow: hidden ;
}
#left-nav form label{
	display: block ;
	font-size: 70% ;
	padding-bottom: 5px ;
	color: #666 ;
}
#left-nav #query{
	width: 176px ;
	font-size: 75% ;
	border: 1px solid #ccc ;
	color: #666 ;
	padding: 2px ;
}
#left-nav select{
	width: 182px ;
	padding: 2px ;
	margin: 2px 0 ;
	font-size: 75% ;
	border: 1px solid #ccc ;
	color: #666 ;
}
#left-nav button{
	border: 0 ;
	width: 19px ;
	height: 19px ;
	background: url(../images/go_btn.png) no-repeat ;
	text-indent: -9999px ;
	cursor: pointer ;
}

/* content  area */
#content{
	float: left ;
	width: 610px ; 
	overflow: hidden ;
}
#content-full{
	padding: 0 20px 20px 20px ; 
	overflow: hidden ;
}
#page{
	overflow: hidden ;
	margin-bottom: 15px ;
}

#banner {margin-bottom: 60px;}
    #banner a {display:block;height:155px;}
    .cta {border: 1px solid #ccc;}
        .cta h2 {height: 33px ;
	line-height: 33px ;
	border-bottom: 1px solid #a35271 ;
	color: #fff ;
	font-weight: bold ;
	padding-left: 10px ;
	background: #870034 ;
	font-size: 100% ;}

#ctas{
	overflow: hidden ;
	margin-bottom: 40px ;
}
#ctas .cta{
	float: left ;
	width: 188px ;
	height: 188px ;
	margin-right: 20px ;
	
}
#ctas .cta.last{
	margin-right: 0 ; 
}
#ctas .cta h2{
	
}
#ctas .cta h3{
	height: 39px ;
	line-height: 39px ;
	text-align: right ;
	background: #fff ;
	font-size: 75% ;
	background: url(../images/go_btn.png) no-repeat right ;
	margin-right: 5px ;
}
#ctas .cta h3 a{
	display: block ; 
	height: 39px ;
	padding-right: 25px ;
	text-decoration: none ;
	font-weight: bold ;
	color: #870034 ; 
}

/* opening times */
#opening-times{ height: 35px ; margin: -40px 20px 20px 20px ; background: url(../images/artsbank_times_winter.png) no-repeat ; }

/* footer */
#footer{
	height: 116px ;
	/*border-top: 1px solid #ccc ; */
	border-bottom: 1px solid #ccc ;
	clear: both ;
	margin: 0 20px ;
	padding: 0 0 24px 0 ;
}
#footer .tel{
	float: left ; 
	display: inline ;
	width: 230px ;
	height: 115px ;
	margin-right: 20px ;
	font-size: 230% ;
	font-weight: bold ;
	color: #870034 ;
	letter-spacing:1px;
	text-align: center ;
}
#footer .tel img{
	margin-bottom: 10px ;
}
#footer .info{
	float: left ; 
	display: inline ;
	width: 335px ;
	height: 115px ;
	padding-right: 10px ;
	font-size: 70% ;
	border-right: 1px solid #ccc ;
}
#footer .info h2{
	font-weight: bold ;
	color: #870034 ;
	line-height: 14px ;
}
#footer .info a{
	font-weight: bold ;
	color: #870034 ;
	font-size: 210% ;
	padding: 4px 0 ;
	border-top: 1px solid #870034 ;
	border-bottom: 1px solid #870034 ;
	display: block ;
	text-decoration: none ;
	margin-top: 8px ;
	text-align: center ;
	letter-spacing: 0 ;
}
#footer .info p{
	color: #870034 ;
	line-height: 12px ;
}
#footer .newsletter-cards{
	float: left ; 
	display: inline ;
	width: 254px ;
	height: 115px ;
	margin-left: 10px ;
	font-size: 70% ;
	overflow: visible ;
}
#footer .newsletter-cards form{
	margin-bottom: 5px ;
}
#footer .newsletter-cards form input{
	width: 220px ;
	margin: 1px 0 ;
	color: #999 ;
}
#footer .newsletter-cards form button{
	border: 0 ;
	width: 20px ;
	height: 20px ;
	background: url(../images/go_btn.png) no-repeat 1px 1px;
	text-indent: -9999px ;
	cursor: pointer ;
}
#footer .newsletter-cards p{
	color: #999 ;
	font-size: 90% ;
	line-height: 14px ;
}
#footer .newsletter-cards h3{
	border-top: 1px solid #ccc ;
	height: 46px ;
	background: url(../images/sagepay.jpg) no-repeat ;
	padding-top: 11px ;
	padding-left: 15px ;
	color: #870034 ;
	font-weight: bold ;
	font-size: 120% ;
}
#footer .newsletter-cards h2{
	color: #870034 ;
	font-weight: bold ;
	font-size: 120% ;
}

#social {
	border-bottom: 1px solid #ccc ;
	font-size: 70% ;
	margin: 0 20px ;
	overflow: hidden ;
	padding: 10px 20px ;
}
#social a{
	height: 25px ; 
	line-height: 25px ;
	display: block ;
	float: left ;
	text-decoration: none ;
	color:#999 ;
	width: 175px ;
	padding-left: 30px ;
}
#social a.twitter{ background: url(../images/twitter_icon.jpg) no-repeat 0 2px ; }
#social a.youtube{ background: url(../images/youtube_icon.jpg) no-repeat 0 2px ; margin-right: 20px ; }
#social a.flickr{ background: url(../images/flickr_icon.jpg) no-repeat 0 2px ; margin-right}
#social a.facebook{ background: url(../images/facebook_icon.jpg) no-repeat 0 2px ; width: 155px ; }

#social a:hover{
	text-decoration: underline ;
}

#footer-links{
	text-align: center ;
	height: 30px ;
	line-height: 30px ;
	list-style: disc ;
	font-size: 80% ;
}
#footer-links li{ 
	display: inline ; 
	font-size: 80% ; 
}
#footer-links li a{
	color: #ccc ; 
	text-decoration: none ;
	padding: 0 15px 0 10px ;
	background: url(../images/footer_links_bullit.jpg) no-repeat 0 3px ; 
}
#footer-links li a:hover{
	text-decoration: underline ;
	color: #999 ;
}
#sub-footer{
	background: #f2f2f2 ; 
	height: 30px ;
	line-height: 30px ;
	overflow: hidden ;
	font-size: 65% ;
}
#sub-footer .copyright{
	float: left ; 
	width: 400px ;
	padding-left: 20px ;
	color: #999 ;
}
#sub-footer .credits{
	float: left ; 
	width: 460px ;
	text-align: right ;
	color: #999 ;
}
#sub-footer .credits img{
	vertical-align: top ;
	padding-top: 4px ;
	margin-right: 5px ;
}

#title a{ color: #fff ; text-decoration: none ; }
h2.main-title a{ color: #fff ; text-decoration: none ; }

/* crumb trail */
#crumbs{ overflow: hidden ; margin-left: 15px ;font-size: 70% ; color: #999; height: 16px ; line-height: 16px ;}
#crumbs a{ color: #999; text-decoration: none ;  }
#crumbs a:hover{ color: #656565 ; text-decoration: underline ; }

/*misc */
p.inform{ margin-bottom: 20px ; font-size: 80% ; padding: 10px ; border: 1px solid #870034 ; text-align: center ;  background: #fff ;}
.clearer{ clear: both ; }