html, body, div, img { margin: 0;padding: 0; border: 0; }

html { height: 100%; }

body {
height: 100%;
font-size: .8em;
font-family: Arial, Geneva, Helvetica, sans-serif;
background: url(images/background.jpg) left top repeat-x #e9be93;
color: #8f3f28;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

h1, h2, h3, h4, h5 { 
color: #8f3f28;
}

ul li, ol li { font-size: 100%; }
table { font-size: 100%; }

a { color: #51342e; }
a:hover { color: #8f3f28;  }
a:visited {color: #51342e; }
a:visited:hover { color: #8f3f28;  }

#wrap {
width: 1000px;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
position: relative;
}

#logo {
position: absolute;
top: 40px;
left: 0;
z-index: 99;
}

#main {
padding: 1px 0 0 0;
background: url(images/mid.jpg) top left repeat-y;
}

.tagline {
font-size: 1.5em;
font-weight: normal;
color: #FFFFFF;
font-family: times, serif;
letter-spacing: 1px;
text-transform: uppercase;
position: absolute;
top: 100px;
left: 300px;
text-shadow: 2px 2px 5px #51342e;
filter: dropshadow(color=#51342e, offx=2, offy=2); 
}

#nav {
margin: 9px 20px 0 400px;
height: 50px;
font-weight: bold;
font-size: 105%;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav a:hover {
color: #9e9554; 
}

#nav a:hover span {
color: #51342e;
}

#feature_home {
float: right;
width: 400px;
text-align: center;
padding: 30px 0 0 0;
margin: 50px 20px 0 0;
}

#feature {
float: right;
width: 440px;
text-align: center;
margin: 0 20px 0 0;
}

#caption {
text-align: left;
color: #54332a;
padding: 0 20px 0 20px;
margin: 0;
font-size: 120%;
}

#content_home {
padding: 50px 0 0 0;
width: 505px;
background: url(images/stamp-test.png) left top no-repeat;
color: #FFFFFF;
margin: 10px 0 0 0;
}

#content_home h1 {
margin-left: 260px;
}

#content {
padding: 30px;
color: #51342e;
font-size: 110%;
margin: 50px 0 0 0;
}

#frame {
/* background: url(images/frame.png) left top no-repeat; */
padding: 17px 16px 15px 16px;
width: 391px;
line-height: 350px;
}

#frame img {
vertical-align: middle;
}


#paint {
clear: both;
margin: 5px 0 0 0;
padding: 0 0 150px 0;
background-image: url(images/paint.png);
background-repeat: no-repeat;
background-position: 90% 100%;
}

#paint_new {
clear: both;
margin: 10px 0 0 0;
padding: 50px 0 30px 0;
background-image: url(images/paint.png);
background-repeat: no-repeat;
background-position: 90% 100%;
}

#portfolio_sub {
clear: both;
padding: 10px 0 0 10px;
margin: 50px 0 0 0;
width: 540px;
}

#portfolio_sub a {
font-weight: bold;
padding: 5px;
font-size: 120%;
background: #DED3B8;
text-decoration: none;
}

#content_portfolio {
width: 380px;
padding: 45px 0 0 20px;
margin-left: 50px;
}

#content_newworks {
width: 380px;
padding: 0 0 0 20px;
margin-left: 50px;
}

#container1, #container2 {
width: 380px;
height: 450px;
}

#content_portfolio .thumb, #content_newworks .thumb {
width: 107px;
height: 77px;
background: url(images/frame_thumb.png) left top no-repeat;
float: left;
text-align: center;
padding: 9px 8px 9px 9px;
}

#content_portfolio .thumb div, #content_newworks .thumb div {
width: 96px;
height: 70px;
overflow: hidden;
}

#content_portfolio .thumb a, #content_newworks .thumb a { 
width: 96px;
height: 70px;
}

#content_portfolio .thumb2, #content_newworks .thumb2 {
width: 77px;
height: 107px;
background: url(images/frame_thumb2.png) left top no-repeat;
float: left;
text-align: center;
padding: 9px 8px 9px 8px;
}

#content_portfolio .thumb2 div, #content_newworks .thumb2 div {
width: 70px;
height: 96px;
overflow: hidden;
}

#content_portfolio .thumb2 a, #content_newworks .thumb a { 
width: 70px;
height: 96px;
}

#content_portfolio .thumb img, #content_newworks .thumb img {
width: 100%;
}

#content_portfolio .thumb2 img, #content_newworks {
height: 96px;
}

#prevnext {
font-weight: bold;
clear: left;
padding: 10px 0 5px 0;
text-align: center;
background: url(images/prevnext.png) top no-repeat;
}

#prevnext a {
font-weight: bold;
cursor:pointer;
}

#prevnext a:hover {
text-decoration: underline;
}

#form {
float: left;
width: 350px;
}

#form p {
clear: right;
}

.input {
text-align: left;
float: right;
width: 200px;
}

#form br {
clear: right;
}

#form textarea {
width: 100%;
height: 100px;
}

.line {
margin: 5px;
border-top: 1px dotted #583a34;
}

.intro {
border-top: 1px dotted #FFFFFF;
margin: 0 0 0 260px; 
font-weight: bold;
}

#events {
clear: left;
margin: 20px 0 0 0;
padding: 25px 0 20px 40px;
background: url(/images/stroke_large.png) left top no-repeat;
}

#events h1 a {
color: #8f3f28;
}

#events p {
margin: 0; 
padding: 0;
}

#footer {
font-size: 80%;
text-align: center;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
color: #8f3f28;
}

.clear {
clear: both;
font-weight: bold;
text-align: justify;
}

#events {
padding: 25px 0 20px 40px;
background: url(/images/stroke_large.png) left top no-repeat;
}

#events p {
margin: 0; 
padding: 0;
}

#footer {
font-size: 80%;
text-align: center;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
color: #8f3f28;
}

.clear {
clear: both;
}