body, html { margin: 0px; padding: 0px; height: 101%; }
body { background-color: #333; color: #ccc; }
img { border: none; }
p { font-family: Georgia, Arial, serif; font-size: 16px; line-height: 1.6em; }
a { color: #7d8f36; text-decoration: underline; }
a img { border: none; }
h1, h2, h3, h4 { font-family: Georgia, Arial, serif; }
h2 { color: #ddd; border-bottom: #666 1px dotted; padding-bottom: 1em; }
h3 { color: #7d8f36; }
h3 span { font-size: 14px; }
h4 { color: #ccc }
#contentheader { width: 100%; margin-bottom: 25px; }
#wrapper { margin: auto; width: 870px; }
#header { width: 100%; height: 100px; text-align: center; padding-top: 20px; }
#footer { clear: both; width: 100%; height: 100px; margin-top: 5px; }
#navigation { height: 35px; margin: 20px 0; padding-left: 50px; border-top: #3f3f3f 1px solid; border-bottom: #3f3f3f 1px solid;}
#content { float: right; width: 870px; margin: 5px 0; overflow: hidden; } 
#contenttoplayer { width: 870px; height: 600px; position: absolute; background:url(../images/blank.gif); z-index:2; }
#contenttoplayerforworks { width: 680px; height: 500px; position: absolute; background:url(../images/blank.gif); z-index:2; }
#contentbottomlayer { height: 600px; position: relative; /*z-index:-1; */ }
#error { font-family:Georgia, "Times New Roman", Times, serif; color:#ff0000; font-size:14px; font-weight: bold; }
/* 3560 2-column fixed layout */
.leftcol35 { float: left; width: 35%; padding-right: 5px; }
.rightcol60 { float: right; width: 60%; }
/* Gallery Page */
.leftcol60 { float: left; width: 60%; padding-right: 10px; }
.rightcol35 { float: right; width: 38%; }
.rightcolpicture { float: right; }
/* Artist Main */
div#artist-nav { height: 2.6em; width: 100%; overflow: hidden; padding-bottom: 8px; }
/* Artist Profile Page */
.leftcol70 { float: left; width: 68%; padding-right: 10px; }
.rightcol20 { float: right; width: 200px; }
/* Artist Works Page */
.leftcol80 { float: left; width: 72%; }
.leftcol80 p { margin: 0; }
.rightcol15 { float: right; width: 180px; }
/* 100 Single column fixed layout */
.singlecol { }
/* remove extra margin at the start of paragraph tag */
.leftcol35 p, .rightcol60 p, .leftcol60 p, .rightcol35 p, .singlecol p, .leftcol70 p, .rightcol20 { margin-top: 0; }
/* News Article Styles */
.newsarticle { width: 100%; display: block; padding-bottom: 1em; margin-bottom: 1em; }
.newsarticle h3 { padding: 0.5em 0 1em 0; margin: 0; }
.newsarticle h4 { padding: 0; margin: 0; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.newstext { font-family: Georgia, Arial, serif; font-size: 16px; line-height: 1.6em; }
.newslinks { font-family: Georgia, Arial, serif; font-size: 12px; line-height: 1.6em; }
/* Navigation Styles */
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation li { margin: 0; padding: 0; float: left; }

#navigation ul a { display: block; height: 35px; background-image: url(../images/navigation.gif); background-repeat: no-repeat; text-decoration: none; }

a { outline:none; }

a.gallery { background-position: 0 0; width: 100px; }
a:hover.gallery, a.gallerycurrent { background-position: 0 -35px; width: 100px; }
a.artists { background-position: -100px 0; width: 95px; }
a:hover.artists, a.artistscurrent { background-position: -100px -35px; width: 95px; }
a.exhibitions { background-position: -195px 0; width: 135px; }
a:hover.exhibitions, a.exhibitionscurrent { background-position: -195px -35px; width: 135px; }
a.artnews { background-position: -330px 0; width: 80px; }
a:hover.artnews, a.artnewscurrent { background-position: -330px -35px; width: 80px; }
a.purchases { background-position: -675px 0; width: 125px; }
a:hover.purchases, a.purchasescurrent { background-position: -675px -35px; width: 125px; }
a.sales { background-position: -800px 0; width: 75px; }
a:hover.sales, a.salescurrent { background-position: -800px -35px; width: 75px; }
/*a.mailinglist { background-position: -410px 0; width: 135px; }
a:hover.mailinglist, a.mailinglistcurrent { background-position: -410px -35px; width: 135px; }*/
a.contact { background-position: -545px 0; width: 130px; }
a:hover.contact, a.contactcurrent { background-position: -545px -35px; width: 130px; }

#navigation a span { visibility: hidden; }

/* Artist, Profile and Works Styles */

.workscol h2 { font-size: 20px; margin: 0 10px 0 0; padding: 0 10px 0 0; border: none; }
.worksthumbcol { padding: 10px 0 0 0; }
.workthumbnails { width: 50px; height: 50px; background: #555; padding: 2px; }
.workslink p { margin: 0.3em 0; padding: 0.8em 0; font-size: 0.8em; text-align: center; }
.workslink { border-top: #666 1px dotted; margin: 1px 0; }
.workslink a { display: block; color: #7d8f36 }
.workslink a:hover { background-color: #595959; }
.artiststhumbgroup { height: 310px; }

/* mode=all, show vertical listing of all artists */
div.artiststhumb-list { float: left; width: 280px; }
div.artiststhumb-list * { margin: 0; }


div.artiststhumb { float: left; width: 260px; height: 70px; padding: 7px; margin: 5px; }
div.artiststhumb a { display: block; }

div.artistpic { float: left; width: 70px; height: 70px; }
div.artistname { float: right; width: 175px; height: 70px; }
div.artistname a { font-size: 20px; color: #eee; text-decoration: none; }
div.artistname a:hover { color: #ff0000; }
span.chinesename { line-height: 1.5em; font-size: 20px; }


a.artiststhumb { display: block; text-decoration: none; color:#CCCCCC; }
p.profile { text-align: justify; }
/* Art News */
#artnews-main { width: 500px; float:left; }
#artnews-main h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 30px; margin: 0 0 0.5em 0; }	
#artnews-featured { width: 340px; float:right; }
#artnews-featured div.section { margin-bottom: 1em; padding-bottom: 20px; background: url(../images/dotted_bg.gif) left bottom repeat-x; }
#artnews-featured div.section { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #bbb; line-height: 1.3em; margin: 0; }
#artnews-featured div.section h3 { font-size: 18px; color: #bbb; margin: 0.5em 0; padding: 0; font-weight: normal; }
#artnews-featured div.section h3 a { color: #bbb; }
#artnews-featured p { font-size: 14px; color: #bbb; line-height: 1.3em; margin: 0; }
#artnews-archives { height: 100px; padding: 1em 0; }
#artnews-archives h3 { font-size: 16px; float: left; padding: 0;}
#artnews-archives select { float: right; font-family: Georgia, "Times New Roman", Times, serif;}
/* misc */
.hints { color: #999; font-size: 0.8em; }
.smallertext { font-size: 0.75em; }
.chunkdivider { clear: both; margin: 1em 0; }
.captiontext { text-align: center; line-height: normal; padding: 10px 0; }
.aligncenter { text-align: center; }

/* forms */
td.form-label { font-family: Georgia, Arial, serif; font-size: 16px; }
input.formfield { margin: .5em 0; padding: .3em; width: 100%; background-color: #444 !important; color: #fff; border: #555 1px solid; font-family: Georgia, Arial, serif; font-size: 14px; }
textarea.formfield { margin: .5em 0; padding: .3em; width: 100%; background-color: #444 !important; color: #fff; border: #555 1px solid; font-family: Georgia, Arial, serif; font-size: 14px; }
input.formfield-half { margin: .5em 0; padding: .3em; width: 50%; background-color: #444 !important; color: #fff; border: #555 1px solid; font-family: Georgia, Arial, serif; font-size: 14px; }
input.submitbutton { padding: .2em 1em; font-family:Georgia, serif; font-size: 14px; color:#ffffff; background-color:#666666; border-style:solid; border-color:#222222; border-width:1px; }

/* Contact Us Page */

div#contactinfo { width: 450px; float: left; }
div#mailinglist { width: 350px; float: right; }

/* homepage */
#flashContent { width: 400px; height: 300px; margin: 0 auto; }
object { outline: none; }

/* sales purchases */
h3.notes { font-size: 0.8em; }
p.notes { font-size: 0.8em; }