/*///////////////////////////////////////////////////////
Style Guide
/////////////////////////////////////////////////////////

#idName {
	display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: auto; height: auto; overflow: auto;
	margin: 0px; border: 0px solid #FFFFFF; padding: 0px; background: #FFFFFF url("../images/spacer.gif") no-repeat top left;
	font: italic small-caps bold 68%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000000px; text-align: left; text-decoration: none;

//	font: <'font-style'> <'font-variant'> <'font-weight'> <'font-size'>/<'line-height'> <'font-family'>	//
}
*/



/*//////////////////////////////////////////////
------------------------------------------------
Colour Palette for Testing Purposes
------------------------------------------------

#999999  #FF9C00  #CCCCCC
#DDDDDD  #EEEEEE  #FFFFFF

//////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

/*////// Structure Module //////*/
html {
	height: 100%; /* margin-bottom: 1px; */
}
body {
	margin: 0px; padding: 0px; background: #CCCCCC url("../images/spacer.gif") no-repeat top left;
	font: 70%/1.3 verdana, arial, helvetica, sans-serif; text-align: center;
}
div {
}

/*////// Text Module //////*/
p {
	margin: 0px; margin-bottom: 1.2em;
}
blockquote {
	margin: 0px 3.5em;
}
h1 {
	margin: 0px; margin-bottom: 0.4em;
	font-size: 1.4em; text-transform: uppercase;
}
h2 {
	margin: 0px; margin-bottom: 0.3em;
	font-size: 1.2em; text-transform: uppercase;
}
h3 {
	margin: 0px; margin-bottom: 0.2em;
	font-size: 1.1em; text-transform: uppercase;
}
h4 {
	margin: 0px; margin-bottom: 0.1em;
	font-size: 1.0em; font-variant: small-caps;
}
h5 {
	margin: 0px; margin-bottom: 0.1em;
	font-size: 1.0em; font-weight: bold;
}
h6 {
	margin: 0px; margin-bottom: 0.1em;
	font-size: 1.0em; font-style: italic;
}

abbr {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
acronym {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
address {
}
cite {
	color: #FF9C00; font-size: 1.0em;
}
code {
	color: #FF9C00; font-size: 1.0em;
}
dfn {
	color: #FF9C00; font-size: 1.0em;
}
em {
	color: #FF9C00; font-style: italic;
}
kbd {
	color: #FF9C00; font-size: 1.0em;
}
pre {
	color: #FF9C00; font-size: 1.0em;
}
q {
	font-style: italic; color: #FF9C00;
}
samp {
	color: #FF9C00; font-size: 1.0em;
}
span {
}
strong {
	color: #FF9C00; font-weight: bold;
}
var {
	color: #FF9C00; font-size: 1.0em;
}

/*////// Hypertext Module //////*/
a:link {
	color: #FF9C00; text-decoration: underline;
}
a:visited {
	color: #FFCF33; text-decoration: underline;
}
a:hover {
	color: #FFCF33; text-decoration: underline;
}
a:focus {
	color: #FFCF33; text-decoration: underline;
}
a:active {
	color: #FF9C00; text-decoration: underline;
}

/*////// List Module //////*/
dl {
	margin-bottom: 1.2em;
}
dt {
	margin: 0px; margin-top: 1.2em; font-weight: bold;
}
dd {
	margin: 0px;
}
ol {
	margin-top: 0px; margin-bottom: 1.2em;
}
ul {
	margin-top: 0px; margin-bottom: 1.2em;
}
li {
	margin-top: 0px; margin-bottom: 0.8em;
}

/*////// Presentation Module //////*/
big {
}
hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #FF9C00; color: #FF9C00; text-align: center;
}
small {
}
sup {
	color: #FF9C00;
}
sub {
	color: #FF9C00;
}

/*////// Forms Module //////*/
form {
	padding-left: 50px; text-align: center;
}
fieldset {
	display: block; width: auto; margin: 0em auto 0.6em auto; border: none; padding: 0px; text-align: left;
}
legend {
	display: none; margin: 0em 0em 0.6em 0em; padding: 0px; color: #FF9C00;
}
label {
	float: left; width: 200px; text-align: left;
}
input, select {
	font-size: 1em; background: #FFFFFF !important;
}
select, textarea {
	width: 14.4em;
}
option {
}
textarea {
	font: 1em verdana, sans-serif;
}
submit, reset, button {
}
.radio {
	width: auto; padding-right: 1.0em
}
.radio input {
	background: transparent !important;
}
.button {
	margin-left: 203px; background: #FF9C00 !important; 
}

/*////// Table Module //////*/
table {
	margin-bottom: 1.2em; font-size: 1em; border: 1px solid #999999; background: #FFFFFF; border-collapse: separate;
}
caption {
	padding: 8px; border: 1px solid #999999; border-bottom: none; background: #FF9C00; font-size: 0.9em;
}
thead {
	background: #CCCCCC;
}
tbody th {
	background: #EEEEEE;
}
tfoot {
	background: #DDDDDD;
}
th {
	padding: 4px 8px; text-align: left; font-weight: bold;
}
tr {
}
td {
	border: 1px solid #EEEEEE; padding: 4px 8px; text-align: left;
}

td form {
	margin: 0px;
}

/*////// Image Module //////*/
img {
	display: block; margin: 0px; border: none;
}



/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

body { height: 100%; min-height: auto; overflow: -moz-scrollbars-vertical; } 

#container {
	position: relative; width: 700px; _width: 760px; height: 100%; min-height: 100%;
	margin: 0px auto; padding: 10px 30px 0px 30px; background: transparent url("../images/spacer.gif") no-repeat center bottom;
	color: #FFFFFF; text-align: left; 
}

