body{
	background-color: #c2b074;
	color: #40371c;
	margin: 0px;
	font-family: Calibri;
	height: 100%;
}

.wrapper {
	position: absolute;
	min-width: 54em;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
}

.topWrapper {
	margin: 0 auto;
	padding: 4em 0 0 0;
	min-width: 42em;
}

.topContainer{
	
}

		/* Menu CSS */

		.menuContainer {
			margin: 0 auto;
			max-width: 600px;
		}

		.navMenu{
			margin: 0px auto;
			padding: 0px;
		}

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

		.navMenu li{
			display: inline-block;
			text-align: center;
		}

		.navMenu a {
			display: block;
			text-decoration: none;
			background-color: #d4cbab;
			color: #40371c;
			width: 5em;
			padding: 0.3em;
			margin: 0 0 0 2.5em;
			padding: 0.3em;
			border-radius: 10px 10px 0px 0px;
		}

		.navMenu a:hover, .navMenu a.current:hover, .navMenu a.contact:hover, .navMenu a.cart:hover{
			background-color: #efefef;
			color: #40371c;
		}

		.navMenu a.currentPage {
			background-color: #efefef;    
		}

		.navMenu a.contact{
			background-color: #d4cbab;
		}

		.navMenu a.cart, .navMenu a.cart a{
			background-color: #6a6145;
			color: #d4cbab;
		}
		.navMenu a.home{
			background-color: #40371c;
			color: #d4cbab;
		}



/* Top content CSS */

.header {
	width: 42em;
	height: 10em;
	clear: left;
	margin: 0px auto;
	background-color: #efefef;
	position: relative;
	
	border-radius: 4em 4em 0 0;
}

.logo {
	margin: 1.2em 0 0 2.5em;
	display: inline-block;
}

.social{
	padding: 1em 2.5em 0 0;
	display: inline-block;
	width: 190px;
	height: 2.5em;
	position: absolute;
	right: 0;
}

.social a{
	display: inline-block;
	height: 2.5em;
	margin-left: 1em;
}

.socialBtn{
	height: 2.5em;
	width: 2.5em;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.socialBtn:hover {
	transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    -webkit-transform:rotate(30deg);
}

@webkit-keyframes rotate{
	from{-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
	to{-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
}
@keyframes rotate{
	from{
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
	to{-ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);}
}


/* Just the ornament banner */

.bowContainer {
	padding: 0.3em 0;
	width: 100%;
	height: 1.5em;
	background-color: #40371c;
	position: relative;
}

.line {
	background-image: url("img/line.png");
	background-repeat: repeat-x;
	height: 1em;
	padding: 0.2em 0;
}

.bowPositioner{
	width: 42em;
	margin: 0 auto;
}

.bowholder {
	width: 42em;
	height: 1.5em;
	padding: 0.3em 0;
	position: absolute;
	top: 0;
	margin: 0 auto;
}

#bow{
	z-index: 2;
	position: absolute;
	top: -6.5em;
	right: -3em;
}


/* Body content */

.contentWrapper {
	bottom: 0;
	width: 100%;
}

.bodyWrapper {
	background-image: url(img/dots1.png);
	padding-bottom: 3em;
}


.bodyContainer {
	width: 42em;
	min-height: 500px;
	margin: 0px auto;
	background-color: #efefef;
	border-radius: 0 0 4em 4em;
	position: relative;
}

.productItems {
	display: inline-block;
	padding: 1em;
}

	/* Product menu */

		.productMenu{
			vertical-align: top;
			display: inline-block;
			width: 9em;
			margin: 1em 0 0 1em;
			
		}
		
		.productMenu ul{
			margin: 0;
			padding: 1em 0 0 0.9em;
			list-style: none;
			text-align: left;
			font-family: Charlemagne Std;
			font-size: 0.8em;
		}
		
		.productMenu a {
			display: block;
			padding: 0.2em 0.7em;
			width: 7em;
			text-decoration: none;
			font-family: Georgia;
			font-weight: bold;
			color: #40371c;
		}
		
		.productMenu a.currentCategory{
			
		}
		
		.productMenu a:hover{
			margin-left: 1em;
		}
		
		.productMenu a.currentCategory:hover{
			margin-left: 0;
		}
		
		.productMenu li ul {
			padding: 0 0 0 0.7em;
		}
		
		
		.offer {
			margin: 3em 0 0 1em;
			font-family: Georgia;
			font-weight: bold;
			font-family: Charlemagne Std;
			font-size: 0.8em;
		}
		
		#offerBox {
			margin: 0.5em 0 0 0.7em;
			padding: 0;
			width: 7em;
			height: 8em;
			background-image: url(img/products/natursutten.jpg);
			background-size: 7em auto;
			background-repeat: no-repeat;
			outline: 0;
		}
		
		.productMenu a#offerBox:hover {
			margin-left: 0.7em;
		}
		
		
		

.content{
	width: 24.5em;
	min-height: 200px;
	padding: 0.7em;
	margin: 3em 0 4em 1em;
	display: inline-block;
	vertical-align: top;
}

.box {
	width: 6em;
	height: 6em;
	background-color: #d4cbab;
}


/* Specials buttons */

.specials{
	display: inline-block;
	vertical-align: top;
	margin-top: 2em;
	position: absolute;
	right: -80px;
	z-index: 2;
}

.specialsChild {
	margin-top: 20px;
}
.specialsChild:hover .wrap{
	vertical-align: middle;
	position: relative;
	right: -10px;
}

#new {
	background-image: url(img/cloud3.png);
	background-repeat: no-repeat;
	color: #d4cbab;
}

#sale {
	background-image: url(img/cloud1.png);
	background-repeat: no-repeat;
	color: #40371c;
}

#spotlight {
	background-image: url(img/cloud2.png);
	background-repeat: no-repeat;
	color: #d4cbab;
}

.button{
	text-align: center;
	text-decoration: none;
	font-family: Georgia;
	font-weight: bold;
	height:75px;
	width: 157px;
	display: table-cell;
	vertical-align: middle;
}



.copyrightWrapper {
	position: relative;
	margin: 3em auto 0 auto;
	padding-top: 0.2em;
	height: 5em;
	width: 42em;
	text-align: center;
	background-color: #d4cbab;
}

.copyrightWrapper table {
	width: 42em;
	height: 5em;
}

.horizontal {
	background-image: url(img/dl_horizon.gif);
	background-repeat: repeat-x;
}

.vertical {
	background-image: url(img/dl_vertical.gif);
	background-repeat: repeat-y;
}