body {margin: 0; padding: 0; font-family: 'Arvo', serif; line-height: 1.4;}
html {background: url(../img/design/bg-header.jpg) 0 -120px repeat-x;}


/* Structure */
header,
nav,
div.content,
footer .inner {width: 940px; margin: 0 auto;}
footer {clear: both; background: url(../img/design/bg-header.jpg) center top repeat-x; width: 100%; bottom: 0; position: fixed; min-height: 32px;}


/* Elements */
header {position: relative; height: 220px;}
header .logo {position: absolute; right: 0; width: 160px; top: 20px;}
header .foto {position: absolute; top: 30px; left: 320px; width: 340px;
transform:rotate(5deg);
-ms-transform:rotate(5deg); /* IE 9 */
-webkit-transform:rotate(5deg); /* Safari and Chrome */
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
display: none;
}

nav {background: url(../img/design/ornament.png) bottom center no-repeat; height: 60px; margin-top: 10px; margin-bottom: 30px;}

nav ul {margin: 0; padding: 0; list-style: none; width: 100%; margin: 0 auto;}
nav li {display: inline-block; width: 20%; float: left; text-align: center; text-transform: uppercase;}
nav a {color: black; text-decoration: none;}
nav a:hover {font-weight: bold; color: black;}
nav a:visited {color: black;}

body.home a.home,
body.history a.history,
body.craft a.craft,
body.product a.products,
body.contact a.contact {font-weight: bold;}



.content {background: url(../img/design/ornament.png) bottom center no-repeat; padding-bottom: 150px;}
.content img {max-width: 100%;}

footer .inner {color: white; font-weight: 700;}
footer a,
footer a:visited {color: white;}


hr {background: url(img/design/ornament.png) center center no-repeat; border: 0; height: 15px; margin: 0.5em 0 0.5em; clear: both;}

.gallery {list-style: none; padding: 0; margin: 0;}
.gallery li {float: left; width: 33.3%; margin-bottom: 25px;}


aside {float: right;}

form {}
form ul {margin: 0; padding: 0; list-style: none;}
form li {margin-bottom: 1em;}
input {padding: 0.25em 0.5em;}
input[type=text],
input[type=email] {width: 25em;}
textarea {width: 40em; height: 10em;}

label {display: block;}
input[type=submit] {}

/* Specials */

.center {text-align: center;}
.right	{text-align: right;}

/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf {*zoom:1;}