@charset "utf-8";
/* CSS Document */

body {
background-color:#eeedd8;
}

.container {
width:927px;
height:527px;
border: 1px #aca87f solid;
margin: 40px auto;
background-image:url(images/background.jpg);
}

.header{
float:left;
width:250px;
margin-top:220px;
margin-left:60px;
}

.headerhome{
width:250px;
margin-top:10px;
margin-left:350px;
}

.intropic {
width:820px;
margin-left:70px;
margin-top:30px;
}

.logo {
width:240px;
height:67px;
}

.nav {
margin-top:7px;
margin-left:3px;
}

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

li{
float:left;
}

a {
text-decoration:none;
}



.nav a {
display:block;
}

.bio a {
background-image: url(images/btn_bio.png);
width:73px;
height:18px;
}


.portfolio a {
background-image:url(images/btn_portfolio.png);
width:62px;
height:18px;
}

.shop a {
background-image:url(images/btn_shop.png);
width:39px;
height:18px;
}

.contact a {
background-image:url(images/btn_contact.png);
width:59px;
height:18px;
}

.portfolio a:hover, .shop a:hover, .bio a:hover, .contact a:hover {
background-position:0 -18px;
}

#biography #biolink, #portfolio #portlink, #contact #contactlink{
background-position:0 -18px;
}



.contactform{
background-image:url(images/contactframe.png);
background-repeat:no-repeat;
width:575px;
height:500px;
float:right;
margin-right:40px;
margin-top:15px;
}

.form {
margin-top:100px;
margin-left:90px;
}

.form p {
color:#46360c;
}

label {
float:left;
width:100px;
color:#d77e1d;
}

.biotext{
background-image:url(images/bioframe.png);
background-repeat:no-repeat;
width:534px;
height:500px;
float:right;
margin-right:40px;
margin-top:15px;
}

.paintings{
float:right;
margin-right:10px;
margin-top:5px;
width:582px;
height:527px;
}

.biopara{
margin:0;
margin-top:50px;
margin-left:70px;
width:410px;
overflow:auto;
height:400px;
}

.biopara p{
margin-right:5px;
color:#301b04;
font-family:Verdana, Arial, sans-serif;
}

.intro {
font-size:18px;
}

.submit {
margin-left:175px;
}