/* layout.css - first contemporary website */

/* Normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0; }
	
/* Normalises font-size for headings */
h1, h2, h3, h4, h5, h6 {
	font-size: 1em; }
	
/* Removes list-style from lists */
ol, ul {
	list-style: none; }
	
/* Normalises font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; font-weight: normal; }
	
/* Removes list-style from lists */
table {
	border-collapse: collapse; border-spacing: 0; }
	
/* Removes border from fieldset and img */
fieldset, img {
	border: 0; }
	
/* Left-aligns text in caption and th */
caption, th {
	text-align: left; }
	
/* Removes quotation marks from q */
q:before, q:after {
	content: ''; }

	/*
----------------------------------------------------------------------
GLOBAL ELEMENTS
---------------------------------------------------------------------- 
*/	
	
*	{
	margin: 0;
	padding: 0;
	}
	
body {
	position: relative;
	width: 900px;
	margin: 15px auto;
	font: .8em/1.6em 'Lucida Grande', 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #717E7B;
	}
	
img {
	border: 0;
	}
	
	
	/*
---------------------------------------------------------------------
HEADINGS PARAS AND LISTS
---------------------------------------------------------------------
*/
	
h1 {
	overflow: hidden;
	text-indent: -100000em;
	}
	
h2 {
	letter-spacing: .25em;
	font-weight: 500;
	font-size: 1.3em;
	}
	
h3 {
	font-weight: 200;
	font-size: 2.5em;
	color: #717E7B;
	}

a {
	color: #94A4A4;
	text-decoration: none;
	font-size: 1.1em;
	}
	
a:hover {
	color: #717E7B;
	}

ul li a:link {
	color: #94A4A4;
	text-decoration: none;
	font-size: 1.1em;
	}
	
ul li a:hover {
	color: #717E7B;
	text-transform: uppercase;
	font-weight: 900;
	}
	
/*
---------------------------------------------------------------------
HIGHLIGHTS THE CURRENT PAGE
---------------------------------------------------------------------
*/

#home #navigation .home a, #artists #navigation .artists a, #about #navigation .about a, #exhibitions #navigation .exhibitions a, #contact #navigation .contact a, #news #navigation .news a, #purchase #navigation .purchase a {
	color: #717E7B;
	text-transform: uppercase;
	font-weight: 900;
	cursor: default;
	} 
	
	/*
---------------------------------------------------------------------
PAGE DIVISIONS
---------------------------------------------------------------------
*/

div#wrapper {
	postion: relative;
	width: 925px;
	height: auto;
	background-color: #fff;
	}
	
div#branding {
	float: left;
	width: 450px;
	height: 100px;
	}

div#subheading {
	float: left;
	width: 450px;
	height: 114px;
	text-align: right;
	}
	
div#subheading li {
	display: inline;
	padding: 0 5px 0 8px;
	}

div#subheading h2 {
	text-align: right;
	margin-top: 2px;
	}
	
div#subheading h3 {
	text-align: right;
	margin: 50px 8px 0 0 ;
	}
	
div#innerwrapper {
	clear: both;
	position: relative;
	width: 925px;
	height: auto;
	margin-top: 20px;
	padding-bottom: 20px;
	}
	
div#navigation {
	float: left;
	width: 200px;
	padding: 20px 0 0 0;
	}

div#navigation li {	
	padding: 5px 5px 5px 5px;
	text-align: center;
	border-top: 1px solid #DEE1E0;
	}
	
div#navigation li#bottom {
	border-bottom: 1px solid #DEE1E0;
	}
	
div#content {
	float: left;
	width: 700px;
	padding: 20px 0 0 0;
	}
	
div#content p {
	clear: both;
	width: 660px;
	margin: 10px 0 0 30px;
	}
	
div#content p#firstpara {
	padding-top: 10px;
	}

div#content p#lastpara {
	margin-bottom: 15px;
	}
	
div#content p#firstlastpara {
	padding-top: 10px;
	padding-bottom: 15px;
	}

div#content ul {
	float: left;
	margin-left: 30px;
	width: 200px;
	margin-bottom: 15px;
	}
	
div#content ul li a:hover {
	text-transform: none;
	color: #717E7B;
	}
	
div#content li {
	text-align: center;
	font-size: .9em;
	line-height: 1.3em;
	}
	
div#content li {
	text-align: center;
	font-size: .9em;
	line-height: 1.3em;
	}
	
div#content ul#contact li {
	width: 500px;
	text-align: left;
	list-style: none;
	font-size: 1em;
	line-height: 1.6em;
	padding: 2px 0 0 0;
	}
	
div#content li#title {
	padding-top: 4px;
	font-size: .9em;
	font-weight: 700;
	}
	
div#content li#underbox {
	padding-top: 4px;
	}
	
