body {
	margin:0;
	padding:0;
	
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2;
	
	background-color:#000000;
	color:#FFFFFF;
	
	background-image:url(/graphics/bkg/bkg_body.gif);
	background-position:0 0;
	background-repeat:repeat-y;

}

html
{
	height: 100%;
		
}

body.background
{
	width: 100% !important;
	height: 100% !important;
	background-repeat: no-repeat !important;	
	border-top: 1px transparent solid; 
	margin-top: -1px; 
	z-index:0; 
	position:relative;
}

img#img_cover
{
	z-index: -1; 
	top: 0px;
	left: 0px;
	position: absolute; 
	color: white;
	
}

div#page
{
	height: 100%;

}


/* BASE RULES */
div,
form,
fieldset {
	position:relative;
	margin:0;
	padding:0;
}


h1,h2,h3,h4,h5,h6,
p, ul, ol, li, dl, dt, dd {
	position:relative;
	margin-top:0;
}

img {
	display:block;
	position:relative;
	border:none;
}

/* TYPOGRAPHY */

h1, h1.replace {
	margin:0 0 0.2em 0;
	font-size:3em;
	font-weight:normal;
}
h2, h2.replace {
	margin:0 0 0.2em 0;
	font-family:'Gill Sans', 'Lucida Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:1.2;
	font-weight:normal;
}
h3 {
	margin:0 0 0.2em 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	letter-spacing:0;
}
h4 {
	margin:0 0 0.2em 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	letter-spacing:0;
}
p,
address {
	margin:0 0 1.2em 0;
}
address {
	font-style:normal;
}
a:link {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#454545;
	text-decoration:none;
}
a:visited {
	color:#454545;
	text-decoration:none;
}
#nav ul
{
	background-color: #ffffff;
	font-size:0.9em;
}

#nav ul li {
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin: 0px;
	
}

#nav ul li a
{
	width: 100%;
}
#nav ul li a:link {
	text-decoration:none;
}
#nav ul li a:hover {
	text-decoration:none;
}
#nav ul li a:visited {
	text-decoration:none;
}


/* PAGE */
div#page {
	width:694px;
	height:auto;
	
	margin:0 0 0 54px;
	
	background-color:#FFFFFF;
	color:#000000;
}



/* NAV */
div#nav {
	width:694px;
	height:auto;
	background-color:#FFFFFF;
}
div#nav ul {
	margin:0;
	padding:0;
	min-height:3em;
	line-height:3em;
}
div#nav ul li {
	float:left;
	padding:7px 14px 3px 15px;
	list-style-type:none;
}
div#nav ul li.current {
	background-image:url(/graphics/bkg/bkg_dot_bottom_000000.gif);
	background-repeat:no-repeat;
	background-position:20px bottom;
}



/* HEADER */
div#header {
	clear:left;
	width:694px;
	height:216px;
	
	background-color:#000000;
	color:#FFFFFF;
}
div#header h1 {
	overflow:hidden;
	width:694px;
	height:0;
	
	padding:216px 0 0 0;
	
	background-image:url(/graphics/txt/h1_art_and_object_000000.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}


/* CONTENT */
div#content {
	width:694px;
	height:auto;
}



/* CONTENT_MAIN */
div#content_main {
	width:459px;
	height:auto;
}
div.content_main_item {
	padding:0 25px 13px 13px;
}
div.content_main_item h2 {
	padding:14px 0 0 0;
	min-height:95px;
	height:auto !important;
	height:95px;
	
	background-image:url(/graphics/bkg/bkg_dot_top_000000.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/* CONTENT_EXTRA */
div#content_extra {
	position:absolute;
	right:0;
	top:0;
	
	width:235px;
	height:auto;
	
	margin:11.1em 0 0 0;
	
	border-bottom:1px solid #000000;
	background-color:#FFFFFF; /* background-color must be present for IE to render borders. God I hate IE. >:-P */
}
div.content_extra_item {
	padding:1.5em 0 1.7em 0;
	border-top:1px solid #000000;
	background-color:#FFFFFF; /* background-color must be present for IE to render borders. God I hate IE. >:-P */
}

div.content_extra_item#catalogue_select {
	/* moves this element up into the 
	white space above div.content_extra column */
	margin:-11em 0 0 0;
	height:auto !important;
	height:7.8em; /* thanks IE */
	min-height:7.8em; /* subtract padding from height! */
}
div.content_extra_item#catalogue_select ul {
	margin-bottom:0;
}

div.content_extra_item#catalogue_pagination {
	border:none;
	
}
div.content_extra_item#catalogue_pagination h3 {
	padding-bottom:1.5em;
	border-bottom:1px solid #000000;
	margin-bottom:1.5em;
}

div.content_extra_item#sale_price {
	clear: both;
	padding:1.5em 0 1.7em 0;
	border-bottom: 0;
	/*border-top: 1px solid #185767;*/
	background-color:#FFFFFF; /* background-color must be present for IE to render borders. God I hate IE. >:-P */
}
div.content_extra_item address {
	margin-bottom:0;
}

