@charset "UTF-8";
html, body {
	height: 100%;
}
body {
	margin:0;
	font:100% "lucida grande", helvetica, arial, sans-serif;
	color: #000; 
	padding:0;
	background: #fff url("images/main-bg.gif") left top repeat-y;
}
body#home {
	background: #fff;
}
div#container{
	width: 940px;
	padding: 0;
	margin:0;
	text-align: left;
}

p, ul, ol {font-size: 70%; line-height: 1.5; margin:0; padding:0 0 15px 0;}
ul li, ol li { margin: 0 0 0 30px; }
img {border:none;}

a {color: #000; text-decoration: underline;}



/* layout -------------------------- */

div#logo {
	text-align: right;
	padding:10px 0 30px;
}

div#left_1 {
	width: 145px;
	position: fixed;
}
div#left_2 {
	float: left;
	width: 170px;
	margin:0 0 0 145px;
}
div#left_2 p {
	margin:0 15px;
	color:#fff;
}
div#left_2 a {
	color: #fff;
	text-decoration: underline;
}
div#content_main {
	float: left; 
	width: 595px;
	margin:0 0 0 30px;
}

div#content_half_left {
	float: left;
	width:275px;
	margin:20px 45px 0 0;
}
div#content_half_right {
	float: left;
	width:275px;
	margin:20px 0 0 0;
}

div.scrollbox {
	height: 150px;
	overflow: auto;
}




/* main nav -------------------------- */

div#left_1 ul {
	margin:0 15px 20px;
	padding:0;
	line-height: 1.2;
}
div#left_1 ul li {
	list-style: none;
	margin:0;
	padding:0 0 5px;
}
div#left_1 ul li.planning {
    margin-top: 20px;
}
div#left_1 ul li a {
	color: #fff;
	display: block;
	padding:2px;
	text-decoration: none;
}
div#left_1 ul li a:hover,
div#left_1 ul li.selected a {
	background: #000;
}





/* home -------------------------- */
/* CSS layout of homepage originates from Graphite Design */
#fp
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

#fp #logo
{
	position: absolute;
	top: 46%;
	left: 30%;
	margin-left: -130px;
}
#fp div#gals
{
	position: absolute;
	top: 0;
	right:0;
	width: 35%;
	height: 100%;
	background: #eee;
}

#fp div#gals #fplondon
{
	position: relative;
	height: 60%;
}

#fp div#gals #fpbath
{
	position: relative;
	height: 40%;
}


#fp #fpbath a, #fp #fplondon a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
}

#fp #fplondon a {
	background: #6f6f6d url('images/londonbg.gif') bottom left no-repeat;
}

#fp #fpbath a {
	background: #b4b4b4 url('images/bathbg.gif') top left no-repeat;

}

#fp #fplondon a:hover {
	background: #000 url('images/londonblk.gif') bottom left no-repeat;
}
	
#fp #fpbath a:hover {
	background: #000 url('images/bathblk.gif') top left no-repeat;
}



/* lists -------------------------- */

ul.category_filter {
	margin:0 0 20px;
	padding:0;
}
ul.category_filter li {
	list-style: none;
	display:inline;
	margin:0 20px 0 0;
	padding:0;
}
ul.category_filter li a {
	padding:2px 5px;
	text-decoration: underline;
}
ul.category_filter li.selected a {
	background: #888;
	color:#fff;
	text-decoration: none;
}

ul.artist_list {
	margin:0;
	padding:0;
	text-transform: uppercase;
}
ul.artist_list li {
	list-style: none;
	display: inline;
	float: left;
	width: 185px;
	margin:0 20px 10px 0;
	padding:0;
}
ul.artist_list li a {
	text-decoration: none;
}
ul.artist_list li a:hover {
	text-decoration: underline;
}

ul.artist_list li.last {
	margin-right:0;
}

ul.download {
	margin:0 0 20px 10px;
	padding:0;
}
ul.download li {
	list-style: none;
	margin:0;
	background: url("images/download-icon.gif") left center no-repeat;
	padding: 3px 0 3px 20px;
}

div.scrollbox ul {
	margin:0;
	padding:0;
	text-transform: uppercase;
}
div.scrollbox ul li {
	list-style: none;
	margin:0;
	padding:0 0 5px;
}
div.scrollbox ul li a {
	text-decoration: none;
}
div.scrollbox ul li a:hover {
	text-decoration: underline;
}
ul.artist_links {
	margin:0 15px;
}
ul.artist_links li {
	list-style: none;
	margin:0;
	padding:0 0 7px;
}





/* header */

div#page_header {
	background: #aaa;
	margin:0 0 20px;
}
div.page_header_img {
	float: left;
	width: 415px;
}
div.page_header_text {
	float: left;
	width: 180px;
	margin:0;
}
div.page_header_text p {
	padding:10px;
	color:#fff;
}


/* work lists */

div#list_artwork {
	margin: 20px 0;
}

div.work_item {
	float: left;
	margin:0 20px 20px 0;
}
div.work_item img {
	margin:0 0 10px;
}
div.work_item p.list_work_title {
	padding:0;
}
div.work_item p.list_work_description {
	color:#666;
}

