@charset "UTF-8";
/* CSS Document */
/* -----------------------------------------------
visual foundry ltd
client:   AJR Poultry
cpdated:  11.03.09
-----------------------------------------------
AJR Poultry - Color Chart
background:  #fff
 */

html {
	padding: 0; 
	margin: 0; 
	border: 0; 
	font-size: 100%;
	overflow: scroll;
}

body {
	margin: 0 auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}




/* DIV Layout */


@media screen {#menuBox {
	position: absolute;
	top: 147px;
	left: 50%;
	width: 537px;
	margin-left: -74px;
	z-index: 4;
}}

@media screen {#flash {
	position: absolute;
	top: 0px;
	right: 50%;
	width: 199px;
	margin-right: -382px;
	z-index: 3;
}}

@media screen {#email {
	position: absolute;
	top: 200px;
	right: 50%;
	width: 195px;
	height: 24px;
	margin-right: -384px;
	z-index: 4;
}}

#container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 786px;
	height: 100%;
	margin-left: -393px;
	z-index: 1;
}

@media screen {#title {
	position: absolute;
	top: 202px;
	right: 50%;
	width: 190px;
	height: 250px;
	margin-right: -390px;
	z-index: 3;
}}

@media screen {#latest, #tips {
	position: absolute;
	top: 410px;
	right: 50%;
	width: 158px;
	height: 97px;
	margin-right: -388px;
	padding-top: 53px;
	padding-left: 21px;
	padding-right: 21px;
	z-index: 4;
}}

@media screen {#latest {
	background:  url(../images/box_latest.png) top no-repeat;
	z-index: 4;
}}

@media screen {#tips {
	background:  url(../images/box_tips.png) top no-repeat;
	z-index: 4;
}}

@media print {#menuBox, #flash, #email, #title, #latest, #tips, #hdr, #althdr {
	display: none;
}}





/* Container Layout */

@media screen {#hdr, #althdr {
	position: relative;
	top: 0;
	float: left;
	width: 786px;
	background: url(../images/header.jpg) top no-repeat;
	z-index: 2;
}}

@media screen {#hdr {
	height: 190px;
	background: url(../images/header.jpg) top no-repeat;
}}

@media screen {#althdr {
	height: 200px;
	background: url(../images/altheader.jpg) top no-repeat;
}}

@media print {#printhdr {
	position: relative;
	top: 0;
	float: left;
	width: 786px;
}}

@media screen {#printhdr {
	display: none;
}}

#back {
	position: relative;
	top: 2px;
	float: right;
	min-height: 340px;
	width: 737px;
	padding: 22px 22px 0 22px; 
	text-align: left;
	z-index: 2;
}

@media screen {#back {
	background: #e7e7e7 url(../images/back.jpg) top repeat-x;
	border: solid 1px #d9d9d9;
}}

@media print {#back {
	background: none;
	border: none;
}}

* html #back {
	height: 340px;
}




/* #back DIV Layout */

#back ul {
	margin: 0px; 
	padding: 0px;
}

#back li {
	list-style-type: none;
}

.tl {
	top: -3px;
	left: -1px;
	background: url(../images/trad.jpg) top left no-repeat;
}

.tr {
	top: -3px;
	right: -1px;
	background: url(../images/trad.jpg) top right no-repeat;
}

.bl {
	bottom: -18px;
	left: -1px;
	background: url(../images/brad.jpg) bottom left no-repeat;
}

.br {
	bottom: -18px;
	right: -1px;
	background: url(../images/brad.jpg) bottom right no-repeat;
}

.corner {
	width: 11px;
	height: 14px;
	position: absolute;
	z-index: 2;
}

#text {
	padding-top: 17px;
	padding-right: 230px;
}

@media screen {.false {
	position: absolute;
	margin-left: -45px;
	vertical-align: baseline;
}}




/* #text DIV Layout */

#text p, #text h1, #text li, #latest p, #tips p {
	font-size: 75%;
	color: #292828;
}

#text li {
	list-style-type: circle;
	margin-left: 20px;
}

#text p a, #text li a, #latest p a, #tips p a {
	color: #9fa12c;
	text-decoration: none;
}
	
