@charset "utf-8";

.clear {
    clear: both
}

body {
    font-family: 'Arial', serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    background-color: #fff
}

.headerBg {
	background-image:url(../images/border.gif);
	background-position:center;
	background-repeat:repeat-x;
}

h1 {
    font-size: 35px;
	line-height:35px;
	font-weight:normal;
    color: #333;
    margin: 0;
    padding: 0 0 5px 0;
	font-family: 'Anton', serif;
	text-align:center;
}

h2 {
    font-size: 21px;
	line-height:21px;
	font-weight:normal;
    color: #333;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
	font-family: 'Anton', serif;
	text-align:center;
}

h3 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
	font-family: 'Anton', serif;
	text-transform:uppercase;
}
.htag {
	width:130px;
	background-color:#FFFFFF;
	margin-left:200px;
	font-size:24px!important;
}

.h1tag {
	background-color:#FFFFFF;
	width:200px;
	margin-left:380px;

}

.h2tag {
	background-color:#FFFFFF;
	width:200px;
	margin-left:380px;

}

.h1tagAbout {
	background-color:#FFFFFF;
	width:250px;
	margin-left:355px;
	font-size: 35px;
	line-height:35px;

}

.h1tagVeg{
	background-color:#FFFFFF;
	width:350px;
	margin-left:310px;
	font-size: 35px;
	line-height:35px;

}

p {
	margin: 5px 0px 10px 0px;
    color: #3a3a3c;
	font-size:14px;
}

a:link {
    color: #024945;
	text-decoration:none!important;
}

a:visited {
    color: #4EAA7B;
	text-decoration:none!important;
}

a:hover {
    color: #ADD0C9
}

li {
    margin-left: 15px
}

ul {
    margin: 0;
    padding: 0 10px 10px 10px;
	color: #3a3a3c;
}

#wrapAll {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

#wrapContent {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
	padding:20px 0 20px 0;
    overflow: hidden;
    background-color: #fff;
}

#headerContainer {
    width: 100%;
    height: 110px;
	margin-top:10px;
	background-color: #333;
}

#header {
    width: 960px;
    height:110px;
    margin-left: auto;
    margin-right: auto;
	background-color: #333;
	overflow:hidden;
}

#headerLogo {
	margin-left:20px;
    float: left;
}
#HeaderLogoImg {
    border: 10px solid #333;
}

#menu {
    width: 560px;
    height: 40px;
	background-color:#333;
	float:left;
	margin-top:50px;
}

.slideContFull {
	width:100%;
	height:330px;
}

#menu ul {
    margin: 0;
    list-style: none;
    float: left;
}

#menu li {
    font-size: 14px;
    display: block;
    margin: 0;
    padding: 10px 7px 0px 7px;
    float: left;
	font-family:"Arial";
}

#menu li.active {
    position: relative;
    z-index: 99;
    background: url('/objs/arrow_menu.gif') bottom center no-repeat
}

#menu a.hover{
    color:#666666;
}

#menu a {
    margin: 0;
    text-decoration: none;
    color: #fff
}

#menu a span {
    display: block;
    float: right;
}

#menu a span {
    float: none
}

#menu a:hover span {
    color: #DFEAE5
}

#menu a:hover span {
    color: #fff
}

#menu a:visited {
    color: #DFEAE5
}

.pageHeader {
	width:920px;
	background-color:#f2f2f2;
	height:380px;
	margin-top:15px;
}

.fullWidth{
    width: 960px;
	margin:15px 0 15px 0;
	overflow:hidden;
}

.col460 {
	width:460px;
	float:left;
	margin-right:20px;
}

.col460last {
	width:460px;
	float:left;
}

.floatLeft {
	float:left;
}

.marginRight {
	margin-right:20px;
}

.textAlign {
	text-align:left;
}

.marginTop {
	margin-top:80px;
}

.teamCont {
	width:228px;
	margin-right:20px;
	float:left;
	text-align:center;

}
.teamContLast {
	width:215px;
	text-align:center;
	float:left;

}

.teamPhoto {
	background-color:#CCCCCC;
	padding:10px;
	width:190px;
	margin-bottom:10px;
	
	
}

.teamPhotoLast {
	background-color:#CCCCCC;
	padding:10px;
	width:190px;
	margin-bottom:10px;

}


.colCont3 {
	float:left;
	width:300px;
	margin-left:15px;
}

.colCont{
	float:left;
	width:300px;
}

