* {margin:0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background-color:#CCC
}

img					{border:none;} 

p, .list,
form label, td		{ color:#666; line-height:1.7em; font-size:.9em;}
p					{ margin-bottom:1.2em; }

p.no-margin-bottom	{ margin-bottom:.3em}

.txt-small			{ font-size:10px; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ padding:.4em 0; line-height:1.4em;}

ul.contact			{ margin-left:.1em}
ul.contact li		{ padding-left:65px; list-style:none;}
ul.contact span		{ margin-left:-65px; position:absolute; font-weight:bold}

a,
a:visited			{ color:#666; padding:1px 3px; background-color:#DDD; text-decoration:none;}
a:hover				{ color:#FFF; text-decoration:none; background-color:#000;}
a.link				{ padding:3px 5px; background-color:#FFF; color:#000; border:1px solid #363636; text-decoration:none;}
a.link:hover		{ background-color:#E5E5E5;}

a.hide				{ position:absolute; left:-999em; }

a.contact			{color:#FFFFFF;}


h1						{ display:block; width:883px; height:23px; background:url('../images/layout/header-kne.gif') no-repeat 0 0; text-indent:-999em;  }
h1 span					{ text-indent:-999em; display:block; width:290px; height:23px; position:absolute; top:0; right:20px; cursor:pointer;  }
h2						{ font-size:1.3em; font-weight:bold; color:#666; margin-bottom:5px}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ text-align:left; margin:0 auto; position:relative; width:883px; padding:10px; background-color:#FFF }
#header					{ background-color: #3c3c3c; padding:8px 0; position:relative}
#header h3#page-title	{ position:absolute; bottom:5px; right:20px; font-size:3.5em; color:#4C4C4C;}
img.header-pic			{ margin:10px 0 7px}
#content				{ margin-top:20px;}
#col1					{ float:left; width:230px; margin-right:10px;}
#col2					{ float:left; width:133px; margin-right:20px;}
#col3					{ float:left; width:480px;}
/*background-image: url('../images/titles/food-sector.gif') no-repeat bottom right;*/
/* First column */
/* ---------------------------- */
#col1 div				{ background-color:#3c3c3c; position:relative; padding:15px 15px 25px 15px; }
#col1 div p				{ font-weight:bold; color:#CCC}
#col1 a					{ display:block; padding:0;width:157px; height:25px; position:absolute; right:0; bottom:0; background:url('../images/layout/btn-more.gif') no-repeat 0 0; text-indent:-999em}
#col1 a:hover			{ background-position:0 -24px}
#col1 a.contact			{display:block; padding:0;width:157px; height:25px; position:absolute; right:0; bottom:0; background:none; text-indent:0; color:#FFFFFF; text-decoration:underline; font-weight:normal;}

/* Second column */
/* ---------------------------- */
#col2 img				{ margin-bottom:10px;}

/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary */
/* ---------------------------- */
ul#nav					{ }
ul#nav li 				{ list-style:none; margin-top:1px; clear:both;}
ul#nav li.active		{background-color:#000; color:#FFF;}
ul#nav li a,
ul#nav li a:visited		{ color:#FFF; display:block; font-size:.9em; text-decoration:none; padding:4px 0 4px 15px; background-color:transparent}
ul#nav li a:hover,
ul#nav li.active a		{ background-color:#000; color:#FFF}

/* Sub-nav */
/* ---------------------------- */
ul#sub-nav  			{ position:absolute; left:120px; top:55px;}
ul#sub-nav li			{ float:left; clear:none; margin-right:15px; list-style:none;}
ul#sub-nav li a,
ul#sub-nav li a:visited	{ background-color:transparent; padding:2px 10px; text-decoration:none; color:#FFF; display:block; font-size:.9em;}
ul#sub-nav li a:hover,
ul#sub-nav li.active a	{ background-color:#3c3c3c; text-decoration:none}

/* Header */
/* ---------------------------- */
ul.header-nav				{ position:absolute; top:65px; left:660px; }
ul.header-nav li 			{ list-style:none; margin-bottom:59px}
ul.header-nav li a			{ color:#000; text-decoration:none; text-transform:uppercase; padding:5px; }
ul.header-nav li a:hover, ul.header-nav li.active a{ background-color:#000; color:#FFF}

/* Footer-nav */
/* ---------------------------- */
#footer						{ text-align:left; font-size:.8em; background-color:#000; padding:5px; color:#666; position:relative; height:14px }
#footer ul					{  position:absolute; right:0;}
#footer ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #666; padding-left:10px;}
#footer ul li.first			{ padding-left:0; border-left:none;}
#footer ul li a				{ text-decoration:none; color:#666; background-color:transparent}
#footer ul li a:hover		{ color:#FFF}


/* Testimonials */
div.testimonial				{ margin:10px 0px; }

/* blockquote {
display: block;
padding: 0 60px;
width: 350px;
color:#666;
font-size:0.9em;
line-height:2em;
}

blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
font-family: "Times New Roman",Times,serif;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
padding-top:20px;
}
blockquote:after {
content: close-quote;
height: 20px;
margin-top: -10px;   
margin-left: 330px;
padding:10px 0px 0px 0px;
} 
*/

blockquote {
  background: transparent url(/images/layout/quoteleft.gif) left top no-repeat;
}
blockquote div {
  padding: 0 48px 0 60px;
  background: transparent url(/images/layout/quoteright.gif) right bottom no-repeat;
  color:#666;
  font-size:0.9em;
  line-height:2em;
  padding-bottom:10px;
}




/* contact form */
fieldset{
	border:none;
}

.generic_form{
	padding:10px;

}

.generic_form form{
	margin:0px auto;
	width:450px;/*
	border:1px solid blue;*/
}

.generic_form h3{
	color:#666666;
	font-size:1.2em;
}

.generic_form label {
	float: left;
	vertical-align:top;	
	text-align: right;
	width:170px;
	padding-right: 20px;
	font-weight:bold;
}

.generic_form input, .generic_form textarea, .generic_form select{
	float: left;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 225px;
	padding-top:2px;
	padding-left:2px;
	border: 1px solid #8A090F;
	margin-bottom: 10px;
}

.generic_form textarea{
	height: 100px;
}

.generic_form select{
	width:304px;
}

.generic_form br {
	clear: left;
}

.generic_form ul li, .generic_form p.error, .error_indicator{
	font-size:0.8em;
	color:#8A090F;
	font-weight:bold;
}

.error_indicator{
	padding-left: 10px;
	float:left;
}

.generic_form ul {
	margin-bottom:20px;
}
.generic_form li{
	margin-left: 50px;
}

.generic_form .hidden{
	display:none;
}

.generic_form input.button{
	font-size:0.8em;
	width: auto;
	height: auto;
	background-color:#666666;
	color:#FFFFFF;
	border: 1px solid black;
	text-align:center;
	cursor: pointer;
	margin-left:190px;
	padding:2px 10px;
}

.auto{
	width:auto;
}

/* end contact form */



/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */