/* defaults */

html, body {
	padding	: 0px;
	margin	: 0px;
	height	: 100%;
	width	: 100%;
	background-color	: #222222;
	}
	
body, td, div, input.text, textarea {
	font-family	: Helvetica, Arial, sans-serif;
	font-size	: 11px;
	color		: #333333;
	line-height	: 16px;
	}
	
a {
	color		: #333333;
	text-decoration	: none;
	}

a:hover {	text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	font-weight	: normal;
	margin		: 0px;
	padding		: 0px;
	}

h2 {	
	font-size	: 16px;
	color		: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;

	}

h3 {
	font-size	: 14px;
	color		: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
	display: inline;
	}
	
h4 {
	font-size	: 11px;
	color		: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	}
	
img { border: 0px;}

td {
	text-align: left;
	vertical-align: top;
	}
	
p { margin: 0px;}

div#main {
	height: 768px;
	width: 1020px;
	background-color: #FFFFFF;
	background-image: url(../img/main_background_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	}
	
td#header {
	padding:31px 0px 10px 10px;
	}
	
span#header-nav {
	padding: 0px 30px 0px 30px;
	}

span.nav-separator {
	color: #CCCCCC;
	padding: 0px 4px;
	}
	
span.nav-separator-right {
	color: #CCCCCC;
	padding: 0px 2px;
	}
	
div#footer {
	color: #666666;
	font-size: 10px;
	text-align: right;
	width: 1020px;
	padding: 10px 0px;
	}
	
div#footer a {color: #666666;}

span.nav-separator-footer {
	color: #666666;
	padding: 0px 6px;
	}
	
/* landscape thumbs page */

div#content-thumbs{
	width: 982px;
	height: 528px;
	overflow: auto;
	border: 0px;
	background-color: #FFFFFF;
	margin-bottom: 80px;	
	}
	
table#thumb-table {margin: 0px 0px 20px 34px;}
	
table#thumb-table td {
	vertical-align: middle;
	padding: 0px 27px 75px 0px;
	}

div.thumbs {
	height: 204px;
	width: 204px;
	border: 1px solid #CCCCCC;
	text-align: center;
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
	}
	
div.thumbs img, div.thumbs a {vertical-align: middle;}

/* home and flash pages */

div#content-main, div#content-flash{
	width: 1020px;
	height: 648px;
	background-color: #FFFFFF;
	margin-top: 25px;	
	}
	
/*detail pages */	

table#piece-detail {
	width: 952px;
	margin-left: 32px;
	}
	
td.piece-info {font-size: 10px;}

td.piece-info a {text-decoration: underline }

td.piece-info a:hover {color: #000000;}

tr.dotted-line {
	background-image: url(../img/greydot.gif);
	background-repeat: repeat-x;
	background-position: top left;
	}
	
td#image-nav {	text-align: right;}

td#image-nav a { color: #666666;}

td#image-nav a:hover {color: #000000;}
	
td#image-nav img {
	margin: 0px 0px 0px 10px;
	position:relative;
	top: 3px;
	}
	
td#image-cell-gradient {
	height: 575px;
	background-image: url(../img/detail_page_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	width: 1020px;
	}
	
table#portrait-piece-detail {
	margin: 400px 0px 0px 18px;
	}
	
td#portrait-image-nav {	text-align: left;}

td#portrait-image-nav a { color: #666666;}

td#portrait-image-nav a:hover {color: #000000;}
	
td#portrait-image-nav img {
	margin: 0px 0px 0px 10px;
	position:relative;
	top: 3px;
	}

/* about and contact pages */

div#about {
	width: 1020px;
	height: 648px;
	background-color: #FFFFFF;
	margin-top: 25px;
	background-image: url(../img/about_background_gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	}

table#about {margin-left: 32px;}
	
td#about-detail {
	vertical-align: top;
	padding: 43px 55px 0px 34px;
	}
	
table#contact {margin-top: 32px;}

td#contact-detail {
	vertical-align: top;
	padding: 0px 64px 0px 309px;
	line-height: 15px;
	}
	
td#contact-detail p {line-height: 13px; }

div#flash-holder { height: 648px; }

a.contact-link {text-decoration: underline}
a:hover.contact-link {text-decoration: none;}