.colContBottom1 {
    background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:17px;
	width:300px;
	overflow:hidden;

}

.headerTxtCont {
	position:absolute;
	top:180px;
	z-index:3000;
	left:180px;
	opacity: 0.7;
	background-color:#000;
}

.headerTxt {
	padding:10px 15px 10px 15px;
}

.headerTxt h1 {
	color:#FFFFFF;
}

.button {
	background-color:#FF3300;
	padding:10px;
	float:right;
	-moz-border-radius: 5px;
    border-radius: 5px;
	font-size:16px;	
	color:#FFFFFF;
}

.button a{
	color:#FFFFFF;
	text-decoration:none;	
}

.button:hover{
	background-color:#333;
}

.width570 {
	width:600px;
	float:left;
}

.contactDetails {
	width:340px;
	float:right;
	margin-left:20px;
}

.contactDetails h2 {
	text-align:left;
}

.address{
	width:300px;
	background-color:#e6e6e6;
	margin:0 0 15px 0;
	padding:20px;
}

.map{
	width:340px;
}

html {
    overflow: -moz-scrollbars-vertical;
	overflow-x: auto
}

#footerContainer {
	width:100%;
	background-color:#333;
	overflow:hidden;
}

#footer {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:20px;
    background-color: #333;
	padding-top:10px;
    font-size: 12px;
	overflow:hidden;
}

#footerColLeft {
    float: left;
    width: 500px;
    text-align: left;
	font-family:"Arial";
}

#footerColRight {
    float: right;
    width: 300px;
	font-family:"Arial";
}

#footerColRight h2{
	color:#fff;
	font-size:24px;
	text-align:right;
	padding-top:5px;
}

#footerColRight a{
   color:#fff;
}

#footerColRight h3{
    color:#fff;
	margin:0px;
	padding:0px;
	font-size:24px;
	font-weight:normal;
}

#footerColLeft p, #footerColRight p {
    font-size: 12px;
    color: #fff
}

img {
    border:none;
}

.cont930 {
	width:930px;
	overflow:hidden;
	margin:15px auto 15px auto;
}

.cont930 h2{
    color:#3a3a3c;!important;
}


.paddingRight{

	padding-right:24px;

	float:left;

}


.servicesText {
	float:left;
	width:600px;
}

textarea {
	width:400px;

}

#thumbs {overflow: hidden;width:325px;float:left; }

#thumbs img, #largeImage {

 background-color: white;

 cursor: pointer;

}

#thumbs img {

 float: left;

 margin-right: 6px;

}

#description {

 background: black;

 color: white;

 position: absolute;

 bottom: 0;

 padding: 10px 20px;

 width: 700px;

 margin: 5px;

}

#panel { position: relative; }



.marginBottom{

margin-bottom:5px;}



.textfield {

background-color:#f2f2f2;

width:285px;

pading:10px;

margin-bottom:10px;

border:solid 1px #ccc;

border-radius:5px;

height:30px;

}



.info {background-color:#f2f2f2;
width:285px;
height:112px;
pading:5px;
border:solid 1px #ccc;
margin-bottom:10px;
}

.contactfield {
	width:600px;
	background-color:#f2f2f2;
	pading:10px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	border-radius:5px;
	height:30px;
}

.contactinfo {
	width:600px;
	background-color:#f2f2f2;
	pading:10px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	border-radius:5px;
	height:200px;
}

.officePhoto {
	margin-top:20px;
}

.borderBottom {
	border-bottom:solid 1px #333;
	padding-bottom:20px;
}

.mainImageHeader {
	width:100%;
	background-image:url(../images/slide-vegetables.jpg);
	height:300px;
}

.mainImageHeaderFruit {
	width:100%;
	background-image:url(../images/slide-fruit.jpg);
	height:300px;
}

.mainImageHeaderRecipe{
	width:100%;
	background-image:url(../images/recipe-marrow.jpg);
	height:300px;
}

.recipe h2{
	text-transform:uppercase;
	text-align:left;
}

.ingredients {
	background-image:url(../images/note-paper-new.jpg);
	height:800px;
	width:280px;
	float:left;
	padding:30px 20px 30px 90px;
	background-repeat:no-repeat
}

.ingredients li{
	font-size:14px;
	line-height:24px;
}

.method {
	float:left;
	width:560px;
}

.recipeImage {
	padding:10px 10px 30px 10px;
	background-color:#FFFFFF;
	border:solid 1px #ccc;
	width:220px;
}
