/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Agrifood Labs
	Created by: RKD Web Studios info@rkd.ca
	
------------------------------------------------------------------- */

@import url("reset.css");

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	background: #fff;
	font-family: Arial, sans-serif;
	height: 100%;
	font-size:13px;
	color:#474747;
}

.clear {clear: both;}


/* ====================
GLOBAL STYLES
======================= */

p {
	font-size: 13px; /*14px*/
	line-height: 18px; /*18px*/
	margin: 0 15px 13px 0;
}
a, a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color: #FF6600;
	text-decoration: none;
}
strong {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

h1 {
	border-bottom: 1px solid #d8d8d8;
	margin: 0 20px 15px 0;
	font-size: 29px;
}

h1 img {padding: 5px 0 5px 0;}

h2 {
	font-size: 18px;
	font-weight:bold;
	color: #000;
	margin: 20px 0 0 0;
}

h3 {
	font-size: 17px;
	border-bottom: 1px solid #d8d8d8;
	font-weight: bold;	
}

h3 img {padding: 5px 0 5px 0;}

h4 {
	font-size: 15px;
	color: #000;
}

h5 {
	font-size: 16px;
	color: #ab906e;
	margin-top:20px;
}
h6 {
	font-size: 12px;
}



.wrap {width:960px; margin:0 auto;}
.floatleft {float: left; padding: 0 10px 10px 0;}
/*=================
STICKY FOOTER
=================*/

 .stickywrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -140px;
 }
 
 .push {height:140px; clear:both;}

/*=============
HEAD
==============*/

#header {
	background:url(../../images/head_bg.png) top left repeat-x;
	width:100%;
	height: 126px;
}

#header .logo {
	position:relative;
	top: 26px;
	width: 236px;
}

#header .navigation {
	position: relative;
	float: right;
	top: 8px;
}

#header .navigation ul {}

#header .navigation li {
	float: left;
	display:inline-block;
	padding: 0 0 0 20px;
}

#header .navigation li a {color:#000; font-size:14px; font-weight:bold; text-decoration:underline;}
#header .navigation li a:hover {color:#FF6600; font-size:14px; font-weight:bold; text-decoration:none;}
#header .navigation li a.current {color:#FF6600; font-size:14px; font-weight:bold; text-decoration:none;}

/*--Search--*/

.searcharea {
	position:relative;
	float: right;
	top: 15px;
	display:block;
}

.searcharea input {border:1px solid #939598; margin: 0 10px 0 0;}

.searcharea img {position:relative; top: 3px;}

/*==============
HOMEPAGE SPLASH AREA
==============*/

#homepagesplash {
	background:url(../../images/splash_bg.png) top left repeat-x;
	
}

#homepagesplash .wrap {

}

#homepagesplash .rotator {height: 295px;}



#homepagesplash .splashtext {
	float: right;
	color: #fff;
	width:285px;
	text-align:center;
	position: relative;
	z-index: 999;
	background:url(../../images/title_welcometoagrifood.gif) top center no-repeat;
	top: 40px;
	right: 12px;
	padding: 30px 0 0 0;
}

#homepagesplash .splashtext img {
	margin:0;
	float: none;
	position:relative;
}


#homepagesplash .farmsplash{
	background:url(../../images/splash_farm.jpg) top left no-repeat; 
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1;}
	
	#homepagesplash .flowerssplash{
	background:url(../../images/splash_flowers.jpg) top left no-repeat; 
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1; display:none;}
	
#homepagesplash .labsplash{
	background:url(../../images/splash_labtech.jpg) top left no-repeat; 
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1;display:none;}
	
	#homepagesplash .wheatsplash{
	background:url(../../images/splash_wheat.jpg) top left no-repeat; 
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1;display:none;}
	
	#homepagesplash .cowsplash{
	background:url(../../images/splash_cows.jpg) top left no-repeat; 
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1;display:none;}


#homepagesplash .cornsplash{
	background:url(../../images/splash_corn.jpg) top left no-repeat; 
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1;display:none;}
	
#homepagesplash .loadersplash{
	height: 319px;
	width: 965px;
	float:left;	
	margin: -26px 0 0 0;
	position: absolute;
	z-index: 1;
	}
	


	

/*===============
HOMEPAGE CONTENT
================*/

#contentbg {
	background: url(../../images/content_bg.gif) top left repeat-x;
}

/*--Lists--*/
#contentbg ul, #contentbg ol, #contentpage .centercontent ul, #contentpage .centercontent ol {
	margin: 14px 0 14px 0;
}

