/* CSS Document */
/*
File	 			css/common.css
Version				1.00
Description			Common CSS Elements
URL					www.sunnyhilleggs.com
Copyright Notice	© Copyright Lazy Grace Ltd.
*/

/* Formatting */

body {
	padding: 0;
	margin: 0;
	background-color: #f9e3bc;
	background-image: url(../images/common/bg.jpg);
	background-repeat: repeat-x;
}
div#site {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 680px;
	height: auto;
}
div#header_and_nav_container {
	padding: 0;
	margin: 0;
	width: 680px;
	height: 274px;
}
div#content_container {
	padding: 0;
	margin: 0;
	width: 680px;
	height: auto;
	background-color: #f9e3bc;
	background-image: url(../images/common/content_bg.gif);
	background-repeat: repeat-y;
}
div#left_content {
	padding: 0;
	margin: 0;
	width: 454px;
	height: auto;
	background: transparent;
	clear: left;
	float: left;
}
div#top_title {
	padding: 0;
	margin: 0;
	width: 454px;
	height: 75px;
	background: transparent;
}
div#intro {
	padding: 0;
	margin: 0;
	width: 454px;
	height: auto;
	background: transparent;
}
.link_format a:link, .link_format a:active, .link_format a:visited {
	width: 378px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #81342a;
	line-height: 1.3em;
	text-align: left;
	background: transparent;
}
.hp_text {
	padding: 0px 48px 0px 28px;
	margin: 0px 0px 0px 0px;
	width: 378px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.3em;
	text-align: left;
	background: transparent;
}
.hp_text a:link, .hp_text a:active, .hp_text a:visited {
	text-decoration: underline;
	color: #000000;
}
.hp_text a:hover {
	text-decoration: none;
	color: #000000;
}
.text {
	padding: 0px 48px 20px 28px;
	margin: 0px 0px 0px 0px;
	width: 378px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.3em;
	text-align: left;
	background: transparent;
}
.text a:link, .text a:active, .text a:visited {
	text-decoration: underline;
	color: #000000;
}
.text a:hover {
	text-decoration: none;
	color: #000000;
}
.hr {
	padding: 0px 0px 20px 0px;
	margin: 0;
	width: 454px;
	height: 10px;
	background-image: url(../images/common/hr.gif);
	background-repeat: no-repeat;
	clear: both;
}	
.links_logo {
	padding: 0px 0px 0px 28px;
	margin: 0;
	width: 100px;
	height: 100px;
	clear: left;
	float: left;
	background: transparent;
}
.links_text {
	padding: 0px 48px 20px 20px;
	margin: 0;
	width: 258px;
	height: 100px;
	float: left;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.3em;
	text-align: left;
	background: transparent;
}
.links_text a:link, .links_text a:active, .links_text a:visited {
	text-decoration: underline;
	color: #81342a;
}
div#right_content {
	padding: 0;
	margin: 0;
	width: 226px;
	height: auto;
	background: transparent;
	float: left;
}
div#top_sub_title {
	padding: 0;
	margin: 0;
	width: 226px;
	height: 75px;
	background: transparent;
}
.sub_text {
	padding: 0px 21px 0px 21px;
	margin: 0px 0px 0px 0px;
	width: 184px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #81342a;
	line-height: 1.3em;
	text-align: left;
	background: transparent;
}
.sub_text a:link, .sub_text a:active, .sub_text a:visited {
	text-decoration: underline;
	color: #81342a;
}
.sub_text a:hover {
	text-decoration: none;
	color: #81342a;
}
div#sub_nav {
	padding: 20px 0px 0px 0px;
	margin: 0;
	width: 680px;
	height: 164px;
	background: transparent;
	clear: both;
}
div#footer {
	padding: 0px 0px 6px 0px;
	margin: 0;
	width: 680px;
	height: auto;
	background-color: #f9e3bc;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #925e00;
	line-height: 1.4em;
}
div#footer a:link, div#footer a:active, div#footer a:visited {
	text-decoration: underline;
	color: #925e00;
}
div#footer a:hover {
	text-decoration: none;
	color: #925e00;
}
div#footer_left {
	padding: 4px 0px 0px 0px;
	margin: 0;
	width: 545px;
	height: auto;
	background-color: #f9e3bc;
	float: left;
	clear: left;
}
div#footer_right {
	padding: 4px 0px 0px 0px;
	margin: 0;
	width: 135px;
	height: auto;
	background-color: #f9e3bc;
	float: left;
	text-align: right;
}
div#sub_footer {
	padding: 0;
	margin: 0;
	width: 680px;
	height: 62px;
	background-color: #f9e3bc;
	clear: both;
}


