html, body, #container {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #b6c594;
}
a { text-decoration: none; }
img { border: none; }
#container { position: relative; }
html>body #container { height: auto; }

#header_dec {
	background: url(../images/top_dec.jpg) repeat-x;
	height: 5px;
	width: 100%;
}
#header {
	background: url(../images/header.jpg);
	width:664px;
	height:189px;
	position: absolute;
	top: 5px;
	left: 0px;
}
#black {
	background: url(../images/header_dec.gif) repeat-x;
	height: 190px; 
	width: 100%;
	position: absolute;
	top: 5px;
	left: 0px;
}
#brand {
	background: url(../images/oonline_brand.jpg);
	width: 135px;
	height: 60px;
	position: absolute;
	top: 135px;
	right: 0px;
	z-index: 1;
}
#content_background_dec {
	background: url(../images/content_dec.jpg) repeat-x;
	height: 49px;
	width: 100%;
	position: absolute;
	top: 215px;
}
#content {
	padding: 260px 40px 60px 20px;
	font: 11px tahoma;
	text-align: justify;
	color: #62171c;
	line-height: 20px;
	z-index: 1;
}
#content a { color: #62171c; }
#content a:hover { color: #FFFFFF; }
h1, .h1 { font: bold 11px tahoma; }
.padding {
	padding: 20px;
}
.img {border: 1px solid #668741; }
	
#menu {
	background: url(../images/menu_dec.gif) repeat-x;
	width: 100%;
	height: 20px;
	position: absolute;
	top: 195px;
	left: 0px;
}
#nav {
	position: absolute;
	width: 100%;
	height: 19px;
	top: 198px;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li {
	font: bold 11px Tahoma;
	height: 20px;
	float: left;
	color: #ffffff;
	padding-left: 11px;
}
#nav li:hover, #nav li.current { color: #668741; text-decoration:none; }
#nav a { color: #ffffff;}
#nav a:hover, #nav li.current a { color: #b6c594; text-decoration:none;}
#subnav {
	position: absolute;
	width: 90%;
	height: 19px;
	top: 225px;
	margin-left: 35px;
	z-index:10;
}
#subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subnav li {
	font: bold 11px Tahoma;
	height: 20px;
	float: left;
	color: #62171c;
	padding-left: 11px;
}
#subnav li:hover, #subnav li.current { color: #668741; text-decoration: underline; }
#subnav a { color: #62171c; margin: 10px;}
#subnav a:hover, #subnav li.current a { color: #ffffff; text-decoration: none;}
#subnav2 {
	position: absolute;
	height: 19px;
	top: 225px;
	margin-left: 112px;
	z-index:10;
}
#subnav2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subnav2 li {
	font: bold 11px Tahoma;
	height: 20px;
	float: left;
	color: #62171c;
	padding-left: 11px;
}
#subnav2 li:hover, #subnav2 li.current { color: #668741; text-decoration: underline; }
#subnav2 a { color: #62171c; margin: 10px;}
#subnav2 a:hover, #subnav2 li.current a { color: #ffffff; text-decoration: none;}
#subnav_sales {
	position: absolute;
	height: 19px;
	top: 225px;
	margin-left: 277px;
	z-index:10;
}
#subnav_sales ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subnav_sales li {
	font: bold 11px Tahoma;
	height: 20px;
	float: left;
	color: #62171c;
	padding-left: 11px;
}
#subnav_sales li:hover, #subnav_sales li.current { color: #668741; text-decoration: underline; }
#subnav_sales a { color: #62171c; margin: 10px;}
#subnav_sales a:hover, #subnav_sales li.current a { color: #ffffff; text-decoration: none;}
#subnav_semen {
	position: absolute;
	height: 19px;
	top: 225px;
	margin-left: 195px;
	z-index:10;
}
#subnav_semen ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subnav_semen li {
	font: bold 11px Tahoma;
	height: 20px;
	float: left;
	color: #62171c;
	padding-left: 11px;
}
#subnav_semen li:hover, #subnav_semen li.current { color: #668741; text-decoration: underline; }
#subnav_semen a { color: #62171c; margin: 10px;}
#subnav_semen a:hover, #subnav_semen li.current a { color: #ffffff; text-decoration: none;}
#footer_background {
	background: url(../images/footer_bac.gif) no-repeat;
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#footer_repeat {
	background: url(../images/footer_repeat.gif) repeat-x;
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-top: 1px solid #62171b;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#footer div {
	width: 100%;
	font: 10px arial;
	text-align: right;
	color: #22160d;
	position: absolute;
	bottom: 12px;
	right: 20px
}
#footer div a {color: #62171c; }
#footer div a:hover { color: #FFFFFF; }
.fm-logo {
	float: right;
	margin: 6px 12px 5px 7px;
}
.thumb {
	border: 2px solid #668741;
	margin: 0px 10px 0px 0;
	float: left;
}

.box-container {
	width: 100%;
	display: table;
}
.box {
	width: 140px;
	height: 150px;
	margin-right: 20px;
	float: left;
	text-align:left;
}
 
.box a {
 font-size:10px;
 font-weight: bold;
}
#pedigree {
	font-size: 9px;
	text-align: left;
}
.ped2 {
	padding: 2px 0px 2px 0px;
	width: 65%;
	margin-left: 120px;
}
.ped3 {
	padding: 2px 0px 2px 0px;
	width: 65%;
	margin-left: 240px;
}
.pedline1 {
	height: 5px;
	float: left;
	margin-right: 10px;
	width: 80px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.pedline2 {
	height: 5px;
	float: left;
	margin-right: 10px;
	width: 80px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.hideme {
	color: #b6c594 !important;
	background-color: #b6c594 !important;
	border: 1px solid #b6c594 !important;
}