/*
Name: 		Contemporary Jewellery Design
Location: 	http://tlc.ac.nz/auction.php
Type: 	One-off auction event
*/

/* 0.1 --> Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;  background: transparent;}
body 																							{ line-height: 1;}
ol, ul 																							{ list-style: none;}
blockquote, q 																					{ quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus 																							{outline: 0;}
/* remember to highlight inserts somehow! */
ins 																							{text-decoration: none;}
del 																							{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 	

/* 1.0 --> Core */
BODY																							{background-color:#fff; text-align:center; font-family:Arial, Verdana, sans-serif;}

/* 1.1 --> Skeleton */
#page-container																					{position: relative; margin: 0 auto; top:0; width:800px; height:100%; min-height:700px; margin-top:1em;}
#sponsors																						{float:left; width:800px; height:100%; clear:both; margin-top:1em; margin-bottom:1em;}
#page-1																							{float:left; width:800px; height:100%; margin-bottom:20px;}
#page-1-details																					{float:left; width:320px; height:100%; margin-top:1em;}
#page-1-banner																					{float:right; width:450px; height:100%; text-align:right;}
#catalogue																						{float:left; width:800px; height:100%; clear:both; border-top: 5px solid #161616;}

#lot-12-container																				{position:relative; width:800px; height:100%; clear:both; background-color:#fff; padding:0.5em 0;}
#lot-34-container, #lot-56-container, #lot-78-container, #lot-910-container, #lot-1112-container, #lot-1314-container, #lot-1516-container, #lot-1718-container, #lot-1920-container, #lot-2122-container, #lot-2324-container, #lot-2526-container, #lot-2728-container, #lot-2930-container, #lot-3132-container, #lot-3334-container, #lot-3536-container, #lot-3738-container, #lot-3940-container, #lot-4142-container	{position:relative; width:800px; height:100%; clear:both; background-color:#fff;}
#lot-1, #lot-3, #lot-5, #lot-7, #lot-9, #lot-11, #lot-13, #lot-15, #lot-17, #lot-19, #lot-21, #lot-23, #lot-25, #lot-27, #lot-29, #lot-31, #lot-33, #lot-35, #lot-37, #lot-39, #lot-41	{position:absolute; left:0px; width:380px; background-color:#fff; padding:5px 10px;}
#lot-2, #lot-4, #lot-6, #lot-8, #lot-10, #lot-12, #lot-14, #lot-16, #lot-18, #lot-20, #lot-22, #lot-24, #lot-26, #lot-28, #lot-30, #lot-32, #lot-34, #lot-36, #lot-38, #lot-40	{position:relative; float:right; width:380px; background-color:#fff; padding:5px 10px 80px 10px;}
#lot-42																							{position:relative; float:right; width:380px; background-color:#fff; border:1px solid #ccc; padding:5px 10px 80px 10px;}

#thanks	{float:left; width:800px; padding:2em; margin-top:2em; border-top:5px solid #cc0000;}
#participants	{float:left; width:400px; height:100%;}
#support	{float:right; width:400px; height:100%;}
#foot	{float:left; width:800px; padding:1em 0; border-top:5px solid #161616;}

/* 1.2 --> Typography */
h1, h2, h3, h4, p {font-family:Arial, Verdana, sans-serif;}
h1	{font-size: 5.9em; line-height:0.8em; margin-top:0.5em; margin-bottom:0.5em;}
h2	{font-size:1.8em; margin-bottom:0.2em;}
h3	{font-size:1em; margin-bottom:2em; margin-right:0.5em;}
h4	{font-size:0.9em; font-weight:bold; margin-left:1em; margin-top:1em;}
p	{font-size:0.9em; text-align:left; margin:1em; line-height:1.4em;}
p.intro	{font-size:0.8em;}
#foot p	{font-size:0.7em;}
.map	{font-size:0.7em; margin-left:1em;}
.bold	{font-weight:bold;}
.italics	{font-style:italic; font-size:0.8em;}
.tomato-red	{color:#cc0000}
.charcoal	{color:#161616;}
.soft-grey	{color:#bbb;}
.participants	{font-size: 0.7em;}

/* 1.3 --> Lists */
ul	{font-family:Arial, Verdana, sans-serif; text-align:left; margin:2em 0; border-top:1px dashed #161616; border-bottom:1px dashed #161616; padding:1em 0.5em; background-color:#f7f7f7;}
li	{list-style-type:none; line-height:1.4em;}

ul.participants	{background-color:#fff; border:none;}

/* 1.3 --> Images */
img	{border:1px solid #ccc;}
img.lot	{float:left; margin:0.8em;}
img.logo	{border:none;}

/* 1.4 --> Links */
a, a:visited	{color:#161616; padding:0.2em 0.5em;}
a:hover	{background-color:#cc0000; color:#fff;}