/* Sub Nav */
/* Nutritional Value Button */
.nutritional_value {
	padding: 0; margin: 0; width: 226px; height: 164px; background: url('../images/sub_nav/nutritional_value.jpg') 0 -164px no-repeat; float: left;
}
.nutritional_value a {
	margin: 0; padding: 0; display: block; width: 226px; height: 164px; background: url('../images/sub_nav/nutritional_value.jpg') top left no-repeat;
}
.nutritional_value span {
	display: block; margin: 0; padding: 0;
}
.nutritional_value a:hover {
	background-image: none;
}
.nutritional_value a:active {
	color: black;
}
/* News Button */
.news {
	padding: 0; margin: 0; width: 226px; height: 164px; background: url('../images/sub_nav/news.jpg') 0 -164px no-repeat; float: left;
}
.news a {
	margin: 0; padding: 0; display: block; width: 226px; height: 164px; background: url('../images/sub_nav/news.jpg') top left no-repeat;
}
.news span {
	display: block; margin: 0; padding: 0;
}
.news a:hover {
	background-image: none;
}
.news a:active {
	color: black;
}
/* Awards Button */
.awards {
	padding: 0; margin: 0; width: 226px; height: 164px; background: url('../images/sub_nav/awards.jpg') 0 -164px no-repeat; float: left;
}
.awards a {
	margin: 0; padding: 0; display: block; width: 226px; height: 164px; background: url('../images/sub_nav/awards.jpg') top left no-repeat;
}
.awards span {
	display: block; margin: 0; padding: 0;
}
.awards a:hover {
	background-image: none;
}
.awards a:active {
	color: black;
}
/* Egg Facts */
.egg_facts {
	padding: 0; margin: 0; width: 226px; height: 164px; background: url('../images/sub_nav/eggfacts.jpg') 0 -164px no-repeat; float: left;
}
.egg_facts a {
	margin: 0; padding: 0; display: block; width: 226px; height: 164px; background: url('../images/sub_nav/eggfacts.jpg') top left no-repeat;
}
.egg_facts span {
	display: block; margin: 0; padding: 0;
}
.egg_facts a:hover {
	background-image: none;
}
.egg_facts a:active {
	color: black;
}
/* Sep */
.sub_nav_sep {
	padding: 0;
	margin: 0;
	width: 1px;
	height: 164px;
	background: transparent;
	float: left;
}
.news_image {
	padding: 0;
	margin: 0px 21px 10px 21px;
	border-style: solid;
	border-color: #81342A;
	border-width: 1px;
	width: 182px;
	height: 117px;
	background: transparent;
}


.products_eggs_text_container {
	padding: 10px 0px 0px 28px;
	margin: 0;
	width: 220px;
	height: auto;
	clear: left;
	float: left;
	background: transparent;
}
.products_eggs_title {
	padding: 0;
	margin: 0;
	width: 220px;
	height: auto; 
	background: transparent;
}
.products_eggs_text {
	padding: 10px 0px 10px 0px;
	margin: 0;
	width: 220px;
	height: auto;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.3em;
	text-align: left;
}
.products_eggs_pic {
	padding: 0;
	margin: 0;
	width: 188px;
	height: 131px;
	float: left;
	background: transparent;
}
.products_eggs_sep {
	padding: 0;
	margin: 0;
	width: 454px;
	height: 1px;
	clear: both;
	background: transparent;
}
.ul {
	padding: 0px 48px 20px 28px;
	margin: 0px 0px 0px 0px;
	width: 378px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.3em;
	text-align: left;
	background: transparent;
	list-style: disc;
}
.li {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}