#contentbg li, #contentpage .centercontent li {
	padding:0 0 0 8px; 
	margin:0; 
	background-image:url(../../images/bulletshape.gif); 
	background-position:center left top ;
	
	background-repeat:no-repeat;
	line-height:26px;
	}
#contentbg li ul li, #contentpage .centercontent li ul li {
	padding:0 0 0 8px; 
	margin:0; 
	background-position:center left top ;
	background-image:url(../../images/bulletshape2.gif);;
	
	background-repeat:no-repeat;
	line-height:26px;
	}

#contentbg table{
	background:#c0c0c0;
}

/*--Main column--*/
#contentbg .leftcol {
	float: left;
	width:620px;
	padding: 10px 10px 0 10px;
}

#contentbg .leftcol .subcol1 {
	float: left;
	width: 310px;
}

#contentbg .leftcol .subcol1 img {margin: 0 0 14px 0;}

#contentbg .leftcol .subcol2 {
	float: left;
	width: 310px;
}

/*--Right column--*/
#contentbg .rightcol {
	float: left;
	width:300px;
	padding: 10px 10px 0 10px;
	
}

#contentbg .rightcol .bulletin {margin: 14px 0 14px 0;}

.whitetext{
	color: White;
	padding: 10px 10px 10px 10px;
}
#contentpage .leftcolcontent .menu .whitetext a{
	color: White;
   display:inline;
}
/*===================
CONTENT PAGE
===================*/
/*--Left side content page--*/
#contentpage {
	background:url(../../images/contentpage_bg.png) top left repeat-x;	
}

#contentpage .leftcolcontent {
	float: left;
	width: 198px;
	margin:0;
	padding:35px 0 0 0;
	font-weight:bold;
}

#contentpage .leftcolcontent .menu {
	background: url(../../images/img_menubottom.gif) bottom left no-repeat #000;
	margin: 0 0 15px 0;
	}

#contentpage .leftcolcontent .menu ul {padding:0 0 30px 0; margin:0 3px 0 3px;}

#contentpage .leftcolcontent .menu li {
	text-align: right;
	border-bottom: 1px solid #fff;
	padding: 6px 2px 6px 2px;
}

#contentpage .leftcolcontent a {
	font-size: 12px;
	color: #fff;
	display:block;
}

#contentpage .leftcolcontent a.current {color:#FF6600; font-weight: bold; text-decoration:underline;}

/*--Center content page--*/
#contentpage .centercontent {
	float: left;
	width: 504px;
	margin:0;
	padding:35px 0px 0 25px;
}

#contentpage .centercontent table {}
#contentpage .centercontent tr {}
#contentpage .centercontent td {padding:7px 0 0 0;}

/*--Right Side content page--*/
#contentpage .rightcolcontent {
	float: left;
	width: 232px;
	margin:0;
	padding:35px 0px 0 0;
}

#contentpage .rightpic {padding: 0 0 20px 0;}

#contentpage .rightcolcontent p {
	font-size: 11px;	
	line-height: 16px;
}
#contentpage .centerROL {
	float: left;
	width: 700px;
	margin:0;
	padding:35px 0px 0 25px;
}
#contentpage .centerROL td {
   padding: 3px 3px 3px 3px;
   }


/*===============
FOOTER
================*/

#footer {
	clear:both;	
	background: url(../../images/footer_bg.png) top left repeat-x;
	height:140px;
	color: #939598;
}

#footer a, #footer a:link {color:#939598; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer .wrap {background:url(../../images/footer_flask_43.gif) center right no-repeat; height: 140px;}

#footer .leftcol {
	float: left;
	position: relative;
	top: 35px;
	left: 10px;
}

#footer .leftcol p {padding: 10px 0 0 0;}

#footer .rightcol {
	float: right;
	position: relative;
	top: 69px;
}

/*================
 TITLE
=================*/
.titleRed {
	color:#FF6600;
}
.titleBlack {
	color:black;
}


/*================
 Table row Striping
=================*/

.odd {
	background-color:#F0F0F0;
}

.over {
	background:#FFA86F;
}

/*===============
Forms
================*/

.form fieldset {
border: 1px solid #d7d7d7;
padding: 15px;
margin: 15px 20px 15px 0;
}

.form ul {background-image:none;}

#contentpage .centercontent .form li {
	background-image:none;
	list-style: none;
	padding: 10px 0 0 0;
}


.form input {
	border: 1px solid #ccc;
	cursor: pointer;
}

.form button {cursor:pointer;}