@charset "UTF-8";
* {
    padding: 0px;
    margin: 0px;
}
/*
html {
    height: 100%;
    margin-bottom: 1px;
}*/
body {
    background: #e8e5e1;
    width: 970px;
    padding:10px;
    color: #000; /* also change these 2 lines in form.css AND the border */
    font: 14px arial, verdana, helvetica;
}
a { text-decoration: underline; background-color: inherit; }
a:active { outline: none; }
a, h1, h2, h3, h4, .color {
  color:#3c293a;
}
p, h1, h2, h3, label, input, textarea, hr {
  margin-bottom:10px;
}
h1{font-size:40px; padding-top:10px;}
h2{font-size:30px;}
h3{font-size:16px;}
h4{font-size:14px;}
ul{margin:0px 0px 10px 10px;}
li{margin:0px 0px 0px 5px;}
hr { height:2px; background-color:#f00; color:#f00; border:0px; }html {
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    padding: 0px;
}
body#homepage {
    background: #e8e5e1 url(images/floor-art.gif) repeat-x;
}
img {
    border: 0px;
}


/********* hold the footer at the bottom of the page *********/
#page {
    min-height: 100%;
}
* html #page {
    height: 100%;
}
#nonFooter {
    position: relative;
    min-height: 100%;
    padding-bottom: 190px;
/*    _padding-bottom: 0px;  ie6 don't add it */
}
* html #nonFooter {
    height: 100%;
}
#footerGallery {
    position: relative;
    margin: -190px auto 0px auto;
    height: 190px;
    text-align: center;
    background: #e8e5e1 url(images/floor-art.gif) repeat-x bottom;
    /*clear: both; THIS MIGHT NEED ADDING IN */
}
* html #footerGallery { /* A CSS hack that only applies to IE -- specifies a different height for the footer */
    margin-top: -190px;
}
/********* END hold the footer at the bottom of the page *********/


#wrapper {
    margin: 0px auto;
    width: 990px;
}
#masthead {
    text-align: center;
}
#masthead h2 {
    font-size:50px;
    padding-top: 140px;
}
#masthead h2 a {
    text-decoration: none;
}
#easle {
    float: right;
    width: 266px;
    height: 471px;
}
#picAndSofa {
    float: left;
    width: 350px;
    height: 365px;
    margin-left: 10px;
    background: url(images/artists-sofa.gif) no-repeat bottom center;
    text-align: center;
}
#content {
    clear: both;
    width: 970px;
    text-align: left;
    padding: 10px;
}
#gallery #content {
    width: 720px;
    padding: 40px;
    margin: 0px auto;
}
#footer {
    clear: both;
    padding: 10px;
    font-size: 12px;
    color: black;
}
#footer a {
    text-decoration: none;
    color: black;
}

/********* GalleryPage (and others) *********/

#mastheadGallery {
    text-align: center;
    padding-top: 65px;
}
#mastheadGallery h2 {
    font-size:50px;
}
#mastheadGallery h2 a {
    text-decoration: none;
}



/*
div#footerGallery {
    text-align: center;
    clear: both;
    border:1px solid red;
}
body > div#footerGallery {
     position: fixed;
}*/


.clearBoth {
    clear: both;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}
.menu {
    float: left;
    width: 700px;
    font-size: 16px;
    text-align: right;
   height: 36px;
    line-height: 36px;
}
.menu ul, .menu ul li {
    padding: 0px;
    margin: 0px;
    text-align: left;
}
.menu ul li {
    list-style: none;
    float: left;
}
.menu ul li a {
    padding: 0px 20px;
    color: white;
    text-decoration: none;
    border-right: 1px solid white;
}
.menu ul li.first a  {
    padding: 0px 20px 0px 10px;
}
.menu ul li.last a  {
    border: 0px;
}
.menu ul li a:hover, .menu ul li.active a {
    color: #cbb57d;
}


/********* gallery (and other pages) *********/

#gallery .menu {
    width: 100%;
}
#gallery .menu ul {
    width: 550px;
    margin: 0px auto;
}
.topMenu ul li a {
    color: black;
    border-right: 1px solid black;
}
.topMenu ul li.last a {
    border: 0px;
}
input, textarea, .button {
	font: 14px arial, verdana, helvetica;
	color: #000;
	border: 1px solid #3c293a;
	background: none;
	padding-left: 3px;
}
textarea {
	height:100px;
}
.button{
  width:75px;
  cursor:pointer;
}