div#contentimage {
	float: left;
	width: 500px;
	margin: 20px 0 0 30px;
	}
	
div#contentinner {
	float: left;
	width: 165px;
	margin: 20px 0 0 30px;
	}
	
div#contentinner a, div#content a {
	font-size: 1em;
	text-decoration: underline;
	}
	
div#contentinner ul#title {
	margin: 200px 0 0 0;
	text-align: left;
	font-size: .9em;
	line-height: 1.4em;
	}
	
div#contentinner ul#thumbsandy li a {
	text-decoration: none;
	text-transform: none;
	font-size: 1.1em;
	line-height: 1.2em;
	}
	
div#exhibitions {
	position: absolute;
	width: 700px;
	margin: 220px 0 0 230px;
	}
	
div#exhibitions ul#title {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.6em;
	}
	
div#exhibitions ul li {
	text-align: left;
	font-size: 1em;
	line-height: 1.6em;
	}
	
div#exhibitions li#bold {
	font-weight: 700;
	font-size: 1.05em;
	padding-top: 8px;
	}
	
div#exhibitions ul li#artfair {
	font-weight: 700;
	font-size: 1.1em;
	}
	
div#exhibitions ul li#artfair a {
	text-decoration: underline;
	}
	
div#exhibitions ul li#artfair a:hover {
	color: #717E7B;
	text-transform: none;
	}

div#exhibitions li.secondartfair {
	padding-top: 10px;
	}
	
li#bold {
	font-weight: 700;
	}
	
div#contentimage li {
	text-align: center;
	}

li#image {
	height: 165px;
	padding-top: 15px;
	border: 1px solid #DEE1E0;
	}
	
li#largeimage {
	position: relative;
	height: 460px;
	width: 500px;
	padding-top: 15px;
	border: 1px solid #DEE1E0;
	}
	
div#contentinner ul#back li a {
	padding: 0 0 0 10px;
	width: 300px;
	text-decoration: none;
	text-transform: none;
	font-size: 1em;
	}
	
 ul#description {
		position: absolute;
		display: block;
		width: 180px;
		height: 180px;
		margin: 50px 0 0 10px;
		font-size: 1em;
		line-height: 1.5em;
		text-decoration: none;
	}
	
 ul#descriptiontwelve {
		position: absolute;
		display: block;
		width: 180px;
		height: 180px;
		margin: 10px 0 0 10px;
		font-size: 1em;
		line-height: 1.5em;
		text-decoration: none;
	}
	
ul#thumbs {
		list-style: none;
	}
	
ul#thumbs li {
		float: left;
	}
	
ul#thumbs li a {
		width: 45px;
		height: 45px;
		display: block;
		padding: 5px;
		border: 1px solid #DEE1E0;
		margin: 0 0 10px 10px ;
	}
	
	
ul#thumbs li#picblank a {
	background: #fff center no-repeat;
	border: 1px solid #fff;
	}
	
.underhead {
	margin-bottom: 5px;
	}
	
ul#nextshow li {	
	padding: 0px 0px 2px 0px;
	text-align: center;
	border: 0px;
	line-height: 1.4em;
	}

ul#nextshow li a {	
	text-decoration: underline;
	text-transform: none;
	}
	
#break {
	margin-top: 20px;
	}
	
div#navigation li#headbold {
	margin-top: 10px;
	font-weight: 700;
	border-top: none;
	}
	
.small {
	font-size: 0.8px;
}
	
				/*
----------------------------------------------------------------------
GALLERY THUMBS ANDY
---------------------------------------------------------------------- 
*/

li#pic1andy a {
	background: url(../andrew/andrew_hood_thumbsm/high_street_thmbsm.jpg) center no-repeat;
	}
	
li#pic2andy a {
	background: url(../andrew/andrew_hood_thumbsm/morning_marrakech_thmbsm.jpg) center no-repeat;
	}
		
li#pic3andy a {
	background: url(../andrew/andrew_hood_thumbsm/corn_street_thmbsm.jpg) center no-repeat;
	}
	
li#pic4andy a {
	background: url(../andrew/andrew_hood_thumbsm/figures_calvi_thmbsm.jpg) center no-repeat;
	}
	
li#pic5andy a {
	background: url(../andrew/andrew_hood_thumbsm/road_side_thmbsm.jpg) center no-repeat;
	}
	
li#pic6andy a {
	background: url(../andrew/andrew_hood_thumbsm/west_souk_thmbsm.jpg) center no-repeat;
	}
li#pic7andy a {
	background: url(../andrew/andrew_hood_thumbsm/bristol_centre_4pm_thmbsm.jpg) center no-repeat;
	}
	
li#pic8andy a {
	background: url(../andrew/andrew_hood_thumbsm/bristol_centre_thmbsm.jpg) center no-repeat;
	}
		
