/*
CSS Document
complied by Guy Hoogewerf - www.ncompass.co.uk - ©2008
*/
* {
	margin: 0;
	padding: 0;
}
/* mac hide \*/
html, body {
	height: 100%;
	width: 100%;
}
/* end hide */

body {
	background: #00a7e7 url(../images/bacground.gif) repeat-x left top;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size: 85%;
	color: #fdfdfd;
	text-align: center;
	min-height: 100%;
}
#container {
	min-height: 100%;
	height:auto!important;
	height: 100%;
	margin-bottom: -180px;
}
/* Header */
#head {
	background-color: #008048;
}
#header {
	width: 900px;
	height: 110px;
	margin: 0 auto;
}
#header h1 {
	float: left;
	background: #008048 url(../images/fresh_logo.gif) no-repeat left top;
	width: 210px;
	height: 110px;
	text-indent: -999em;
	cursor: hand;
}
#header h2 {
	float: right;
	background: #008048 url(../images/tag_line.gif) no-repeat right bottom;
	width: 330px;
	height: 40px;
	margin-top: 70px;
	text-indent: -999em;
}
/* Green Band */
#white {
	background-color: #ffffff;
	height: 4px;
}
#band {
	background-color: #9acc5a;
	height: 100px;
}
#band #content {
	background: #9acc5a url(../images/band_bg.gif) repeat-y center top;
	width: 700px;
	margin: 0 auto;
	padding-right: 200px;
	text-align: left;
	height: 100px;
}
#band #content h1 {
	font-size: 16px;
	color: #fff200;
	float: left;
	margin-right: 5px;
}
#band #content h3 {
	font-size: 16px;
	color: #008048;
}
#band #content #text {
	width: 700px;
}
#band #content #enquiryhead {
	background-color: #dc2982;
	float: right;
	width: 200px;
	height: auto;!Important
}
/* Content */
#holder {
	width: 900px;
	margin: 0 auto;
	display: block;
	text-align: left;
}
#holder #photo {
	float: left;
	width: 700px;
}
#holder #enquiry {
	float: right;
	width: 200px;
	background-color: #be219e;
}
#holder label {
	padding-left: 10px;
	font-weight: bold;
}
#holder .textfield {
	width: 170px;
	margin-left: 10px;
	border:0;
	font-size: 135%;
	color: #008048;
}

/* Pop Ups */
#logo {
	float: left;
	padding: 10px auto 100px auto;
	width: 140px;
}
#popcontent {
	margin-left: 140px;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 15px;
}
#popcontent ul {
	padding: 10px 30px;
}

/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0;
}
/* Rules for the top corners and border */
.bt {
	background:url(../images/box.png) no-repeat 100% 0;
	margin:0 0 0 21px;
	height:20px;
}
.bt div {
	height:20px;
	width:21px;
	position:relative;
	left:-21px;
	background:url(../images/box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(../images/box.png) no-repeat 100% 100%;
	margin:0 0 0 21px;
	height:23px;
}
.bb div {
	height:23px;
	width:21px;
	position:relative;
	left:-21px;
	background:url(../images/box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 8px;
	background:url(../images/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 13px 0 0;
	background:url(../images/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:0px solid #fff;
	border-width:0px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* Footer */
.push {
	height: 180px;
}
#hills {
	background: #00a7e7 url(../images/hills.jpg) repeat-x center bottom;
	height: 180px;
}
#hillbg {
	width: 900px;
	height: 180px;
	margin: 0 auto;	
}
#hills #nav {
	float: left;
	width: 450px;
	height: 180px;
	margin-left: 20px;
}
#hills #nav ul {
	float: left;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin-top: 80px;
}
#hills #nav li {
	float: left;
}
#hills #nav a {
	display: block;
	height: 65px;
	width: 65px;
	text-indent: -9999px;
	cursor: hand;
	margin-right: 15px;
}
#hills #nav .home {
	background: url(../images/home.png) no-repeat left top;
}
#hills #nav .home:hover {
	background: url(../images/home_on.png) no-repeat left top;
}
#hills #nav .france {
	background: url(../images/france.png) no-repeat left top;
}
#hills #nav .france:hover {
	background: url(../images/france_on.png) no-repeat left top;
}
#hills #nav .export {
	background: url(../images/export.png) no-repeat left top;
}
#hills #nav .export:hover {
	background: url(../images/export_on.png) no-repeat left top;
}
#hills #nav .about {
	background: url(../images/about.png) no-repeat left top;
}
#hills #nav .about:hover {
	background: url(../images/about_on.png) no-repeat left top;
}
#hills #nav .contact {
	background: url(../images/contact.png) no-repeat left top;
}
#hills #nav .contact:hover {
	background: url(../images/contact_on.png) no-repeat left top;
}
#hills #news {
	margin-left: 550px;
}
#hills #news ul {
	text-align: left;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding-top: 50px;
}
#hills #news li {
	height: 35px;
	margin-top: 3px;
}
#hills #news img {
	margin-right: 8px;
}
#hills #news strong {
	color: #008048;
}