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

html {height: 101%;}

body {height: 100%; margin: 0px auto; padding: 0px; background-color: #f6f3e8; font-family: Arial; color: #1a1a1a; height: 700px;}

.content {width: 920px; height: 540px; margin: 0px auto; padding: 0px;}
.content h1 {font-size: 26px; font-family: Helvetica; font-weight: bold; color: #404040; line-height: 1.7em; margin: 0px 0px 0px 0px; padding: 0px;}
.content p {font-size: 15px; font-family: Helvetica; color: #404040; line-height: 1.7em; margin: 0px 0px 10px 0px; padding: 0px;}
.content a {font-size: 15px; font-weight: bold; font-family: Helvetica; color: #F7941E; line-height: 1.7em; text-decoration: none; margin: 0px; padding: 0px;}
.content a:hover {font-size: 15px; font-weight: bold; font-family: Helvetica; color: #DE761C; line-height: 1.7em; text-decoration: none; margin: 0px; padding: 0px;}
.container {margin-top: 30px; float: left;}

.masthead-wrap {background-color: #F1EEE4; border-bottom: 3px solid #E9E5DB;}
.masthead {margin: 0px auto; padding: 6px 0px 34px 0px; width: 920px; height: 67px;}

.logowrap {margin: 0px 0px 0px 266px; padding-top: 18px; width: 191px; float: left;}
.logo {margin: 0px; padding: 0px; float: right;}
.logo a {text-decoration: none;}
.logo img {border: 0px;}
.pagename {margin: 6px 5px 0px 0px; padding: 0px; float: right;}
.pagename p {margin: 0px; padding: 0px; color: #aa9f92; font-size: .8em; text-transform: uppercase;}

#nav {margin: 0px 0px 0px 20px; padding: 0px; width: 196px; float: left;}

#navlist {position: relative;}
#navlist li {margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px;}
#navlist li, #navlist a {height: 66px; display: block;}

a {outline: none;}

/*Home*/
#main-container {margin: 0px 40px 0px 40px; float: left;}
#main-image {float: left; margin-right: 40px;}
#main-intro {width: 400px; height: 200px; float: left;}

#web {left: 0px; width: 67px;}
#web {background: url('img_navsprite.png') 0px 0px;}
#web a:hover {background: url('img_navsprite.png') 0px -67px;}
#web a:active {background: url('img_navsprite.png') 0px -67px;}
#web.active {background: url('img_navsprite.png') 0px -67px;}

#print {left: 67px; width: 58px;}
#print {background: url('img_navsprite.png') -67px 0px;}
#print a:hover {background: url('img_navsprite.png') -67px -67px;}
#print a:active {background: url('img_navsprite.png') -67px -67px;}
#print.active {background: url('img_navsprite.png') -67px -67px;}

#painting {left: 123px; width: 50px;}
#painting {background: url('img_navsprite.png') -123px 0px;}
#painting a:hover {background: url('img_navsprite.png') -123px -67px;}
#painting a:active {background: url('img_navsprite.png') -123px -67px;}
#painting.active {background: url('img_navsprite.png') -123px -67px;}

#draw {left: 178px; width: 18px;}
#draw {background: url('img_navsprite.png') -178px 0px;}
#draw a:hover {background: url('img_navsprite.png') -178px -67px;}
#draw a:active {background: url('img_navsprite.png') -178px -67px;}
#draw.active {background: url('img_navsprite.png') -178px -67px;}

.bucket {margin: 0px auto; padding: 20px; width: 700px;}
.bucket img {float:left;}
.bucket p {margin:0px; padding-left:30px; float:left; width: 250px;}

.item {width: 211px; height: 130px; margin:0px 24px 30px 0px; float: left; background-color: #F1EEE4}
.item a:hover img {opacity:0.6; filter:alpha(opacity=60);}
.item a img {border: none;}

.last {margin-right: 0px;}

#footer {width: 920px; margin: 0px auto; padding: 80px; clear:both; text-align: center;}
#footer p {font-size: 11px; color: #aa9f92;}