/* Reset */

body{
	font-family: "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	color: #666666;
	background: #676058 url(../images/misc/body.jpg) center top repeat-x;
}

div{
	width: auto;
	height: auto;
	overflow: hidden;
}

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

a{
	color: #a28461;
	text-decoration: underline;
	-moz-outline-style: none;
}

a:hover{
	color: #3d3229;
}

a img{
	border: none;
}

h1, h2, h3, h4, h5{
	font-family: "Lucida Grande", sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
	margin: 40px 0px 0px 0px;
	color: #3d3229;
}

p{
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

p.block{
	text-align: justify;
}


/* Build global site elements */

.frame{
	width: 840px;
	margin: 0px auto;
	background: transparent url(../images/misc/frame.png) center top no-repeat;
}

.frame .header-body{
	height: 120px;
	margin: 40px 0px 0px 0px;
	background: transparent url(../images/misc/header.png) center center no-repeat;
}

.frame .header-body .header{
	margin: 60px 60px 0px 60px;
}

.frame .header-body .header .logo{
	clear: both;
	float: left;
	width: 171px;
	height: 55px;
	background: transparent url(../images/misc/header-logo.png) center center no-repeat;
}

.frame .header-body .header .navigation{
	float: right;
	margin: 20px 0px 0px 0px;
}

.frame .header-body .header .navigation ul li{
	float: left;
}

.frame .header-body .header .navigation ul li a{
	display: block;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 40px;
	color: #3d3229;
	text-decoration: none;
}

.frame .header-body .header .navigation ul li a:hover{
	border-bottom: 9px solid #676058;
}

.frame .header-body .header .navigation ul li a.active{
	border-bottom: 9px solid #eeeeee;
}

.frame .content-body{
	background: transparent url(../images/misc/content.png) center center repeat-y;
}

.frame .content-body .content{
	margin: 40px 60px 0px 60px;
}

.frame .content-body .content .index .banner{
	height: 200px;
	background: transparent url(../images/banners/banner-start.jpg) center center no-repeat;
}

.frame .content-body .content .about .banner{
	height: 200px;
	background: transparent url(../images/banners/banner-about.jpg) center center no-repeat;
}

.frame .content-body .content .works .banner{
	height: 200px;
	background: transparent url(../images/banners/banner-works.jpg) center center no-repeat;
}

.frame .content-body .content .contact .banner{
	height: 200px;
	background: transparent url(../images/banners/banner-contact.jpg) center center no-repeat;
}

.frame .content-body .content .banner .quill-cup{
	position: absolute;
	width: 123px;
	height: 174px;
	margin: 80px 0px 0px 550px;
	background: transparent url(../images/misc/quill-cup.png) center center no-repeat;
}

.frame .content-body .content .banner .easel{
	position: absolute;
	width: 200px;
	height: 220px;
	margin: 60px 0px 0px 500px;
	background: transparent url(../images/misc/easel.png) center center no-repeat;
}

.frame .content-body .content .banner .bottles{
	position: absolute;
	width: 180px;
	height: 180px;
	margin: 90px 0px 0px 520px;
	background: transparent url(../images/misc/bottles.png) center center no-repeat;
}

.frame .content-body .content .banner .notebook{
	position: absolute;
	width: 200px;
	height: 200px;
	margin: 60px 0px 0px 500px;
	background: transparent url(../images/misc/notebook.png) center center no-repeat;
}

.frame .content-body .content .banner .shadow{
	position: absolute;
	width: 720px;
	height: 25px;
	margin: 201px 0px 0px 0px;
	background: transparent url(../images/misc/shadow-large.png) center top no-repeat;
}

.frame .content-body .content .banner .box{
	width: 200px;
	height: 200px;
	border-right: 1px solid #ffffff;
}

.frame .content-body .content .banner .box .news{
	height: 79px;
	padding: 10px;
	color: #ffffff;
	background: transparent url(../images/misc/trans-black.png) center center repeat;
}

.frame .content-body .content .banner .box .news a:hover{
	color: #999999;
}

.frame .content-body .content .index .banner .box .banner-small{
	height: 100px;
	background: transparent url(../images/banners/banner-start-small.jpg) center center no-repeat;
	border-top: 1px solid #ffffff;
}

.frame .content-body .content .about .banner .box .banner-small{
	height: 100px;
	background: transparent url(../images/banners/banner-about-small.jpg) center center no-repeat;
	border-top: 1px solid #ffffff;
}

.frame .content-body .content .works .banner .box .banner-small{
	height: 100px;
	background: transparent url(../images/banners/banner-works-small.jpg) center center no-repeat;
	border-top: 1px solid #ffffff;
}

.frame .content-body .content .contact .banner .box .banner-small{
	height: 100px;
	background: transparent url(../images/banners/banner-contact-small.jpg) center center no-repeat;
	border-top: 1px solid #ffffff;
}

.frame .content-body .content .column-layout .left{
	clear: both;
	float: left;
	width: 340px;
}

.frame .content-body .content .column-layout .right{
	float: right;
	width: 340px;
}

.frame .content-body .content .column-layout a img{
	display: block;
	border-bottom: 1px solid #ffffff;
}

.frame .footer-body{
	background: transparent url(../images/misc/footer.png) center top no-repeat;
}

.frame .footer-body .footer{
	margin: 60px 60px 40px 60px;
}

.frame .footer-body .footer .legal{
	clear: both;
	float: left;
	color: #9c9087;
}

.frame .footer-body .footer .imprint{
	float: right;
}

.frame .footer-body .footer .imprint a{
	color: #9c9087;
}