html {
margin:0;
padding:0;
}

html body {
padding:0;
margin:0;
text-align: center;
background: #4f1d38 url(img/bg.jpg) top center repeat-x;
font-family: Arial, Verdana, sans-serif;
font-size: small;
color: #fff;
}

img {
border:0;
}

.displayNone {
display: none;
}

.hidden {
visibility: hidden;
display: none;
}

a:link {
color: #bd8a55; 
text-decoration: underline;
}

a:visited {
color: #bd8a55; 
text-decoration: underline;
}
a:hover {
color: #caa278;  
text-decoration: underline;
}

.clear { clear: both; }

#wrap {
width: 870px;
height: auto;
margin: 0 auto;
padding:0;
text-align:left;
}

#wrap-zenga {
width: 1008px;
height: auto;
margin: 0 auto;
padding:0;
text-align:left;
background: transparent url(img/zenga_bg.jpg) top center no-repeat;
}

#wrap-brushpainting {
width: 1008px;
height: auto;
margin: 0 auto;
padding:0;
text-align:left;
background: transparent url(img/brushpainting_bg.jpg) top center no-repeat;
}

#header {
width: 870px;
height: 122px;
margin: 0 auto;
padding:0;
background: transparent url(img/bamboo_header.jpg) top center no-repeat;
}

/*style for IE*/		
* html #header {
margin:0 0 0 1px;
}

#header h1 {
width: 579px; height: 5px; margin: 0; padding-top: 40px; text-indent: -10000px; font-size: 9px;
}

#header h1 a {
width: 480px; height: 5px; margin-top: 35px; padding-top: 40px; display: block; text-decoration: none;
}

#navigation {
position: absolute;
width: 579px;
height: 19px;
top: 28px;
right: 0;
}

h1 {
font: 24px Georgia, serif;
margin: 0;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #623272;
}

h1.title{
font: 24px Georgia, serif;
margin: 15px 0 5px 15px;
}

h2 {
margin: 10px 0 10px 0;
font-size: 16px;
}

h3 {
margin: 1em 0 .2em;
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
color: #623272;
}

h3 a:link, h3 a:visited {
  text-decoration: underline;
  color: #623272;
}

#sidebar h3 {
font-size: 1.2em;
}

h4 {
  font: 14px Georgia, serif;
  margin: 2px;
  font-weight: bold;
  color: #623272;
}

h4 a:link, h4 a:active, h4 a:visited, h4 a:hover {
  text-decoration: underline;
  color: #623272;
}

h4 a:hover {
  text-decoration: underline;
  color: #623272;
}

h5 {
  font-size: 13px;
  margin: 3px;
  font-weight: bold;
}


#content {
clear:left;
float:left;
margin:0 0 0 45px;
width: 769px;
height:100%;
min-height:2200px;
padding:17px 0 0 0;
background: transparent url(img/scroll_bg.jpg) top center repeat-y;
}

/*style for IE*/		
* html #content {
margin-left:23px;
}

#intro {
width: 570px;
height:551px;
margin:0 auto;
padding:0;
}

#name {
width: 570px;
height:892px;
margin:100px auto 60px auto;
padding:0;
background: transparent url(img/name.gif) top center no-repeat;
}

#content-zenga {
clear:left;
float:left;
margin:0 0 0 45px;
width: 835px;
height:100%;
padding:17px 0 0 0;
}

#textcolumn {
float:left;
width:290px;
height:auto;
margin:76px 0 0 0;
background-color:#fff;
}

#zengaphoto {
float:right;
width:457px;
height:587px;
margin:98px 0 0 0;
background-color:#dcdcdc;
}

#sealsinfo {
float:right;
width:449px;
height:auto;
margin:78px 5px 20px 0;
background-color:#fff;
}

#brushpainting_intro {
width: 808px;
height:536px;
margin:66px auto 88px auto;
padding:0;
background: transparent url(img/brushpainting_loading.gif) center center no-repeat;
}

#brushpainting_text {
width:829px;
height:auto;
margin:0 auto 15px auto;
padding:10px 0 30px 0;
background-color:#fff;
}

#brushpaintings {
width:668px;
height:2100px;
margin:0 auto 0 auto;
background-color:#d4d4d4;
color:#333;
}

#centercolumn {
width:600px;
height:auto;
margin:0 auto;
padding-top:40px;
}

.leftcol {
float:left;
text-align:center;
}

.leftcol h2 {
margin:-3px auto 0 auto;
text-align:center;
}

.centercol {
float:left;
margin-left:100px;
text-align:center;
}

.centercol2 {
float:left;
margin-left:40px;
text-align:center;
}

.rightcol {
float:right;
text-align:center;
}

.rightcol h2 {
margin:-3px auto 0 auto;
text-align:center;
}

#chinese_sealsinfo {
width:auto;
height:auto;
margin:80px auto 0 auto;
padding:20px 5px 20px 5px;
background-color:#fff;
}

// EMPTINESS ART //

#content-ea {
clear:left;
float:left;
margin:0 0 0 45px;
width: 835px;
height:100%;
min-height:2200px;
padding:10px 0 0 0;
}

#ea_leftcolumn {
float:left;
}

#ea_framed1 {
width:439px;
height:538px;
margin:110px 0 0 0;
background-color:#cac6c7;
}

