/********
* HEATHER WILSON - ARTIST
* WEBSITE
* STYLESHEET
********
* ZOE COMMUNICATIONS LTD
* 16/08/2004
* PATRICK BROSSET
* patrick@zoe.co.nz
* Updated By Jiet Chong
********/



/********
* THE FOLLOWING STYLES APPLIES TO THE GENERAL PAGE LAYOUT USING DIV TAGS
********/


/* Main:  */
#main {
	position:relative;
	width:675px;
	margin-left:auto;
	margin-right:auto;
}

/* Header: Site title */
#header {
	width:675px;
	height:83px;
	text-align:right;
	background-color: #FFFFFF;
}

/* Sub-header: sentence bellow site's title */
#sub_header {
	width:675px;
	height:74px;
	background:#fff;
	text-align:right;
}

/* Photo: top-left corner picture */
#photo {
	position:absolute;
	top:76px;
	left:58px;
}

/* Nav: menu list */
#nav {
	width:133px;
	padding-top:87px;
	padding-left:10px;
	background:#fff;
}
#nav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
#nav ul li {
	text-align: right;
	margin-bottom: 15px;
	
}
#nav ul li a{
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	display: block;
}
#nav ul li a:hover{
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 2px;
	display: block;
}
/* Content: page's body */
#content {
	width:532px;
	background:#fff;
}
/* insidecontent: IE Box-model bug hack */
#insidecontent {
	padding-top:87px;
	padding-left:61px;
	padding-right:62px;
}
#content p {
	text-align:justify;
	color: #745960;
}
#insidecontent ul {
	margin-left: 16px;
	padding-left: 0px;
}
#insidecontent ul li {
	margin-bottom: 3px;
	color: #745960;
}

#beforepaint {
	width:675px;
	height:50px;
	background:#fff;	
}

/* painting: Bottom painting picture */
#painting {
	width:675px;
	text-align: center;
	background:#fff;
}

#afterpaint {
	width:675px;
	height:80px;
	background:#fff;	
}

/* footer: Bottom navigation bar */
#footer {
	float:left;
	clear:left;
	width:675px;
	text-align:center;
	background:#fff;
}
#footer ul {
	list-style-type:none;
}
#footer ul li {
	display:inline;
	border-left:1px solid #E3C9C9;
	padding-left:5px;
	padding-right:5px;
}
#footer ul li.first {
	display:inline;
	border-left:none;
}

#afterfooter {
	width:675px;
	height:30px;
	background:#fff;	
}

#spacer {
	width:675px;
	height:50px;
	background-color: #eae8e8;
}

/* viewerframe: white frame around paintings for sale */
#viewerframe {
	width:424px;
	height:424px;
	background:#ffffff;
	border:1px solid #827575;
	vertical-align:middle;
	text-align:center;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
}

/* contactform: displays the contact form */
#contactform table tr td{
	vertical-align:top;
}

/********
* THE FOLLOWING STYLES APPLIES TO SPAN TAGS. SMALL CHANGES WITHIN THE TEXT
********/

/* lihere: defines the color of the current selected element within the navigation lists */
.lihere {
	color: #990000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-bottom: 2px;
}
.lihere2 {
	color: #990000;
}

/* artist: defines the color of the word ARTIST in the page header */
.artist{
	color: #fff;
}


/********
* THE FOLLOWING STYLES APPLIES TO HTML TAGS
********/

/* Body: Defines the grey background and the main font-type */
body {
	text-align:center;
	margin:0px;
	padding:0px;
	background-color: #eae8e8;
}
/* Paintings for Sale viewer Body tag */
body.viewer {
	background:#eae8e8;
	text-align:center;
	margin:0px;
	padding:0px;
}

/* td: defines the font to use for all textual information */
td {
	font-family:arial;
	font-size:12px;
}

/* A: Defines the links */
a {
	text-decoration: none;
	color: #996666;
}
a:hover {
	text-decoration: none;
	color: #990000;
}
a:active {
	text-decoration: none;
	color: #990000;
}