body {
  background-image: url('lthr.jpg');
  text-align: center;
  /*border: solid aqua;*/
}

#page {
  margin: 0 auto;
  padding: 0;
  width: 1024px;
 /* border: solid blue;*/
}

p, li {
  text-align: left;
  color: black;
  font-family: arial, helvetica, sans-serif;
  /*font-weight: bold;*/
}

li {
  font-size: 15px;
  padding: 0px 0px 10px 0px;
}

img {
  border-style: none;
  margin-top: 5px;
  text-align: center;
}

table {
  border-width: 0px;
  padding: 2px;
  text-align: left;
  width: 100%;
}

td {
  padding: 4px;
  text-align: center;
  /*display: table-cell;*/
  top: 0pt;
  left: 0pt;
  right: 0pt;
  bottom: 0pt;
  vertical-align: middle;
}

h1 {
  font-family: Arial Black;
  font-style: italic;
  font-weight: normal;
  font-size: 36px;
  text-align: center;
}

h2 {
  font-family: Arial Black;
  font-style: italic;
  font-weight: normal;
  font-size: 30px;
  text-align: center;
}

#main_window_wrapper {
  float: right;
 /* border: solid red;*/
/*  top: 120px;
  .top: 135px;
  _top: 135px;
  left: 155px;*/
  margin: 0px 0px 20px 0px;
  width: 815px;
  .width: 800px;
  _width: 800px;
  padding: 10px;
}

#maincontent {
  margin: 0px 0px 50px 0px;
  padding:0;
  width: 100%;
}

#maincontent a{
  font-weight: bold;
  text-decoration:none;
  padding:2px 4px;
}

#maincontent a:link, #maincontent a:visited {
  color: rgb(0,0,255);
  text-decoration: none;
}

#maincontent a:hover, #maincontent a:active {
  color: rgb(255,0,0);
  text-decoration: none;
}

#header {
  position: static;
  background-color: rgb(74, 43, 11);
  width: 100%;
  height: 130px;
  vertical-align: top;
  text-align: left;
}

#header img {
  margin-top: 0;
}

#borderline {
  position:relative;
  top: 3px;
  .top: 7px;
  _top: 7px;
  left: 0px;
  width: 100%;
  background-image: url('http://www.moonlightartstudio.com/borderline.jpg');
  background-repeat: repeat-x;
}

#nav {
  float: left;
  width: 175px;
  /*border: solid white;*/
}

#nav_items {
  position: relative;
  top: 75px;
  .top: 75px;
  _top: 75px;
  left: -20px;
  width: 175px;
  text-align: left;
}

#nav_items ul {
  list-style: none;
}

#nav_gallery_filter {
    position: static;
    /*top: 215px;
    left: 200px;*/
}

#tutor_nav_items {
  text-align: center;
}

#nav_gallery_filter ul, #tutor_nav_items ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav_gallery_filter li, #tutor_nav_items li {
  float: left;
  margin: 0 0.15em;
  text-align: center;
}

#nav_gallery_filter a, #tutor_nav_items a {
  background-image: url('http://www.moonlightartstudio.com/button_norm.gif');
  width:120px;
  display: block;
  padding: 5px 5px 5px 8px;
  text-decoration:none;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight:bolder;
  color: rgb(91, 24, 0);
}

#nav_items li {
  display: block;
  margin: 2px 0 0 0;
}

#nav_items a {
  width:120px;
  display: block;
  padding: 5px 5px 5px 8px;
  text-decoration:none;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight:bolder;
  color: rgb(91, 24, 0);
  text-align: center;
}


#nav_items a:link, #nav_items a:visited, #nav_gallery_filter a:link, #nav_gallery_filter a:visited, #tutor_nav_items a:link, #tutor_nav_items a:visited {
  background-image: url('http://www.moonlightartstudio.com/button_norm.gif');
}

#nav_items a:hover, #nav_items a:active, #nav_gallery_filter a:hover, #nav_gallery_filter a:active, #tutor_nav_items a:hover, #tutor_nav_items a:active {
  background-image: url('http://www.moonlightartstudio.com/button_hover.gif');
}

a#here {
  background-image: url('http://www.moonlightartstudio.com/button_here.gif') !important;
}

#isSold p {
  text-align: center;
  color: rgb(255,0,0);
  font-weight: bolder;
  font-size: 3em;
}

#isSoldSmall p {
  text-align: center;
  color: rgb(255,0,0);
  font-weight: bolder;
}

.warning {
    font-weight: bold;
    color: #f00;
}



#footer {
    margin-left: 40px;
    font-size: 85%;
    clear: both;
}

#footer p {
  font-weight: normal;
}

#welcome_image {
  margin: 0 20px 20px 0;
}

#comment_annotation {
  font-size: 80%;
  text-align: left;
  margin: 0px 100px 20px 100px;
}

#links_left {
  float:left;
  width: 50%;
  .width:48%;
  _width:48%;
}

#links_right {
  float: right;
  width: 50%;
  .width:48%;
  _width:48%;
}

#links_center {
    position: relative;
    left: 25%;
  width: 50%;
  .width:48%;
  _width:48%;
}

#gallery_thumb_wrapper {
  width: 95%;
  height: 85px;
  overflow: auto;
  margin: 45px;
  .margin-top: 70px;
  _margin-top: 70px;
}

#gallery_thumbs {
  height: 60px;
  width: 3000px;
}

#gallery_main_image {
    margin: 0px 0 5px 10px;
    width: 95%;
    min-height: 300px;
}

#gallery_main_image p {
  /*color:#00425E;*/
  color: black;
  text-align: center;
  margin: 0;
  padding:0;
}

#small_print {
  font-size:x-small;
  font-weight:normal;
}

#centered p{
  text-align: center;
}

.title {    /* Used for art work title*/
    font-weight:bold;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}

.quotation {
  font-family: times new roman, serif;    
  font-style: italic;     
  font-weight: semi-bold;
}

.frontPageImage {
  text-align:center;
  padding: 40px 20px 0 20px;
}


/* the following are for the step carousel (thumbnail scroller)*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mygallery {
  text-align: center;
/* the previous are for the step carousel (thumbnail scroller)*/