#text p a:hover, #text li a:hover, #latest p a:hover, #tips p a:hover {
	color: #9b270c;
	text-decoration: none;
}

#text img, #text div img {
	float: right;
	padding: 0 0 20px 20px;
}

#text img.pg {
	float: none;
	padding: 2px;
	border: solid 1px #CCCCCC;
}

#text div {
	position: relative;
	width: 100%;
	min-height: 120px;
	display: block;
}

.copy {
	font-size: 85%;
}




/* #latest, #tips DIV Layout */

#latest img, #tips img {
	float: right;
	padding-right: 5px;
	padding-top: 3px;
}





/* #menuBox DIV Layout */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/pro-drop-image.html
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#home {
	position: absolute;
	top: 142px;
	left: 50%;
	width: 42px;
	margin-left: -384px;
	z-index: 5;
}

#menu, #menu ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
}

#menu {
	height: 50px;
	position: relative;
	right: 50%;
	float: left;
	padding: 0;
	font-size: 74%;
}

#menu ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

#menu li {
	float: left;
}

#menu table {
	width: 0;
	height: 0;
	border-collapse: collapse;
	margin: -1px;
	padding: 0;
}

#menu li a {
	display: block;
	float: left;
	color: #646060;
	height: 28px;
	padding: 0 1px 0 0;
	line-height: 27px;
	text-decoration: none;
}

#menu li a b {
	display: block;
	float: left;
	height: 28px;
	padding: 0; 
	cursor: pointer;
}

#menu li:hover {
	position: relative;
	z-index: 100;
}

#menu a:hover {
	position: relative;
	z-index: 100;
	color: #9b270c;
}

#menu li:hover > a {
	color: #9b270c;
	line-height: 27px;
}

#menu :hover ul {
	left: 0;
	top: 23px;
	z-index: 200;
	padding-top: 4px;
}

#menu :hover ul.indent {
	margin-left: -1px;
}

#menu :hover ul li {
	border: 1px solid #d6d6d6;
	border-width: 0 1px;
	display: inline;
	background: #ebebeb;
}

#menu :hover ul li a {
	height: 29px;
	line-height: 29px;
	background: #fff;
	color: #817979;
	font-weight: bold;
	display: inline;
}

#menu :hover ul li.pop a {
	width: 95px;
	padding: 2px 0 0 5px;
	cursor: auto;
}

#menu :hover ul li.pop2 a {
	width: 121px;
	padding: 2px 0 0 7px;
	cursor: auto;
}

#menu :hover ul li.pop a, #menu :hover ul li.pop2 a {
	background: #ebebeb;
}

#menu :hover ul li a:hover, #menu :hover ul li.pop a:hover, #menu :hover ul li.pop2 a:hover, #menu li:hover ul li:hover > a, #menu li:hover ul li.pop:hover > a, #menu li:hover ul li.pop2:hover > a {
	color: #9b270c;
	background-color: #fff;
}

li.nocursor a, li.nocursor a:hover {
	cursor: default;
}


/*** pop-out Boxes ***/

#menu :hover ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	background: #fff;
}

#menu :hover ul :hover ul {
	top: 0;
	left: 100px;
	padding: 0;
	margin: 0;
}

#menu :hover ul :hover ul.pop2sub {
	top: 0;
	left: 128px;
	padding: 0;
	margin: 0;
}

* html #menu :hover ul :hover ul {
	top: -1px;
	left: 95px;
}

* html #menu :hover ul :hover ul.pop2sub {
	top: -1px;
	left: 123px;
}

#menu :hover ul :hover ul li {
	width: 152px;
	margin: 0; 
	padding: 5px;
	border: 1px solid #d6d6d6;
	background: #fff;
}

#menu :hover ul :hover ul li a {
	width: 150px;
	height: 100px;
	padding: 0;
	margin: 0;
	border: 1px solid #d6d6d6;
}

#menu :hover ul :hover ul li a img {
	display: block;
	border: 0;
}

#menu :hover ul :hover ul li a:hover {
	border: 1px solid #9b270c;
}