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

ul#slides{width:960px;}
#fssPrev{display:none;}
#fssNext{display:none;}
#fssPlayPause{display:none;}
#fssList{display:none;}

.cycloneslider-caption {
	display:none;
}

#scrollUp {
    right: 30px;
	bottom: 30px;
}

*{margin:0px; padding:0px; border:none; list-style:none; }

body { background-color:#ffffff; font-family:'Arial', Sans-Serif, sans;
	background-image: url(../img/bg1.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;

}
h1{font-size:24px; font-weight:normal; margin-bottom:18px; text-align:left; font-family: 'Open Sans', sans-serif;}
h2{font-size:20px; font-weight:bold; margin-bottom:19px; text-align:center; font-family: 'Open Sans', sans-serif;}

.wrapper { width:960px; margin-left:auto; margin-right:auto; }

#topbar {height:10px; background-color: #fff; width:100%;z-index: 550; position: fixed;}
#navbar {height:71px; margin-top:10px;
         background-image:url(../img/navbar.jpg);
         background-position:top center;
         text-align:center;
         color:#ffffff;
         font-size:15px;
         font-family: 'Telex', sans-serif;
         -webkit-box-shadow: 0 0 4px 5px #CCC;
		 box-shadow: 0 0 4px 5px #CCC;
         margin-bottom:45px;
	position: fixed;
	width: 100%;
	z-index: 555;
	background-color: #333;
}
a {
		text-decoration: none;	
}
   
#header{height:193px; overflow:hidden; position:relative;}

#logo{position:absolute; width:374px; height:118px; top:30px; left:38px;}
#contract{font-size:40px; text-align:center; position:absolute; font-weight:normal; font-family: 'Open Sans', sans-serif;
   right:75px; top:41px; line-height: 50px; color: #333; letter-spacing: 1px; width: 450px;
}
#slideshow{height:400px;}
#bodytext{

	margin-top: 30px;
	line-height: 30px;
	font-size: 14px;
    min-height: 240px;
}
#bodytext p {
	text-align: justify;
	margin-bottom: 20px;
}
#bodytext a {
	color: #51804a;
}
#bodytext a:hover {
	color: #8b9f88;
}
#bodytext h1{text-align:center; font-family: 'Open Sans', sans-serif; margin-top: 30px;}
#bodytext h2{margin-bottom: 19px; font-style: normal; }
#bodytext p strong {
	line-height: 25px; font-family: 'Open Sans', sans-serif; margin-top: 30px;
}
#bodytext img {
	border: 1px solid #666;
	border-radius: 6px;
	margin-top: 40px;
}
#bodytext img.no-border {
	border: none;	
}



.smlwrap{width:800px; margin-left:auto; margin-right:auto;}

#ticks{margin-top:47px; overflow:hidden; font-size:14px;}

#bodytext ul{
	display: block;
	overflow: hidden;
	}

#bodytext ul li {
    background-image: url("../img/tick.png");
    background-repeat: no-repeat;
    float: left;
    line-height: 21px;
    margin-left: 13px;
    min-height: 35px;
    padding-left: 60px;
    padding-top: 11px;
    width: 320px;
}
   
#partners{margin-top:20px; overflow:hidden;}
#plogos{height:100px; float:left; overflow:hidden; margin-bottom:27px;}
#aco{width:190px; float:left;}
#haccp{width:98px; float:left; padding-left:35px;}
#halal{width:86px; float:left; padding-left:40px;}
#k{width:84px; float:left; padding-left:40px;}
#nswfa{width:177px; float:left; padding-left:40px;}

#navbar2 {height:71px; margin-top:9px;
         -webkit-box-shadow: 0 0 4px 5px #CCC;
		 box-shadow: 0 0 4px 5px #CCC;
         background-image:url(../img/navbar.jpg);
         background-position:top center;
         display:block;
         position:relative;
         text-align:center;
         color:#ffffff;
         font-size:12.5px;
	letter-spacing: .5px;
         font-family: 'Telex', sans-serif;
	background-color: #333;
}

#footbar {height:71px; background-color:#333333; margin-top:9px;
         -webkit-box-shadow: 0 0 4px 5px #CCC;
		 box-shadow: 0 0 4px 5px #CCC;
         margin-bottom:10px;
         background-image:url('../img/footer.jpg');
         background-position:top center;
         text-align:center;
         color:#333;
         font-size:12.5px;
         font-family: 'Telex', sans-serif;
         
}
.footer{height:71px;}
.footer ul{
   position:relative;
   text-align:center;
   display:inline-block;
   }
.footer ul li{
   float:left;
   position:relative;
   text-align:center;
   display:inline-block;
   line-height:66px;
}
.footer a {
	color: #333;	
}
.footer a:hover {
	color: #000;
}
.middle{margin-left:150px; margin-right:150px;}
.nav{height:70px;
         font-family: 'Telex', sans-serif;
	letter-spacing: .5px;
	font-size: 12.5px;
	position: relative;
}
.menu-main-menu-container {
   text-align:center;
}
.nav ul{
   position: relative;
	text-align: center;
	display: inline-block;
margin-left: 190px;
	margin-left: 190px;
	}
