/* Company Specific */
.logo {
	display: block;
	padding: 10px;
	margin: auto;
	width: 320px;
}

/* Reset */
p {
	margin: 30px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
}

li {
	margin-bottom: 3px;
}

a:link, a:visited {
	text-decoration:none;
	padding: 0;
	margin: 0;
	color: ;
}

a:hover, a:active {
	text-decoration:none;
	color: ;
}

/* Containers */
body {
	background: #fff url("../images/pattern.jpg");	font-family: times, serif;
	color: #000;
	font-size: 12px;
}

header {
	width: 960px;
	margin: 0 auto;
}

#container, footer {
	padding: 10px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#container {
	margin: 5px auto;
}

footer {
	margin: 0px auto;
}

@media only screen and (max-width: 960px) {
    header, #container, footer {
        width: auto;
    }
}

/* Article */
.article {
	width: 960px;
	min-height: 50px;
	overflow: hidden;
}

.article #contact {
	width: 960px;
	height: 75px;
	float: left;
}

/* Navigation */
.navbar {
	width: 960px;
	margin: 15px auto;
}
	
/* Misc */
.clear {
	clear:both;
}

img.center {
	display: block;
	margin: auto;
}

.navbutton, .navbutton1 {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.navbutton:hover {
	background: linear-gradient(to right, rgba(209,18,66,0.8) 0%,rgba(209,18,66,1) 50%,rgba(209,18,66,0.8) 100%);
	background: -moz-linear-gradient(left, rgba(209,18,66,0.8) 0%, rgba(209,18,66,1) 50%, rgba(209,18,66,0.8) 100%);
}

.navbutton1:hover {
	background: linear-gradient(to right, rgba(255,0,0,0.8) 0%,rgba(255,0,0,1) 50%,rgba(255,0,0,0.8) 100%);
	background: -moz-linear-gradient(left, rgba(255,0,0,0.8) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,0.8) 100%);
}

.navcoffee {
	width: 55px;
	height: 59px;
	position: relative;
	left: 662px;
	top: -407px;
}

.navwitolifant {
	width: 195px;
	height: 16px;
	position: relative;
	left: 82px;
	top: -573px;
}

.navbread {
	width: 52px;
	height: 42px;
	position: relative;
	left: 842px;
	top: -427px;
}

.navproducts {
	width: 59px;
	height: 76px;
	position: relative;
	left: 653px;
	top: -755px;
}

.navtrading {
	width: 93px;
	height: 78px;
	position: relative;
	left: 433px;
	top: -417px;
}

.navinstagram {
	width: 59px;
	height: 38px;
	position: relative;
	left: 481px;
	top: -682px;
	border-radius: 8px;
}

.navmap {
	width: 59px;
	height: 38px;
	position: relative;
	left: 445px;
	top: -755px;
	border-radius: 8px;
}

.navfacebook {
	width: 34px;
	height: 50px;
	position: relative;
	left: 535px;
	top: -800px;
	border-radius: 8px;
}

.navcontact {
	width: 58px;
	height: 37px;
	position: relative;
	left: 396px;
	top: -822px;
	border-radius: 8px;
}

.navcake {
	width: 62px;
	height: 20px;
	position: relative;
	left: 178px;
	top: -598px;
	border-radius: 8px;
}

.navafroboer {
	width: 282px;
	height: 90px;
	position: relative;
	left: 358px;
	top: -1157px;
}

.navspace {
	width: 242px;
	height: 200px;
	position: relative;
	left: 677px;
	top: -839px;
}

.navfood {
	width: 120px;
	height: 10px;
	position: relative;
	left: 135px;
	top: -1166px;
}

.navbeverages {
	width: 120px;
	height: 10px;
	position: relative;
	left: 135px;
	top: -1150px;
}

.navwine {
    width: 120px;
    height: 10px;
    position: relative;
    left: 135px;
    top: -1130px;
}

.navthula {
	width: 320px;
	height: 90px;
	position: relative;
	left: 324px;
	top: -1154px;
}

.navcoffee:hover, .navwitolifant:hover, .navbread:hover, .navproducts:hover, .navtrading:hover, .navinstagram:hover, .navmap:hover, .navfacebook:hover, .navcontact:hover, .navcake:hover {
	-moz-box-shadow:    	0px 0px 35px #D11141;
	-webkit-box-shadow: 	0px 0px 35px #D11141;
	box-shadow:         		0px 0px 35px #D11141;
}

.navfood:hover, .navbeverages:hover, .navwine:hover {
	-moz-box-shadow:    	-10px 0px 25px red, 10px 0px 25px #D11141;
	-webkit-box-shadow: 	-10px 0px 25px red, 10px 0px 25px #D11141;
	box-shadow:         		-10px 0px 25px red, 10px 0px 25px #D11141;
}

.navafroboer:hover {
	background: url('../images/afroboer.png') no-repeat;
}

.navspace:hover {
	background: url('../images/space01.png') no-repeat;
}

.navthula:hover {
	background: url('../images/thula01.png') no-repeat;
}

.main-footer img {
    margin: auto!important;
}