/* layout.css - andrew hood gallery 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: 940px;
	margin: 0 auto;
	font: .8em/1.6em 'Lucida Grande', 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #717E7B;
	background-color: #fff;
	}
	
 
img {
	border: 0;
	}
	
	
	/*
---------------------------------------------------------------------
HEADINGS PARAS AND LISTS
---------------------------------------------------------------------
*/
	
h1 {
	overflow: hidden;
	text-indent: -100000em;
	}
	
h2 {
	font-weight: 500;
	font-size: 1em;
	}
	
h3 {
	font-weight: 200;
	font-size: 2em;
	color: #717E7B;
	}

a {
	color: #94A4A4;
	text-decoration: none;
	font-size: 1em;
	}
	
a:hover {
	color: #535a58;
	}

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

#home #navigation .home a, #artist #navigation .artist a, #gallery1 #navigation .gallery1 a, #exhibitions #navigation .exhibitions a, #contact #navigation .contact a, #gallery2 #navigation .gallery2 a, #purchase #navigation .purchase a, #sketchbook #navigation .sketchbook a {
	color: #535a58;
	cursor: default;
	} 
	
	/*
---------------------------------------------------------------------
WRAPPER
---------------------------------------------------------------------
*/

div#wrapper {
	width: 940px;
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
			/*
----------------------------------------------------------------------
BRANDING
---------------------------------------------------------------------- 
*/
	
	
div#masthead {
	width: 940px;
	height: 120px;
	background: transparent url(../images/andrewhoodgrey.gif) no-repeat;
	}
	
div#sub_heading {
	margin: 62px 0 0 420px;
	width: 475px;
	color: #fff;
	}
	
	/*
---------------------------------------------------------------------
PAGE DIVISIONS
---------------------------------------------------------------------
*/

div#content_wrapper {
	width: 938px;
	height: 710px;
	padding-bottom: 20px;
	border-left: 1px solid #E0E5E5;
	border-right: 1px solid #E0E5E5;
	border-bottom: 1px solid #E0E5E5;
	}
	
div#navigation {
	float: left;
	width: 938px;
	padding: 0;
	}
	
div#navigation li {	
	display: block;
	float: left;
	margin-top: -15px;
	padding: 10px 32px 8px 32px;
	text-align: center;
	border-right: 1px solid #E0E5E5;
	border-bottom: 1px solid #E0E5E5;
	}
	
div#navigation li#bottom {
	border-right: none;
	}
	
div#navigation li#sketch {
	margin-top: 8px;
	border-top: 0px;
	}
	
div#showbox {
	float: left;
	width: 200px;
	padding: 30px 20px 0 35px;
	}
	
div#showbox ul#nextshow li {	
	padding: 0px 0px 2px 0px;
	text-align: center;
	border: 0px;
	line-height: 1.4em;
	}
	
div#showbox ul#nextshow li a {
	text-decoration: underline;
	}
	
div#content {
	float: left;
	width: 680px;
	padding: 30px 0 0 0;
	}
	
div#content p {
	clear: both;
	width: 640px;
	margin: 10px 0 0 20px;
	font-size: .9em;
	line-height: 1.5em;
	}
	
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: 20px;
	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.2em;
	}
	
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#contentimage {
	float: left;
	width: 485px;
	}
	
div#contentinner {
	float: left;
	width: 140px;
	margin: 0 0 0 10px;
	}
	
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#thumbs li a {
	text-decoration: none;
	text-transform: none;
	font-size: 1.1em;
	line-height: 1.2em;
	}
	
div#exhibitions {
	postion: absolute;
	float: left;
	width: 400px;
	margin: 0 0 0 20px;
	}
	
div#exhibitionscolumn {
	float: left;
	width: 330px;
	margin: -263px 0 0 330px;
	}
	
div#exhibitions ul#title {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.6em;
	}
	
div#exhibitions ul li {
	text-align: left;
	font-size: .9em;
	line-height: 1.5em;
	}
	
div#exhibitions li#bold {
	font-weight: 700;
	font-size: 1em;
	padding-top: 8px;
	}
	
div#exhibitions ul li#artfair {
	padding-top: 10px;
	font-weight: 700;
	font-size: 1em;
	}
	
div#exhibitions ul li#artfair a {
	text-decoration: underline;
	}
	
div#exhibitions ul li#artfair a:hover {
	color: #717E7B;
	text-transform: none;
	}

.secondartfair {
	padding-top: -10px;
	}
	
li#bold {
	font-weight: 700;
	}
	
li#largebold {
	font-weight: 700;
	font-size: 1.1em;
	}
	
	
li#headbold {
	font-weight: 700;
	font-size: 1.3em;
	}
	
li#headbigger {
	font-weight: 700;
	font-size: 1.7em;
	line-height: 1.2;
	color: #94A4A4;
	}
	
.break {
	margin-top: 15px;
	}
	
.under {
	margin-top: -15px;
	}
	
.underhead {
	margin-bottom: 5px;
	}
	