li#pic9andy a {
	background: url(../andrew/andrew_hood_thumbsm/edge_of_the_medina_thmbsm.jpg) center no-repeat;
	}

	
				/*
----------------------------------------------------------------------
GALLERY THUMBS ELAINE
---------------------------------------------------------------------- 
*/
	
li#pic1elaine a {
	background: url(../elaine/elaine_jones_thumbsm/blue_wave_thmbsm.jpg) center no-repeat;
	}
	
li#pic2elaine a {
	background: url(../elaine/elaine_jones_thumbsm/descent_thmbsm.jpg) center no-repeat;
	}
		
li#pic3elaine a {
	background: url(../elaine/elaine_jones_thumbsm/rainforest_green_thmbsm.jpg) center no-repeat;
	}
	
li#pic4elaine a {
	background: url(../elaine/elaine_jones_thumbsm/pink_horizon_thmbsm.jpg) center no-repeat;
	}
	
li#pic5elaine a {
	background: url(../elaine/elaine_jones_thumbsm/island_at_dusk_thmbsm.jpg) center no-repeat;
	}
	
li#pic6elaine a {
	background: url(../elaine/elaine_jones_thumbsm/pink_sky_dusk_thmbsm.jpg) center no-repeat;
	}
	
	
	
					/*
----------------------------------------------------------------------
GALLERY THUMBS CATHERINE
---------------------------------------------------------------------- 
*/
	
li#pic1catherine a {
	background: url(../catherine/cath_monmarson_thumbsm/figure_stretching_thmbsm.jpg) center no-repeat;
	}
	
li#pic2catherine a {
	background: url(../catherine/cath_monmarson_thumbsm/figure_in_repose_thmbsm.jpg) center no-repeat;
	}
		
li#pic3catherine a {
	background: url(../catherine/cath_monmarson_thumbsm/figure_in_repose_I_thmbsm.jpg) center no-repeat;
	}
	
li#pic4catherine a {
	background: url(../catherine/cath_monmarson_thumbsm/figure_in_abstraction_thmbsm.jpg) center no-repeat;
	}
	
li#pic5catherine a {
	background: url(../catherine/cath_monmarson_thumbsm/figure_with_blue_thmbsm.jpg) center no-repeat;
	}
	
li#pic6catherine a {
	background: url(../catherine/cath_monmarson_thumbsm/two_figures_thmbsm.jpg) center no-repeat;
	}
	
	

			/*
----------------------------------------------------------------------
GALLERY THUMBS JUDE
---------------------------------------------------------------------- 
*/
	
li#pic1jude a {
	background: url(../jude/jude_hart_thumbsm/following_the_aftermath_thmbsm.jpg) center no-repeat;
	}
	
li#pic2jude a {
	background: url(../jude/jude_hart_thumbsm/what_lies_in_a_curve_thmbsm.jpg) center no-repeat;
	}
		
li#pic3jude a {
	background: url(../jude/jude_hart_thumbsm/red_with_black_line_thmbsm.jpg) center no-repeat;
	}
li#pic4jude a {
	background: url(../jude/jude_hart_thumbsm/aftermath_one_thmbsm.jpg) center no-repeat;
	}
	
li#pic5jude a {
	background: url(../jude/jude_hart_thumbsm/aftermath_two_thmbsm.jpg) center no-repeat;
	}
		
li#pic6jude a {
	background: url(../jude/jude_hart_thumbsm/aftermath_three_thmbsm.jpg) center no-repeat;
	}
	
li#pic7jude a {
	background: url(../jude/jude_hart_thumbsm/aftermath_four_thmbsm.jpg) center no-repeat;
	}
	
li#pic8jude a {
	background: url(../jude/jude_hart_thumbsm/aftermath_five_thmbsm.jpg) center no-repeat;
	}
	
li#pic9jude a {
	background: url(../jude/jude_hart_thumbsm/aftermath_six_thmbsm.jpg) center no-repeat;
	}


			/*
----------------------------------------------------------------------
GALLERY THUMBS LOUISE
---------------------------------------------------------------------- 
*/
	
li#pic1louise a {
	background: url(../louise/louise_balaam_thumbsm/burnt_sienna_sky_thmbsm.jpg) center no-repeat;
	}
	
li#pic2louise a {
	background: url(../louise/louise_balaam_thumbsm/darkheadland_highblue_thmbsm.jpg) center no-repeat;
	}
		
li#pic3louise a {
	background: url(../louise/louise_balaam_thumbsm/coast_turquoise_ochre_thmbsm.jpg) center no-repeat;
	}
	
li#pic4louise a {
	background: url(../louise/louise_balaam_thumbsm/highclouds_lushgrass_thmbsm.jpg) center no-repeat;
	}
	
