* {
margin: 0;
padding: 0;
}

html,body {
font: 14px Verdana, Arial, Helvetica, sans-serif;
height: 100%;
color: #663300;
background: #996;
}

div#container {
height:auto !important; /* real browsers */
height:100%; /* IE6: treated as min-height*/
min-height:100%; /* real browsers */
width: 80%;
background: #cccc99 url(../images/mainbg.png) right repeat-y;
padding: 0 3em;
}

#header {
margin: 0 0 0 -3em;
}

#nav {
margin-top: -25px;
float: right;
list-style-type: none;
background: url(../images/navigation.png);
}
#nav li {
float: left;
}
#nav li a {
display: block;
width: 120px;
height: 25px;
text-align: center;
text-decoration: none;
color: #663300;
}
body#intro li.intro, #nav li.intro a:hover { background: url(../images/navigation.png) 0 -25px;}
body#gallery li.gallery, #nav li.gallery a:hover { background: url(../images/navigation.png) -120px -25px;}
body#commissions li.commission, #nav li.commission a:hover { background: url(../images/navigation.png) -240px -25px;}
body#artwork li.artwork, #nav li.artwork a:hover { background: url(../images/navigation.png) -360px -25px;}
body#contact li.contact, #nav li.contact a:hover { background: url(../images/navigation.png) -480px -25px;}
h1{
height: 140px;
background: url(../images/headerlogo2.gif) top left no-repeat;
border-bottom: 2px solid;
}

h1 span {
display: none;
}
h2 {
font: 22px Georgia;
margin: 1.2em 0 1em 0;
}
h3 {
font: 18px Georgia;
margin: 1.3em 0 1em 0;
}
p {
margin-bottom: 1em;
text-align: justify;
line-height: 18px;
}
ul#galleries {
list-style-type: none;
}
ul#galleries li {
float: left;
width: 45%;
}
ul#galleries li.first {
margin: 0 30px 0 0;
}
ul#pictures {
list-style-type: none;
margin: 0 auto;
max-width: 650px;
margin-top: 15px;
}
ul#pictures li{
width: 200px;
float: left;
text-align: center;
margin: 0 15px 15px 0;
}
ul#pictures li.thin{
width: 150px !important;
margin: 0 10px 15px 0;
}
img{
border: 0;
}
#pic{
margin: 0 auto;
text-align: center;
}

.current{
text-decoration: underline;
}
img.left{
float: left;
margin: 2em 2em 2em 0;
}
img.right{
float: right;
margin: 1em 0 2em 2em;
}
body#commissions img{
padding: 0 0 1em 0;
}
label{
display: block;
clear: left;
float: left;
width: 130px;
margin: 0 0 5px 0;
}
input, textarea{
float: left;
margin: 0 0 5px 0;
width: 250px;
}
textarea{
height: 150px;
}
fieldset{
width: 400px;
border: 1px solid #663300;
padding: 15px 10px;
margin: 0 0 20px 0;
}
legend{
padding: 2px 5px;
}
input.submit{
width: auto;
float: right;
margin-right: 15px;
}
body#contact p{
clear: left;
}
dt{
font-weight: bold;
padding: 0 0 2px 0;
}
dd{
padding: 0 0 5px 0;
}