/* 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: #717E7B;
	}

ul li a:link {
	color: #94A4A4;
	text-decoration: none;
	font-size: 1em;
	}
	
ul li a:hover {
	color: #717E7B;
	font-weight: 900;
	}
	
/*
---------------------------------------------------------------------
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 {
	color: #717E7B;
	font-weight: 900;
	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: 520px;
	padding-bottom: 20px;
	border-left: 1px solid #E0E5E5;
	border-right: 1px solid #E0E5E5;
	border-bottom: 1px solid #E0E5E5;
	}
	
div#navigation {
	float: left;
	width: 185px;
	padding: 30px 20px 0 35px;
	}
	
div#navigation li {	
	padding: 5px 5px 5px 5px;
	text-align: center;
	border-top: 1px solid #E0E5E5;
	border-left: 1px solid #E0E5E5;
	border-right: 1px solid #E0E5E5;
	}
	
div#navigation li#bottom {
	border-bottom: 1px solid #E0E5E5;
	}
	
div#navigation li#sketch {
	margin-top: 8px;
	border-top: 0px;
	}
	
div#navigation ul#nextshow li {	
	padding: 0px 0px 2px 0px;
	text-align: center;
	border: 0px;
	}
	
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.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#contentimage {
	float: left;
	width: 500px;
	margin: 20px 0 0 30px;
	}
	
div#contentinner {
	float: left;
	width: 140px;
	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#exhibitions {
	postion: absolute;
	float: left;
	width: 330px;
	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 {
	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;
	}

div#exhibitions li.secondartfair {
	padding-top: 10px;
	}
	
li#bold {
	font-weight: 700;
	}
	
li#largebold {
	font-weight: 700;
	font-size: 1.1em;
	}
	
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: 630px;
	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;
	}