#skip {
	display: none;
}

#masthead {
	position: absolute; left: 30px; margin: 0px; padding: 0px; 
}

#masthead h1 {
	width: 160px; height: 65px; 
	margin: 0px; padding: 0px;
}

#masthead h1 a {
	display: block; width: 160px; height: 0px !important; height /**/: 65px; overflow: hidden;
	margin: 0px; padding: 0px; padding-top: 65px; background: transparent url("../images/fineArtLogo.gif") no-repeat top left;
}

#nav {
	position: absolute; top: 90px; 
	display: block; width: 160px; margin: 0px; border-top: 1px solid #999999; padding: 0px;
}

#nav ul {
	margin: 0px; padding: 0px; list-style: none;
}

#nav li {
	margin: 0px; padding: 0px; list-style: none;
}

#nav a {
	display: block; width: 100%; 
	magin: 0px; border-bottom: 1px solid #999999; padding: 0.2em 0 0.35em 0;
	font-size: 1.2em; text-decoration: none; color: #FFFFFF; font-weight: bold;
}

#nav a:hover {
	color: #FF9C00 !important; 
}

#nav li.current a { 
	color: #FF9C00; 
}

#nav li.current a:hover { 
	color: #0099CC; 
}

#nav ul ul {
	display: none;
}

#subNav {
	position: absolute; top: 3.5em; right: 30px; 
	font-size: 1.05em;
}

#subNav ul {
	margin: 0px; padding: 0px; list-style: none;
}

#subNav li {
	margin: 0px; margin-bottom: 0.6em; _margin: 0px; padding: 0px; list-style: none; line-height: 75%;
}

#subNav a {
	display: block; margin: 0px; border-right: 8px solid #FFFFFF; padding: 0px; padding-right: 0.6em; /* background: transparent url("../images/bgSubNav.gif") no-repeat 100% 15%; */
	text-decoration: none; color: #FFFFFF; 
}

#subNav a:hover, #subNav li.current a {
	color: #FF9C00; border-right: 8px solid #FF9C00; /* background-position: 100% 83%; */
}

#content {
	height: auto; _height: 35em; min-height: 35em; margin-left: 180px; padding-bottom: 1.2em; 
	font-size: 1.05em; line-height: 1.5;
}

#content h2 {
	margin-bottom: 3.0em; font-size: 1.6em; text-align: right; text-transform: none; color: #FF9C00;
}

#content h3 {
	margin: 1.4em 0 0.2em 0; color: #FFA000;
}

#artistImage {
	position: absolute; top: 12.9em; left: 210px; width: 150px;
}

#artistImage span {
	display: block; margin-bottom: 1.2em; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 4px 0px;
}

#artistImage span img {
	border-top: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF;
}

#artistImage a {
	color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;
}

#artistImage a:hover {
	color: #FFFFFF; text-decoration: underline;
}

#footer {
	display: block; clear: both;
	margin: 0px; background: #999999; 
}

#footer ul {
	text-align: center; list-style: none; 
	margin: 0px; padding: 4px 10px; 
}

#footer li {
	display: inline; margin: 0px; padding: 0px; list-style: none;
}

#footer a {
	display: inline; margin: 0px; padding: 0px 4px;
	font-size: 0.9em; color: #FFFFFF; text-decoration: none;
}