.nav ul li{
   float:left;
   position: relative;
	text-align: center;
	display:block;
	height:71px;
	line-height:67px;
	padding-left:11px;
	padding-right:11px;
}
.nav ul li a {
	color: #fff;
	display:block;
}

.nav ul li a:hover {
		color: #8b9f88;
}

div.home {
	margin-left: 40px;
    margin-right: 19px;
    position: absolute;
    top: 21px;
    width: 40px;
	}
div.homelogo {
    margin-left: 40px;
    margin-right: 19px;
    position: absolute;
    top: 4px;
    left:-30px;
    width: 225px;
    }

.nav ul li ul li:first-child{width: 100%; margin-left:0; margin-right: 0;}
.nav ul li:first-child img{position: absolute; top: 22px;}


.nav ul li ul {
    background-color: #ccc;
    border-radius: 0 0 25px 25px;
    color: #FFFFFF;
    display: none;
    left: 50%;
    line-height: 30px;
    padding-bottom: 30px;
    padding-top: 10px;
    position: absolute;
    top: 71px;
    width: 220px;
	margin-left: -111px;
    z-index: 444;
	opacity: 0.95;
}
.nav ul li ul li {
    background-image: none;
    display: block;
    height: auto;
    line-height: 25px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
		opacity: 1;
		font-weight:bold;
		letter-spacing: normal;
}
.nav ul li ul li a {
	color: #333;	
}
#navbar .nav ul li:hover ul {
	display: block;
}

.nav2 ul{
   position: relative;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    }
.nav2 ul li{
   float:left;
   position: relative;
    text-align: center;
    display:block;
    height:71px;
    line-height:67px;
    padding-left:17px;
    padding-right:17px;
}
.nav2 ul li a {
    color: #fff;
    display:block;
}
.nav2 ul li a:hover {
        color: #8b9f88;
}
.nav2 ul li ul li:first-child{width: 100%; margin-left:0; margin-right: 0;}
.nav2 ul li:first-child img{position: absolute; top: 22px;}


.nav2 ul li ul {
    background-color: #ccc;
    border-radius: 0 0 25px 25px;
    color: #FFFFFF;
    display: none;
    left: 50%;
    line-height: 30px;
    padding-bottom: 30px;
    padding-top: 10px;
    position: absolute;
    top: 71px;
    width: 220px;
    margin-left: -111px;
    z-index: 444;
    opacity: 0.95;
}
.nav2 ul li ul li {
    background-image: none;
    display: block;
    height: auto;
    line-height: 25px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
        opacity: 1;
        font-weight:bold;
        letter-spacing: normal;
}
.nav2 ul li ul li a {
    color: #333;    
}
#navbar2 .nav2 ul li:hover ul {
    display: none;
}
.nav2 ul li a:hover {
        color: #8b9f88;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}




#wpcf7-f71-o1 input, textarea {
	border: 1px solid #666;	
    margin-bottom: 10px;
    padding: 10px;
    width: 780px;
	border-radius: 20px;
}
#wpcf7-f71-o1 input[type="submit"] {
	margin-top: 20px;
	margin-bottom: 40px;
    width: 800px;	
}
div.wpcf7 {
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 800px;
	margin-top: -40px;
}
#topbit {
	padding-top: 120px;
}

/* VIEWPORT < 320px */

@media only screen and (max-width: 940px){


#topbit {
	padding-top: 0px;
}
#navbar .menu-main-menu-container {
	display: none;
}
.wrapper {
	width: 100%;
}
.smlwrap {
	width: 80%;
}	
#slideshow img {
	width: 90%;
height: auto;
margin: 0 auto;
display: block;
}
#slideshow {
	height: auto;
}
#navbar2 {
	width: 100%;
	height: auto;
	background-image: none;
}

#footbar {
	width: 100%;
}
	
h1 {
	font-size: 34px;
    line-height: 44px;
}

#bodytext h1.larger {
	font-size: 40px;
    line-height: 46px;
}
h2 {
	font-size: 24px;
    line-height: 30px;
}
	
#bodytext ul li {
    font-size: 18px;
    line-height: 28px;
	width: 80%;
}

#bodytext {
    font-size: 18px;
    line-height: 30px;
	margin-top: -30px;
}

#footbar .footer .middle {
	display: none;
}

#navbar2 .home {
	display: none;
}

#navbar {
	position: relative;
	background-image: none;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.nav2 ul li {
	float: none;
}
#topbar {
	display: none;
}
.footer ul li {
	float: none;
	width: 100%;
}
#bodytext img {
	width: 80%;
	height: auto;
}
#bodytext img.alignnone, div.wpcf7 {
	display: none;
}
.hideonmobile {
	display: none;
}
#plogos {
	height: auto;
}
table {
	width: 80%
}

}