#ea_framed2 {
clear:left;
width:408px;
height:504px;
margin:124px 0 0 5px;
background-color:#000;
}

#ea_textbox {
float:right;
width:380px;
height:auto;
margin:70px 0 30px 0;
background-color:#fff;
}

#ea_art {
clear:both;
width:829px;
height:auto;
margin:30px auto 15px auto;
color:#ccc;
}

#ea_centercolumn {
width:805px;
height:auto;
margin:0 auto;
padding-top:20px;
font-family:Georgia;
}

#photography_box {
position:relative;
width:1016px;
height:2507px;
margin:0 auto;
background: transparent url(img/photography.jpg) top center no-repeat;
}

#photo1 a {
position:absolute;
width:447px;
height:601px;
top:52px;
left:80px;
}

#photo2 a {
position:absolute;
width:240px;
height:304px;
top:454px;
left:530px;
}

#photo3 a {
position:absolute;
width:147px;
height:211px;
top:303px;
left:772px;
}

#photo4 a {
position:absolute;
width:175px;
height:182px;
top:1528px;
left:203px;
}

#photo5 a {
position:absolute;
width:175px;
height:182px;
top:1528px;
left:408px;
}

#photo6 a {
position:absolute;
width:175px;
height:182px;
top:1528px;
left:600px;
}

#photo7 a {
position:absolute;
width:180px;
height:182px;
top:1732px;
left:203px;
}

#photo8 a {
position:absolute;
width:175px;
height:182px;
top:1732px;
left:408px;
}

#photo9 a {
position:absolute;
width:175px;
height:182px;
top:1732px;
left:600px;
}

#photo10 a {
position:absolute;
width:180px;
height:182px;
top:1934px;
left:203px;
}

#photo11 a {
position:absolute;
width:175px;
height:182px;
top:1934px;
left:408px;
}

#photo12 a {
position:absolute;
width:175px;
height:182px;
top:1934px;
left:600px;
}

#order_link a {
position:absolute;
width:97px;
height:20px;
top:2416px;
left:600px;
}

#order_notice {
width:100%;
height:auto;
margin:30px auto 0 auto;
padding:0;
text-align:center;
}

.ordering_box {
width:776px;
height:auto;
margin:60px auto 30px auto;
padding:10px 0 30px 0;
background-color:#fff;
}

.artitem {
width:100%;
height:auto;
margin:30px 0 30px 0;
padding:0;
}

.artitem h6 {
font-family:Georgia;
font-size:14px;
margin:0;
padding:45px 10px 0 10px;
float:left;
color:#555;
}

.orderBRthumb {
float:left;
margin:0 0 0 10px;
}

.orderdivider {
clear:both;
margin:10px 0 10px 0;
height:2px;
}

.ordering_box2 {
width:789px;
height:auto;
padding:0;
margin:20px auto 20px auto;
background-color:#fff;
}

.ordering_box3 {
width:847px;
height:auto;
margin:60px auto 30px auto;
padding:10px 0 30px 0;
background-color:#fff;
}

#subheader h1{
padding: 0px;
margin:0;
height:66px;
width:578px;
/* Default image. More defined below */
background-image: url("");
background-position: 0 0;
background-repeat: no-repeat;
border-bottom: 5px #4d4444 solid;
}

html>body #subheader h1{
width:578px;
height: 66px;
}

/* specify new images for different pages Look for different ids on body tag */
#aboutpage #subheader h1{ margin: 0; background-image: url("img/subheader_about.gif"); }
#orderpage #subheader h1{ margin: 0; background-image: url("img/subheader_orderonline.gif"); }
#archivespage #subheader h1{ margin: 0; background-image: url("img/subheader_archives.gif"); }
#newspage #subheader h1{ margin: 0; background-image: url("img/subheader_news.gif"); }
#contactpage #subheader h1{ margin: 0; background-image: url("img/subheader_contact.gif"); }

#bottombuttons {
width:400px;
height:100%;
margin:80px auto 40px auto;
padding:10px 60px 0px 60px;
background: #dfdfdf url("img/bottom_nav_bg.gif") top center no-repeat;
}

#bottombuttons2 {
width:400px;
height:100%;
margin:50px auto 40px auto;
padding:10px 60px 0px 60px;
background: #dfdfdf url("img/bottom_nav_bg.gif") top center no-repeat;
}

#footer {
clear:both;
width: 870px;
height: 156px;
margin-bottom:15px;
background: transparent url("img/bamboo_footer.jpg") top center no-repeat;
}

/*style for IE*/		
* html #footer {
margin-left:1px;
}

#footer p.address {
float: left;
text-align: left;
margin: 10px 0 0 18px;
}

#footer p.copyright {
float: right;
text-align: right;
margin: 10px 18px 0 0;
}

#footer a:link, #footer a:visited { 
color: #9c9c9c;
text-decoration: none;
}

#footer a:hover { 
color: #a3a3a3;
text-decoration: underline;
}

.breadcrumbs {
font-size: 11px;
margin: 15px 0px 10px 0px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.aligncenter {
text-align: center;
}

.photo-right {
float: right;
margin: 0px 0px 15px 20px;
border: 5px #4d4444 solid;
}