#footer a:hover {
	color: #000000;
}

#validate {
	text-align: center; list-style: none;
	margin: 0px; margin-bottom: 70px; padding: 0px; padding-bottom: 10px; background: #999999; 
}

#validate ul {
	margin: 0px; padding: 0px; list-style: none;
}

#validate li {
	display: inline; margin: 0px; padding: 0px 4px; list-style: none;
}

#validate a {
	font-size: 0.9em; color: #999999; text-decoration: none;
}

#validate a:hover {
	color: #000000;
}

.hCard {
	float: left; clear: both; margin: 0 0 1.5em 0;
}

.hCard dl {
	width: 100%;
	float: left; clear: both;
	margin: 0 0 0.8em 0;
	padding: 0;
}

.hCard dt {
	float: left;
	width: 25%;
	margin: 0 0 0.2em 0;
	padding: 0;
}

.hCard dd {
	float: left;
	width: 65%;
	margin: 0 0 0.2em 0;
	padding: 0;
	vertical-align: top;
}

.hCard .org {
	font-weight: bold;
}

.hCard .nickname {
	display: none;
}

.hCard .street-address, .hCard .post-office-box, .hCard .country-name {
	display: block;
}

.hCard .country-name {
	margin-bottom: 0.4em;
}

.hCard .tel {
	margin-bottom: 0.2em;
}

.artistList {
	margin: 0 0 1.5em 0; padding: 0; list-style: none; 
}

.artistList li {
	float: left; width: 150px; margin: 0 1.0em 1.0em 0; padding: 0; list-style: none; text-align: center; 
}

.artistList a {
	display: block; width: 152px; height: 175px; padding: 155px 1px 7px 1px; color: #FFFFFF !important;
}

.artistList a:hover {
	color: #FF9C00 !important; background-color: #9A3232;
}

.artistList li.artist1 a { background: transparent url("../images/thumbnails/0023NLF.jpg") no-repeat center 1px; }
.artistList li.artist2 a { background: transparent url("../images/thumbnails/1011EDO.jpg") no-repeat center 1px; }
.artistList li.artist3 a { background: transparent url("../images/thumbnails/wal0002.jpg") no-repeat center 1px; }
.artistList li.artist4 a { background: transparent url("../images/thumbnails/ily0001.jpg") no-repeat center 1px; }

.artistHomeList {
	margin: 0.7em 0 0 0; padding: 0; list-style: none; 
}

.artistHomeList li {
	float: left; width: 80px; margin: 0 1.8em 1.8em 0; padding: 0; list-style: none; text-align: left; 
}

/* James 14/09/09 replaced with below to fix problem for Rob .artistHomeList a {
	display: block; width: 80px; height: 0px !important; height /** /:80px; padding: 99em 0 0 0; overflow: hidden; border: 1px solid #9A3232 !important;
} */
.artistHomeList a {
	display: block; width: 80px; height: 0px !important; height /**/:150px; padding: 150px 0 0 0; overflow: hidden; border: 1px solid #9A3232 !important;
}

.artistHomeList a:hover {
	border: 1px solid #FF9C00 !important;
}

.artistHomeList li.artist1 a { background: transparent url("../images/thumbnails/0023NLF.jpg") no-repeat left top; }
.artistHomeList li.artist2 a { background: transparent url("../images/thumbnails/1011EDO.jpg") no-repeat left top; }
.artistHomeList li.artist3 a { background: transparent url("../images/thumbnails/wal0002.jpg") no-repeat left top; }
.artistHomeList li.artist4 a { background: transparent url("../images/thumbnails/ily0001.jpg") no-repeat left top; }
.artistHomeList li.artist5 a { background: transparent url("../images/imageIves.jpg") no-repeat left top; }

.artwork {
	float: left; width: 152px; height: 30em; overflow: hidden; margin: 0 15px 15px 0; padding: 0; 
}

.artwork img{
	border: 1px solid #FFFFFF; 
}

.artist {
	/* contains layout styles for the artists - moving the content, etc... */
}
.artist #content {
	height: auto; _height: 35em; min-height: 35em; margin-left: 350px; padding-bottom: 1.2em; 
}
.artist #content h2 {
	margin-bottom: 5.95em; 
}


.artworks {
	/* contains layout styles for the artists - moving the content, etc... */
}
.artworks #content {
	height: auto; _height: 35em; min-height: 35em; margin-left: 180px; padding-bottom: 1.2em; 
}
.artworks #content h2 {
	margin-bottom: 5.95em; 
}


