/* Stylesheet for Hillside Gardens Alpaca Farm */
/* Created by WOBM Interactive and Design - March 2008 */

/* Universal Styles */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#025f00;
	text-align:center;
	line-height:17px;
	background:#ffffff url(../images/layout/background/bg.gif) repeat-x top scroll;
}
html>body, html>body #page {
	height:auto;
}
#page {
	top:0;
	left:0;
	margin:0px auto;
}
#box {
	margin:0px auto;
	width:980px;
	text-align:center;
	background:#ffffff;
}
#left {
	float:left;
	width:218px;
}
#right {
	float:right;
	width:762px;
}
h1,h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF7400;
}
h1 {
	font-size:18px;
	margin:0 0 5px 0;
	padding:3px 0 3px 10px;
	border-bottom:solid 1px #FF7400;
	background:#fff6ef;
}
h2 {
	font-size:15px;
	margin:0;
	padding:0;
}
h3,h4,h5 {
	margin:0;
	padding:0;
}
li {
	display:list-item;
	list-style-image:url(../images/layout/lists/arrow.gif);
	padding:0 0 5px;
}
input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#010101;
	overflow:auto;
	background:#effee9;
	padding:2px;
	border:1px solid #299000;
}
input.send {
	border:1px solid #e3ffd8;
	width:70px;
	height:20px;
	padding:2px;
	color:#ffffff;
	background:#299000;
	text-align:center;
	margin-top:3px;
}
a {
	text-decoration:underline;
	color:#025f00;
}
a:hover {
	text-decoration:underline;
	color:#039100;
}

.clear {clear:both;}
.clearleft {display:block; clear:left;}
.clearright{display:block; clear:right;}

/* Header */
#header-box {
	display:block;
	text-align:center;
	width:100%;
	background:#ffffff url(../images/layout/header/bg_01.gif) repeat-x center scroll;
}
#header {
	width:980px;
	height:59px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/layout/header/hillside-gardens.png) no-repeat left scroll;
}
#header-main {
	display:block;
	width:762px;
	height:197px;
}
#header-main-left {
	width:334px;
	height:197px;
	background:#ffffff url(../images/layout/header/bg_02.gif) no-repeat center scroll;
	float:left;
}
#header-main-right {
	width:428px;
	height:197px;
	background:#ffffff url(../images/layout/header/bg_03.gif) no-repeat center scroll;
	float:right;
}
/* Menu */
#menu-top {
	display:block;
	width:218px;
	height:47px;
	background:url(../images/layout/header/menu_03.gif) no-repeat top scroll;
}
#menu-main {
	margin:0 auto;
	display:block;
	width:218px;
	min-height:209px;
	background:url(../images/layout/header/menu_04.gif) no-repeat top left scroll;
}
.nav-left-block {
	width:6px;
	height:41px;
	background:#94cb32;
	float:left;
}
.nav-home a {
	height:40px;
	width:190px;
	background:#dcf2c1 url(../images/layout/menu/home_01.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #94cb32;
	text-align:left;
	float:right;
}
.nav-home a:hover {
	background:#94cb32 url(../images/layout/menu/home_02.gif) no-repeat left center;
	border-bottom:1px solid #00a804;
}
.nav-home-selected a {
	display:inline;
	height:40px;
	width:190px;
	background:#94cb32 url(../images/layout/menu/home_02.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #00a804;
	text-align:left;
	float:right;
}
.nav-profile a {
	height:40px;
	width:190px;
	background:#dcf2c1 url(../images/layout/menu/profile_01.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #94cb32;
	text-align:left;
	float:right;
}
.nav-profile a:hover {
	background:#94cb32 url(../images/layout/menu/profile_02.gif) no-repeat left center;
	border-bottom:1px solid #00a804;
}
.nav-profile-selected a {
	height:40px;
	width:190px;
	background:#94cb32 url(../images/layout/menu/profile_02.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #00a804;
	text-align:left;
	float:right;
}
.nav-latest_news a {
	height:40px;
	width:190px;
	background:#dcf2c1 url(../images/layout/menu/latest-news_01.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #94cb32;
	text-align:left;
	float:right;
}
.nav-latest_news a:hover {
	background:#94cb32 url(../images/layout/menu/latest-news_02.gif) no-repeat left center;
	border-bottom:1px solid #00a804;
}
.nav-latest_news-selected a {
	height:40px;
	width:190px;
	background:#94cb32 url(../images/layout/menu/latest-news_02.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #00a804;
	text-align:left;
	float:right;
}
.nav-breed_information a {
	height:40px;
	width:190px;
	background:#dcf2c1 url(../images/layout/menu/breed-information_01.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #94cb32;
	text-align:left;
	float:right;
}
.nav-breed_information a:hover {
	background:#94cb32 url(../images/layout/menu/breed-information_02.gif) no-repeat left center;
	border-bottom:1px solid #00a804;
}
.nav-breed_information-selected a {
	height:40px;
	width:190px;
	background:#94cb32 url(../images/layout/menu/breed-information_02.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #00a804;
	text-align:left;
	float:right;
}
.nav-for_sale a {
	height:40px;
	width:190px;
	background:#dcf2c1 url(../images/layout/menu/for-sale_01.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #94cb32;
	text-align:left;
	float:right;
}
.nav-for_sale a:hover {
	background:#94cb32 url(../images/layout/menu/for-sale_02.gif) no-repeat left center;
	border-bottom:1px solid #00a804;
}
.nav-for_sale-selected a {
	height:40px;
	width:190px;
	background:#94cb32 url(../images/layout/menu/for-sale_02.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #00a804;
	text-align:left;
	float:right;
}
.nav-contact a {
	height:40px;
	width:190px;
	background:#dcf2c1 url(../images/layout/menu/contact_01.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #94cb32;
	text-align:left;
	float:right;
}
.nav-contact a:hover {
	background:#94cb32 url(../images/layout/menu/contact_02.gif) no-repeat left center;
	border-bottom:1px solid #00a804;
}
.nav-contact-selected a {
	height:40px;
	width:190px;
	background:#94cb32 url(../images/layout/menu/contact_02.gif) no-repeat left center;
	border-left:6px solid #dcf2c1;
	border-bottom:1px solid #00a804;
	text-align:left;
	float:right;
}
#menu-bottom {
	display:block;
	width:218px;
	height:17px;
	background:#ffffff url(../images/layout/header/menu_02.gif) no-repeat top scroll;
}
/* Title */
#title {
	display:block;
	width:762px;
	height:59px;
}
#title-left {
	float:left;
	display:block;
	width:578px;
	height:59px;
	background:#ffffff url(../images/layout/subtitle/bg_01.gif) repeat-x center scroll;
}
#title-right {
	float:right;
	display:block;
	width:184px;
	height:59px;
	background:#ffffff url(../images/layout/subtitle/bg_02.gif) no-repeat center scroll;
}
/* Content */
#content {
	padding:10px 5px 0px 5px;
	text-align:left;
}
.side-image {
	padding:6px;
	background:#f1ffd8;
	border:1px solid #a7d850;
}
.side-image:hover {
	border:1px solid #7cb417;
}
/* Index */
#index-latest-news {
	float:right;
	width:190px;
	border-left:1px solid #94cb32;
	text-align:right;
	padding:22px 0 10px 3px;
	background:#ffffff url(../images/content/pages/index/hillsides-latest.gif) no-repeat top right scroll;
}
a.index-latest-news_link {
	background:#ffffff;
	border-bottom:1px dotted #94cb32;
	font-size:11px;
	display:block;
	width:184px;
	text-decoration:none;
	float:right;
	clear:both;
	padding-right:4px;
}
a.index-latest-news_link:hover {
	background:#f5ffe2;
}
a.index-latest-news-view_all {
	color:#006600;
	text-decoration:underline;
	font-size:10px;
	font-weight:bold;
}
a.index-latest-news-view_all:hover {
	text-decoration:none;
}
/* News */
a.news-article {
	color:#FF7400;
	text-decoration:none;
}
a.news-article:hover {
	color:#FF6600;
}
/* For Sale */
/**Block 1**/
.for-sale-block_1 {
	display:table;
	width:740px;
	margin:0 auto;
	padding-bottom:5px;
	clear:both;
	border-bottom:1px solid #94cb32;
}
.for-sale-block_1-left {
	float:left;
	text-align:center;
	width:200px;
}
.for-sale-block_1-right {
	float:right;
	text-align:left;
	width:520px;
	margin:0 10px 0 10px;
}
.for-sale-block_1-title {
	font-weight:bold;
	color:#6ca20b;
	padding-bottom:6px;
}
.for-sale-block_1-list_1 {
	font-weight:normal;
	color:#87c419;
	border-bottom:1px dotted #b6ec57;
}
.for-sale-block_1-list_2 {
	font-weight:bold;
	color:#145d00;
	border-bottom:1px dotted #b6ec57;
}