li#pic5louise a {
	background: url(../louise/louise_balaam_thumbsm/pale_gold_light_thmbsm.jpg) center no-repeat;
	}
	
li#pic6louise a {
	background: url(../louise/louise_balaam_thumbsm/burntumber_ground_thmbsm.jpg) center no-repeat;
	}


			/*
----------------------------------------------------------------------
GALLERY THUMBS MAURICE
---------------------------------------------------------------------- 
*/
	
li#pic1maurice a {
	background: url(../maurice/maurice_tan_thumbsm/brooklyn_thmbsm.jpg) center no-repeat;
	}
	
li#pic2maurice a {
	background: url(../maurice/maurice_tan_thumbsm/untitled_thmbsm.jpg) center no-repeat;
	}
	
li#pic3maurice a {
	background: url(../maurice/maurice_tan_thumbsm/5th_avenue_thmbsm.jpg) center no-repeat;
	}
	
	
		/*
----------------------------------------------------------------------
GALLERY THUMBS PHILIP
---------------------------------------------------------------------- 
*/
	
li#pic1philip a {
	background: url(../philip/philip_munoz_thumbsm/bathers_thmbsm.jpg) center no-repeat;
	}
	
li#pic2philip a {
	background: url(../philip/philip_munoz_thumbsm/head_I_thmbsm.jpg) center no-repeat;
	}
		
li#pic3philip a {
	background: url(../philip/philip_munoz_thumbsm/head_II_thmbsm.jpg) center no-repeat;
	}
	
	
	/*
----------------------------------------------------------------------
GALLERY THUMBS STEPHEN
---------------------------------------------------------------------- 
*/
	
li#pic1stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/dugeness_thmbsm.jpg) center no-repeat;
	}
	
li#pic2stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/greenwich_park_thmbsm.jpg) center no-repeat;
	}
		
li#pic3stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/ploughed_fields_thmbsm.jpg) center no-repeat;
	}
	
li#pic4stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/riverside_thmbsm.jpg) center no-repeat;
	}
	
li#pic5stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/summer_fields_thmbsm.jpg) center no-repeat;
	}
	
li#pic6stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/summer_path_thmbsm.jpg) center no-repeat;
	}
	
li#pic7stephen a {
	background: url(../stephen/stephen_palmer_thumbsm/summer_path_II_thmbsm.jpg) center no-repeat;
	}
	
	
/*
----------------------------------------------------------------------
GALLERY THUMBS VERA
---------------------------------------------------------------------- 
*/
	
li#pic1vera a {
	background: url(../vera/vera_boele_thumbsm/blue_landscape_thmbsm.jpg) center no-repeat;
	}
	
li#pic2vera a {
	background: url(../vera/vera_boele_thumbsm/swan_song_thmbsm.jpg) center no-repeat;
	}
		
li#pic3vera a {
	background: url(../vera/vera_boele_thumbsm/white_field_thmbsm.jpg) center no-repeat;
	}
	
li#pic4vera a {
	background: url(../vera/vera_boele_thumbsm/red_field_thmbsm.jpg) center no-repeat;
	}
	
li#pic5vera a {
	background: url(../vera/vera_boele_thumbsm/resting_thmbsm.jpg) center no-repeat;
	}
	
li#pic6vera a {
	background: url(../vera/vera_boele_thumbsm/forest_dusk_thmbsm.jpg) center no-repeat;
	}
	

/*
----------------------------------------------------------------------
GALLERY THUMBS JO
---------------------------------------------------------------------- 
*/
	
li#pic1jo a {
	background: url(../jo/jo_berry_thumbsm/fisherman_II_thmbsm.jpg) center no-repeat;
	}

li#pic2jo a {
	background: url(../jo/jo_berry_thumbsm/newport_bridge_thmbsm.jpg) center no-repeat;
	}

li#pic3jo a {
	background: url(../jo/jo_berry_thumbsm/beast_thmbsm.jpg) center no-repeat;
	}
	
li#pic4jo a {
	background: url(../jo/jo_berry_thumbsm/crash_thmbsm.jpg) center no-repeat;
	}
		
li#pic5jo a {
	background: url(../jo/jo_berry_thumbsm/fisherman_thmbsm.jpg) center no-repeat;
	}
	
li#pic6jo a {
	background: url(../jo/jo_berry_thumbsm/lung_thmbsm.jpg) center no-repeat;
	}
	
li#pic7jo a {
	background: url(../jo/jo_berry_thumbsm/meeting_sept_thmbsm.jpg) center no-repeat;
	}
	
li#pic8jo a {
	background: url(../jo/jo_berry_thumbsm/meeting_thmbsm.jpg) center no-repeat;
	}
	
li#pic9jo a {
	background: url(../jo/jo_berry_thumbsm/organic_form_thmbsm.jpg) center no-repeat;
	}