.presented li {
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 2em;
	}
	
li#last {
	margin-bottom: 25px;
	}
	
div#contentimage li {
	text-align: center;
	}

li#image {
	height: 165px;
	padding-top: 15px;
	border: 1px solid #DEE1E0;
	}
	
li#largeimage {
	position: relative;
	height: 460px;
	width: 470px;
	padding-top: 15px;
	border: 1px solid #DEE1E0;
	}
	
li#imagenav {
	height: 95px;
	padding-top: 15px;
	border-top: 1px solid #DEE1E0;
	border-left: 1px solid #DEE1E0;
	border-right: 1px solid #DEE1E0;
	}
	
li#imagenav img {
	padding: 5px;
	}
	
li#sold {
	color: #f26522;
	}
	
div#contentinner ul#back li a {
	width: 300px;
	text-decoration: none;
	text-transform: none;
	font-size: 1em;
	}
	
ul#back li {
	text-align: left;
	margin: 0 0 0 10px;
	}
	
ul#description {
		display: block;
		width: 180px;
		margin: 50px 0 0 0;
		font-size: 1em;
		line-height: 1.6em;
		text-decoration: none;
	}	
	
ul#description li {
		text-align: left;
		margin: 0 0 0 10px;
	}
	
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;
	}
	
				/*
----------------------------------------------------------------------
GALLERY THUMBS GALLERY 1
---------------------------------------------------------------------- 
*/

li#pic1gal1 a {
	background: url(../images/gallery1_thmbsm/figures_calvi_thmbsm.jpg) center no-repeat;
	}
	
li#pic2gal1 a {
	background: url(../images/gallery1_thmbsm/red_and_blue_buildings_thmbsm.jpg) center no-repeat;
	}
		
li#pic3gal1 a {
	background: url(../images/gallery1_thmbsm/west_souk_thmbsm.jpg) center no-repeat;
	}
	
li#pic4gal1 a {
	background: url(../images/gallery1_thmbsm/boulevard_II_thmbsm.jpg) center no-repeat;
	}
	
li#pic5gal1 a {
	background: url(../images/gallery1_thmbsm/suburbs_nice_thmbsm.jpg) center no-repeat;
	}
	
li#pic6gal1 a {
	background: url(../images/gallery1_thmbsm/quayside_figures_thmbsm.jpg) center no-repeat;
	}


/*
----------------------------------------------------------------------
GALLERY THUMBS GALLERY 2
---------------------------------------------------------------------- 
*/

li#pic1gal2 a {
	background: url(../images/gallery2_thmbsm/corner_aston_quay_thmbsm.jpg) center no-repeat;
	}
	
li#pic2gal2 a {
	background: url(../images/gallery2_thmbsm/eden_quay_thmbsm.jpg) center no-repeat;
	}
		
li#pic3gal2 a {
	background: url(../images/gallery2_thmbsm/red_building_oconnell_street_thmbsm.jpg) center no-repeat;
	}
	
li#pic4gal2 a {
	background: url(../images/gallery2_thmbsm/road_to_crookhaven_thmbsm.jpg) center no-repeat;
	}
	
li#pic5gal2 a {
	background: url(../images/gallery2_thmbsm/emmet_street_kinsale_thmbsm.jpg) center no-repeat;
	}
	
li#pic6gal2 a {
	background: url(../images/gallery2_thmbsm/the_white_house_kinsale_thmbsm.jpg) center no-repeat;
	}

/*
----------------------------------------------------------------------
GALLERY THUMBS SKETCHES
---------------------------------------------------------------------- 
*/

li#pic1sketch a {
	background: url(../images/sketches_thmbsm/bordeaux_sktc3sm.jpg) center no-repeat;
	}
	
li#pic2sketch a {
	background: url(../images/sketches_thmbsm/bordeaux_sktc2sm.jpg) center no-repeat;
	}
		
li#pic3sketch a {
	background: url(../images/sketches_thmbsm/buses_sktc1sm.jpg) center no-repeat;
	}
	
	
/*
----------------------------------------------------------------------
GALLERY THUMBS HOME
---------------------------------------------------------------------- 
*/

li#pic1home a {
	background: url(../images/home_thmbsm/road_side_thmbsm.jpg) center no-repeat;
	}
	
li#pic2home a {
	background: url(../images/home_thmbsm/high_street_thmbsm.jpg) center no-repeat;
	}
		
li#pic3home a {
	background: url(../images/home_thmbsm/corn_street_thmbsm.jpg) center no-repeat;
	}
	
li#pic4home a {
	background: url(../images/home_thmbsm/outskirts_of_grasse_thmbsm.jpg) center no-repeat;
	}
	
li#pic5home a {
	background: url(../images/home_thmbsm/rush_hour_on_the_cote_dazur_thmbsm.jpg) center no-repeat;
	}
	
li#pic6home a {
	background: url(../images/home_thmbsm/morning_marrakech_thmbsm.jpg) center no-repeat;
	}