div.content_extra_item  p {
	padding-right: 1.5em;	
}
/* LOT LISTS */
ul.lot_list {
	margin:0 -34px 0 0; /* -ve margin so IE interprets width correctly */
	padding:0;
}
ul.lot_list li.lot_list_item {
	float:left;
	
	margin:0;
	padding:0 34px 1em 0;
	
	width:114px;
	height:auto !important;
	height:31em; /* thanks IE */
	min-height:31em;
	
	list-style-type:none;
}
ul.lot_list li.lot_list_item div.lot_list_item_img {
	width:114px;
	height:150px;
	overflow:hidden;
	margin:0 0 1em 0;
}
ul.lot_list li.lot_list_item div.lot_list_item_img img {
	position:absolute;
	bottom:0;
	left:0;
}
ul.lot_list li.lot_list_item p.lot_list_item_number,
ul.lot_list li.lot_list_item p.lot_list_item_artist,
ul.lot_list li.lot_list_item p.lot_list_item_title,
ul.lot_list li.lot_list_item p.lot_list_item_date,
ul.lot_list li.lot_list_item p.lot_list_item_price_range {
	margin:0;
}
ul.lot_list li.lot_list_item p.lot_list_item_artist {
	font-weight:bold;
	text-transform:uppercase;
}
ul.lot_list li.lot_list_item p.lot_list_item_title,
ul.lot_list li.lot_list_item p.lot_list_item_date {
	font-style:italic;
}
ul.lot_list li.lot_list_item p.lot_list_item_date {
	margin-bottom:0.8em;
}
ul.lot_list li.lot_list_item p.lot_list_item_price_range {
	width:114px;
	padding:0.6em 0 0 0;
	border-top:1px dashed #000000;
}




/* LOT DETAIL */
div.lot_img {
	width:424px;
	height:auto;
	overflow:hidden;
	margin:0 0 1em 0;

}
div.lot_detail p.lot_detail_number,
div.lot_detail p.lot_detail_artist,
div.lot_detail p.lot_detail_title,
div.lot_detail p.lot_detail_desc,
div.lot_detail p.lot_detail_price_range {
	margin:0;
}
div.lot_detail p.lot_detail_artist {
	font-weight:bold;
}
div.lot_detail p.lot_detail_title {
	margin-top:1em;
	margin-bottom:1em;
}
div.lot_detail p.lot_detail_desc {
	margin-bottom:1.6em;
	width:150px;
}
div.lot_detail p.lot_detail_price_range {
	width:235px;
	padding:1.6em 0 1em 0;
	border-top:1px dashed #000000;
}
div.lot_detail p.lot_detail_back {
	width:235px;
	padding:1.6em 0 1.6em 0;
	border-bottom:1px dashed #000000;
	text-transform:uppercase;
	font-weight:bold;
}

/* AUCTION COVER*/
div.auction_img {
	width:424px;
	height:auto;
	overflow:hidden;
	margin:0 0 1em 0;
}
div.auction_detail {
	position:absolute;
	left:459px !important;
	left:445px; /* thanks IE - seems absolute positioning is relative to parent element's padding */
	top:12.5em;
	width:235px;
	padding-left:0;
	z-index:99;
}
div.auction_detail p.auction_detail_viewing,
div.auction_detail p.auction_detail_date,
div.auction_detail p.auction_detail_number,
div.auction_detail p.auction_detail_email,
div.auction_detail p.auction_detail_desc {
	width:220px;
}
/* CONTENT EXTRA LIST NAV */
ul.content_extra_link_list {
	margin:0;
	padding:0;
}
ul.content_extra_link_list li {
	padding:0.4em 0 0.4em 10px;
	
	margin: 0px 0 0px 0 !important;
	border-bottom:1px dashed #000000;
	background-image:url(/graphics/mis/list_item.gif);
	background-repeat:no-repeat;
	background-position:left center;
	list-style:none;
}
ul.content_extra_link_list li.current {
	background-image:url(/graphics/bkg/bkg_dot_right_000000.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

ul.content_extra_link_list li a:link {
	text-decoration:none;
}
ul.content_extra_link_list li a:hover {
	text-decoration:underline;
}
/* 	CONTENT PREVIOUS NEXT*/
ul.content_nav_link {
	margin:0;
	padding:0;
}

ul.content_nav_link li{
	padding-right:0.6em;
	font-weight:bold;
	text-transform:uppercase;
	display:inline;
}


/* CONTENT_MAIN CONTACT STUFF */
div#contact.content_main_item {
	width:655px;
}
div#contact.content_main_item div#contact_address {
	float:left;
	width:181px;
}
div#contact.content_main_item div#contact_people {
	float:left;
	width:187px;
	padding-right:20px;
}
div#contact.content_main_item form#mailing_list_form {
	float:left;
	width:260px;
}
div#contact.content_main_item form#mailing_list_form fieldset {
	border:none;
}

div#contact.content_main_item form#mailing_list_form h3 {
	width:260px;
}
div#contact.content_main_item form#mailing_list_form p{
	padding-top:10px;
	width:260px;
}
div#contact.content_main_item form#mailing_list_form label {
	display:block;
	width:260px;
	margin-top:1em;
}
div#contact.content_main_item form#mailing_list_form input {
	width:260px;
}
div#contact.content_main_item form#mailing_list_form input.text_input,
div#contact.content_main_item form#mailing_list_form input.button_input {
	padding:0.1em 0 0.1em 0;
	border:1px solid #000000;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#contact.content_main_item form#mailing_list_form input.button_input {
	border:none;
	text-align:left;
	background-color:#000000;
	color:#ffffff;
	padding-left:2px;
	width:262px;
	margin-top:2em;
}	