div.size_0 {
	width: 80px;
}
div.size_1 {
	width: 140px;
}
div.size_2 {
	width: 175px;
}
div.size_3 {
	width: 250px;
}
div.size_4 {
	width: 325px;
}


/* slideshow */

div#slide_container {
	border-bottom: 3px solid #ccc;
	padding:0 0 20px;
	margin:10px 0 20px;
	width:595px;
	overflow: hidden;
}
div#slides {
	width: 9999999px;
}
div.slide_exhib {
	float: left;
	width:595px;
}

div#slide_arrows {
	width: 48px;
	position: absolute;
	margin:0 0 0 547px;
	background: #fff;
}
div.arrow {
	float: left;
	width: 22px;
	margin:0 0 0 2px;
}
div.arrow a {
	background: #aaa;
	height: 22px;
	width: 22px;
	display: block;
}
div.arrow a:hover {
	background: #888;
	text-decoration: none;
}



/* exbibition */

div#cur_exhib {
	border-bottom: 3px solid #ccc;
	padding:0 0 20px;
	margin:10px 0 20px;
}
div.cur_exhib_image {
	float: left;
	width: 200px;
	margin:0 30px 0 0;
}
div.cur_exhib_image img {
	margin:0 0 10px;
}
div.cur_exhib_text {
	float: left;
	width: 365px;
	margin:0;
}


div.forth_exhib {
	border-bottom: 1px solid #ccc;
	padding:0 0 10px;
	margin:10px 0 20px;
}
div.forth_exhib_image {
	float: left;
	width: 100px;
	margin:0 30px 0 0;
}
div.forth_exhib_text {
	float: left;
	width: 465px;
	margin:0;
}
div.slide_exhib h2 {
	margin-right: 50px;
}

div.cur_exhib_text h2 a,
div.slide_exhib h2 a {
	background: url("images/big-link-arrow.gif") 0 2px no-repeat;
	padding-left: 20px;
	display: block;
}

div.cur_exhib_text p,
div.forth_exhib_text p {
	padding:0;
}

div.cur_exhib_text p.date,
div.forth_exhib_text p.date {
	padding:0 0 5px;
	font-weight: bold;
}


/* calendar */

div.calendar_item {
	border-bottom: 1px solid #ccc;
	padding:0 0 10px;
	margin:10px 0 20px;
}
div.calendar_item_date {
	float: left;
	width: 70px;
	margin:0 30px 0 0;
	background: #aaa;
	text-align: center;
	color:#fff;
}
div.calendar_item_date p.month {
	padding:5px 0;
	text-transform: uppercase;
	line-height: 1;
	font-weight: bold;
}
div.calendar_item_date p.day {
	padding:0;
	font-weight: bold;
	font-size: 200%;
	text-transform: uppercase;
	line-height: 1;
} 
div.calendar_item_date p.year {
	padding:5px 0;
	line-height: 1;
} 

div.calendar_item_text {
	float: left;
	width: 495px;
	margin:0;
}





/* footer -------------------------- */

div#footer {
	text-align: right;
	margin:30px 0 20px 345px;
	padding:5px 0 0;
	/*border-top: 1px solid #ccc;*/
}
div#footer p {
	color:#999;
	padding:0;
}



/* Hs and Ps -------------------------- */
h1 {
	color: #666; 
	font-size: 100%;
	margin:0; 
	padding: 0 0 10px;
	line-height: 1.3;
}
h1#artwork_artist {
	padding:0 0 15px;
}

h2 {
	color: #666; 
	font-size: 90%;
	margin:0; 
	padding: 0 0 10px;
	line-height: 1.3;
}
div#cur_exhib h2, 
div.slide_exhib h2 {
	font-size: 100%;
}


h3 {
	color: #666; 
	font-size: 90%;
	margin:0; 
	padding: 0 0 5px;
	line-height: 1.3;
}
h3 span {
	font-size: 75%;
	font-weight: normal;
}


p.right {text-align:right;}
p.center {text-align:center;}
p.float_right {float:right; padding:10px;}

p.breadcrumb {
	padding:0 0 10px;
	margin:0 0 15px;
	border-bottom: 1px solid #ccc;
}

p.download,
div.cur_exhib_text p.download,
div.forth_exhib_text p.download {
	margin: 10px 0;
	background: url("images/download-icon.gif") left center no-repeat;
	padding-left: 20px;
}

div#left_2 p.download {
	margin:0 15px;
	background: url("images/download-icon-white.gif") 0 3px no-repeat;
	padding-left: 20px;
}

p#artwork_title {
	padding:0 0 5px;
}



/* images-------------------------- */

img.page_header_image {
	margin:0;
}

img.main_work_image {
	margin:0 0 20px;
}



/* clears -------------------------- */
div.clear_left {clear: left;line-height: 0.1; height: 1px;}
div.clear_left_twenty {clear: left;line-height: 0.1; height: 20px;}
div.clear_left_white {clear: left;line-height: 0.1; height: 1px; background: #fff;}
div.clear_right {clear: right;line-height: 0.1; height: 1px;}
div.clear_both {clear: both;line-height: 0.1; height: 1px;}



/* forms --------------------------------------- */