* {
    padding: 0px;
    margin: 0px;
}

body {
    text-align: center;
    background-color: black;
    color: white;
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
}

#main {
    position: relative;
    width: 750px;
    background-color: #992525;
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
}

#main #buttons {
    position: absolute;
    width: 154px;
    left: 11px;
    top: 262px;
}

#main #buttons ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#main #buttons li a {
    display: block;
    text-decoration: none;
    height: 1.3em;
    font-family: serif;
    text-align: center;
    font-size: large;
    padding-top: 2px;
    margin-top: 3px;
    color: #992525;
    background-color: #f1a31d;
    border: 2px solid #992525;
}

#main #buttons li a:hover {
    border: 2px solid #8dca73;
}

#main #buttons li a:focus {
    border: 2px solid #8dca73;
}

#artistbanner {
    width: 750px;
    height: 260px;
    background-image: url('/images/artist_background.gif');
    background-repeat: no-repeat;
    background-position: left top;
}

#main #cafe {
    position: absolute;
    color: #bd9d7b;
    font-size: 370%;
    top: 130px;
    left: 295px;
    font-family: serif;
}

#main #shop {
    top: 195px;
    left: 177px;
    position: absolute;
    border-left: 3px solid #8dca73;
    border-top: 3px solid #8dca73;
    border-right: 3px solid #f38a1e;
}

#main #bio {
    width: 396px;
    height: auto;
    min-height: 370px;
    background-color: #000;
    margin-left: 174px;
    margin-top: -50px;
    border-left: 3px solid #8dca73;
    border-right: 3px solid #8dca73;
    float: left;
}

#main #artbio {
    width: 396px;
    height: auto;
    min-height: 370px;
    background-color: #000;
    margin-left: 174px;
    margin-top: -50px;
    border-left: 3px solid #8dca73;
    border-right: 3px solid #8dca73;
    background-image: url('../images/artatpercassosspecial.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    float: left;
}

#main #artbio #artcontent {
  width: 396px;
  position: relative;
  color: #bd9d7b;
  top: -50px;
}

#main #events {
    width: 396px;
    height: auto;
    min-height: 370px;
    background-color: #000;
    margin-left: 174px;
    margin-top: -50px;
    border-left: 3px solid #8dca73;
    border-right: 3px solid #8dca73;
    float: left;
}

#main #tasteofart {
    width: 396px;
    height: 612px;
    background-image: url('/images/tasteofart.jpg'); 
    background-repeat: no-repeat;
    background-color: #000;
    margin-left: 174px;
    margin-top: 0px;
    border-left: 3px solid #8dca73;
    border-right: 3px solid #8dca73;
    float: left;
}

#main #tasteofartmore {
    width: 396px;
    height: 612px;
    background-color: #000;
    margin-left: 174px;
    margin-top: 0px;
    border-left: 3px solid #8dca73;
    border-right: 3px solid #8dca73;
    float: left;
}

#main #events p {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
}

#main #events p a {
    text-decoration: none;
    color: #bd9d7b;
}

#main #events #showall {
    float: right;
    margin-top: 15px;
}

#artistname {
    width: 396px;
    position: absolute;
    color: #bd9d7b;
    font-size: 270%;
    top: 130px;
    left: 177px;
    font-family: serif;
    font-weight: lighter;
}

#art {
  font-size: 270%;
  font-family: serif;
  font-weight: lighter;
}

#artby {
  color: #bd9d7b;
  font-size: 100%;
}

#artby a {
  color: inherit;
}

#artdesc {
  margin-top: 10px;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
}

#main #events #heading {
    width: 396px;
    position: absolute;
    color: #bd9d7b;
    font-size: 210%;
    top: 150px;
    left: 177px;
    font-family: serif;
    font-weight: lighter;
}

#heading {
  width: 396px;
  position: absolute;
  color: #bd9d7b;
  font-size: 210%;
  top: 150px;
  left: 177px;
  font-family: serif;
  font-weight: lighter;
}

#artistpic {
    margin-top: -26px;
    padding-right: 6px;
    padding-left: 8px;
    float: left;
}

#artistdescription {
    margin-top: 15px;
    color: #bd9d7b;
    font-size: 9pt;
    text-align: justify;
    padding-right: 8px;
    padding-left: 8px;
    font-family: serif;
}

.artistdesc {
    margin-top: 3px;
    color: #bd9d7b;
    font-size: 9pt;
    text-align: justify;
    padding-right: 8px;
    font-family: serif;
}

.moreinfo {
  color: white;
  margin-top: 0px;
}

#backtocalendar {
  color: #bd9d7b;
  margin-top: 14px;
  text-align: left;
  padding-left: 8px;
}

#backtocalendar a { color: inherit; }


#artwork {
    width: 174px;
    position: absolute;
    left: 576px;
    top: 20px;
}

#artwork ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#artwork li a {
    display: block;
    text-decoration: none;
    font-family: serif;
    text-align: center;
    padding-top: 2px;
    margin-top: 3px;
    color: #fca85c;
}

#item {
  width: auto;
  padding-left: 8px;
  padding-right: 5px;
  margin-top: 10px;
  text-align: left;
}

#item img {
  float: left;
  margin-right: 5px;
}

#itemdesc {
  padding-left: 8px;
  margin-left: 200px;
}

#footer {
    position: absolute;
    top: 570px;
    left: 89px;
}

ul#artistlist {
  text-align: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-left: 8px;
}

ul#linklist {
  text-align: left;
  list-style: none;
  margin: 0px;
  padding: 8px;
}

.linkitem {
  margin-top: 10px;
  text-align: left;
}

.linkitem a {
  color: #bd9d7b;
}

.artistthumb {
  float: left;
  border: 3px double #8dca73;
  margin-right: 6px;
}

#navpage {
  color: #bd9d7b;
}

#artfooter {
    position: relative;
    top: 4px;
    left: -3px;
}

#date {
  color: #bd9d7b;
  font-weight: bold;
}

#time {
  margin-top: 4px;
  margin-bottom: 14px;
  color: #bd9d7b;
}

#comingsoon {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  border-left: 5px ridge #8dca73;
  border-top: 5px ridge #8dca73;
  border-right: 5px ridge #f38a1e;
  border-bottom: 5px ridge #f38a1e;
  color: #bd9d7b; 
  font-family: serif;
  padding: 6px;
}

#comingsoonbottom {
  clear: both;
  position: relative;
  left: 86px;
  width: 655px;
  height: 36px;
  background-image: url('../images/gourmet_menu.gif');
  background-position: bottom left;
  background-repeat: no-repeat;
}

#clear {
    clear: left;
}

.clear {
   clear: left;
   height: 1em;
}