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

/* reset styles */
* { padding:0; margin:0; }
fieldset { padding:10px; }
textarea { font-family: Arial, Verdana, Helvetica, sans-serif; }
a { outline: none; text-decoration:underline; color:#666; }
a img, img { border:none; }
p { padding:5px 0; }
body {
	background-color:#00C0F3;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
table { padding:5px 0 7px 0; }
td { vertical-align:top; padding:0 10px 10px 0; }

/* layout and positioning */
#wrapper {
	width:942px;
	margin:16px auto 10px;
}
	#footer {
		padding:10px 0 10px 40px;
	}
		#footer a {
			color:#FFF;
			text-decoration:none;
			font-weight:bold;
		}
	#header {
		background:transparent url(../images/cows1.jpg) no-repeat 530px 0;
		height:196px;
	}
		#logo {
			margin:18px 0 0 0;
		}
	#wrapper_inner { position:relative; }
		#cow_mouth {
			position:absolute;
			top:0px;
			right:77px;
			width:158px;
			height:32px;
		}
		#moo {
			position:absolute;
			right:0;
			top:32px;
			width:121px;
			height:87px;
		}
		#moo1 {
			position:absolute;
			right:7px;
			top:27px;
			width:73px;
			height:52px;
		}
		#corner_logo {
			position:absolute;
			right:43px;
			bottom:0px;
			width:223px;
			height:228px;
		}
		#page {
			background:#FFF url(../images/footer.gif) no-repeat 0 bottom;
			width:899px;
			min-height: 400px;
			height: auto !important;
			height: 400px;
		}
		#col1 {
			width:290px;
			float:left;
			padding:30px 0 30px 40px;
		}	
		#col2 {
			width:260px;
			float:left;
			padding:30px 5px 30px 20px;
		}
		#col3 {
			width:263px;
			float:left;
			padding:30px 0 30px 20px;
		}
		#col4 {
			width:529px;
			float:left;
			padding:30px 46px 30px 40px;
		}
		#col5 {
			padding:25px 30px 25px 40px;
			background:transparent url(../images/progibb.jpg) no-repeat 708px 66px;
		}
	
/* formatting */
h1 {
	font-size:27px;
	font-weight:bold;
	padding:0 0 5px;
	line-height:28px;
	color:#00C0F3;
}
h2 {
	font-size:14px;
	font-weight:bold;
	padding:10px 0 5px;
	line-height:18px;
	color:#00C0F3;
}
h3 {
	font-size:13px;
	font-weight:bold;
	padding:10px 0 5px;
	line-height:15px;
	color:#00C0F3;
}
p {
	padding:3px 0 7px 0;
	line-height:15px;
}
a {
	color:#00C0F3;
	font-size:13px;
	font-weight:bold;
}
h2.green { color:#8CC63F; }
#col3 h2.green { padding:5px 0 5px; font-size:16px; line-height:21px; }
.small_txt { 
	font-size:9px;
	line-height:10px;
}
.blue_box {
	width:252px;
	height:299px;
	background:transparent url(../images/blue_box.gif) no-repeat 0 0;
	margin:0 0 20px;
}
	.blue_box h2 {
		color:#FFF;
		text-align:center;
		padding:10px 0 10px 0;
	}
	.blue_box dl {
		list-style-type:none;
	}
	.blue_box dl dt {
		float:left;
		clear:both;
		width:60px;
		padding:5px 10px 9px;
	}
	.blue_box dl dd {
		float:left;
		width:150px;
		padding:5px 10px 9px;
	}
.bottle {
	background:transparent url(../images/progibb.jpg) no-repeat 93px 66px;
	height:412px;
}

/* case studies */	
#ototohanga, #ototohanga_less, #manawatu, #manawatu_less, #gore, #gore_less {
	display:none;
}
	
/* calculator styles */
#calculator {
	width:216px;
	height:241px;
	background:transparent url(../images/calculator_bg.gif) no-repeat 0 0;	
}
#daily_growth, #dry_matter {
	background:#FFF;
	border:none;
	height:16px;
	float:left;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#daily_growth {
	width:40px;
	margin:89px 0 0 37px;
}
#dry_matter {
	width:87px;
	margin:71px 0 0 33px;
	clear:both;
}
#btn_calculate {
	display:block;
	float:left;
	width:50px;
	height:20px;
	margin:87px 0 0 70px;
	text-decoration:none;
	cursor:pointer;
}
	
/* competition form */
#form_box1 {
	float:left;
	widows:300px;
	margin:10px 50px 0 0;
	clear:both;
}
#form_box2 {
	float:left;
	width:380px;
	margin:10px 0 0 0;
}
#competition_form input, #competition_form textarea {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#competition_form label {
	padding:0 0 5px 0;
	font-size:12px;
	display:block;
}
#competition_form .button {
	margin-right:50px;
	display:block;
}
.input_small {
	border:none;
	background:transparent url(../images/txt_bg_small.gif) no-repeat 0 0;
	width:241px;
	height:28px;
	padding:7px 10px 0 5px;
}
.input_big {
	border:none;
	background:transparent url(../images/txt_bg_big.gif) no-repeat 0 0;
	width:300px;
	height:28px;
	padding:7px 10px 0 5px;
}
.textarea {
	border:none;
	background:transparent url(../images/txtarea_bg_small.gif) no-repeat 0 0;
	width:241px;
	height:100px;
	padding:7px 10px 0 5px;
}
.error {
	border:1px solid #CC0000;
	padding:10px 20px;
	margin:20px 0 10px;
	background-color:#FFF2F2;
	width:580px;
}
.error p, .message p {
	padding:5px 0;
	font-size:12px;
}
.message {
	border:1px solid #247736;
	padding:10px 20px;
	margin:20px 0 10px;
	background-color:#F3FAF1;
	width:580px;
}


/* navigation */
#navbar, #nav {
	height:65px;
}
#nav {
	list-style-type:none;
}
	#nav li {
		float:left;
	}
	#nav li a {
		display:block;
		height:26px;
		text-align:center;
		font-size:13px;
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
		padding-top:39px;
	}
		#nav li a.g1 {
			background:transparent url(../images/menu1.gif) no-repeat 0 13px;
			width:143px;
		}
		#nav li a.g2 {
			background:transparent url(../images/menu2.gif) no-repeat 0 13px;
			width:143px;
		}
		#nav li a.g3 {
			background:transparent url(../images/menu3.gif) no-repeat 0 13px;
			width:142px;
		}
		#nav li a.g4 {
			background:transparent url(../images/menu4.gif) no-repeat 0 13px;
			width:143px;
		}
		#nav li a:hover, #nav li a.selected {
			background-position:0 0;
			padding-top:26px;
			height:39px;
		}

/* pre-defined */
.hide		{	display:none; }
.float		{	float:left; }
.float_right{	float:right; }
.clear		{	clear:both; }
.center 	{	text-align: center; }
.right		{	text-align:right; }
.bold 		{	font-weight:bold; }
.blue_txt	{	color:#04579D; }
.no_border	{	border:none !important;	}
.no_bg 		{	background:none !important; }
.no_margin	{	margin:0px;	}
.onlyprint	{	display:none; }

/* Clearfix hack */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* END: Clearfix */