/**Block 2**/
.for-sale-block_2 {
	display:table;
	width:740px;
	margin:0 auto;
	padding-bottom:5px;
	clear:both;
	border-bottom:1px solid #94cb32;
}
.for-sale-block_2-left {
	float:left;
	text-align:center;
	width:200px;
}
.for-sale-block_2-right {
	float:right;
	text-align:left;
	width:520px;
	margin:0 10px 0 10px;
}
.for-sale-block_2-title {
	font-weight:bold;
	color:#6ca20b;
	padding-bottom:4px;
}
.for-sale-image {
	padding:3px;
	background:#f1ffd8;
	border:1px solid #a7d850;
}
.for-sale-image:hover {
	border:1px solid #7cb417;
}
/* Contact */
#contact-block {
	margin:0 auto;
}
#contact-left {
	float:left;
	width:350px;
	margin:0 auto;
}
#contact-right {
	float:right;
	width:350px;
	margin:0 auto;
}
.contact-form-text {
	color:#333333;
	font-size:11px;
}
/* Footer */
#footer-box {
	display:block;
	text-align:center;
	width:100%;
	margin-top:15px;
	background:#ffffff url(../images/layout/footer/bg_01.gif) repeat-x center scroll;
}
#footer {
	width:980px;
	height:42px;
	margin-left:auto;
	margin-right:auto;
}
#footer-left {
	float:left;
	text-align:left;
	width:750px;
	font-size:11px;
}
#footer-right {
	float:right;
	text-align:right;
	width:230px;
	font-size:11px;
}
a.foot-nav {
	text-decoration:underline;
	color:#04ae00;
}
a.foot-nav:hover {
	text-decoration:underline;
	color:#6a9e0d;
}