dl.books {
	min-height: 180px; _height: 180px; margin: 2.0em 0 0.4em 0;
}

dl.books dt {
	margin: 0 0 0.4em 0;
	color: #FF9C00; font-size: 1.1em; 
}

dl.books dd {
	position: relative; 
	margin: 0 0 0.4em 1.5em; padding: 0 0 0 150px; 
}

dl.books dd img {
	position: absolute; left: -150px; 
	margin: 0 0 0.4em -1.5em; padding: 0 0 0 0; 
}



body											{ background: #0098CB url("../images/bgBodyGeneral.gif") repeat-x center bottom; }
#container 								{ background-image: url("../images/bgContainerGeneral.jpg"); }
#nav 										{ border-color: #4D9CBD; }
#nav a 										{ color: #FFFFFF; border-bottom: 1px solid #4D9CBD; }
#nav a:hover 							{ color: #0099CC; }
#footer 									{ background-color: #9A3232; }
#footer a	 								{ color: #FFFFFF; }
#footer a:hover 						{ color: #FF9C00; }
#validate 									{ background-color: #9A3232; }
#validate a 								{ color: #CD8585; }
#validate a:hover 						{ color: #FF9C00; }


#artist1 									{ background: #9A9A9A url("../images/bgBodyLindsey.gif") repeat-x center bottom; }
#artist1 #container 					{ background-image: url("../images/bgContainerLindsey.jpg"); }
#artist1 #nav 							{ border-color: #A4A4A4; }
#artist1 #nav a 						{ color: #FFFFFF; border-bottom: 1px solid #A4A4A4; }
#artist1 #nav a:hover 				{ color: #0099CC; }
#artist1 #footer 						{ background-color: #FF9C00; }
#artist1 #footer a	 					{ color: #FFFFFF; }
#artist1 #footer a:hover 			{ color: #FF3C00; }
#artist1 #validate 						{ background-color: #FF9C00; }
#artist1 #validate a 					{ color: #FFCF83; }
#artist1 #validate a:hover 			{ color: #FF3C00; }


#artist2 									{ background: #DEBC8B url("../images/bgBodyDurack.gif") repeat-x center bottom; }
#artist2 #container 					{ background-image: url("../images/bgContainerDurack.jpg"); }
#artist2 #nav 							{ border-color: #D0B490; }
#artist2 #nav a 						{ color: #FFFFFF; border-bottom: 1px solid #D0B490; }
#artist2 #nav a:hover 				{ color: #0099CC; }
#artist2 #footer 						{ background-color: #785429; }
#artist2 #footer a	 					{ color: #FFFFFF; }
#artist2 #footer a:hover 			{ color: #FF9C00; }
#artist2 #validate 						{ background-color: #785429; }
#artist2 #validate a 					{ color: #AC8E69; }
#artist2 #validate a:hover 			{ color: #65C1E0; }


#artist3 									{ background: #931264 url("../images/bgBodyKarntawarra.gif") repeat-x center bottom; }
#artist3 #container 					{ background-image: url("../images/bgContainerKarntawarra.jpg"); }
#artist3 #nav 							{ border-color: #D0B490; }
#artist3 #nav a 						{ color: #FFFFFF; border-bottom: 1px solid #D0B490; }
#artist3 #nav a:hover 				{ color: #0099CC; }
#artist3 #footer 						{ background-color: #0099CC; }
#artist3 #footer a	 					{ color: #FFFFFF; }
#artist3 #footer a:hover 			{ color: #931264; }
#artist3 #validate 						{ background-color: #0099CC; }
#artist3 #validate a 					{ color: #7AC4DD; }
#artist3 #validate a:hover 			{ color: #931264; }


#artist4 									{ background: #0098CB url("../images/bgBodyVolykhine.gif") repeat-x center bottom; }
#artist4 #container 					{ background-image: url("../images/bgContainerVolykhine.jpg"); }
#artist4 #nav 							{ border-color: #4D9CBD; }
#artist4 #nav a 						{ color: #FFFFFF; border-bottom: 1px solid #4D9CBD; }
#artist4 #nav a:hover 				{ color: #0099CC; }
#artist4 #footer 						{ background-color: #9A3232; }
#artist4 #footer a	 					{ color: #FFFFFF; }
#artist4 #footer a:hover 			{ color: #FF9C00; }
#artist4 #validate 						{ background-color: #9A3232; }
#artist4 #validate a 					{ color: #CD8585; }
#artist4 #validate a:hover 			{ color: #FF9C00; }