@charset "utf-8";
/* CSS Document */

html{

	background-color:#8a8a8a;
	background-image:url(../images/websitebar/background.png);
	background-repeat:repeat-x;

	}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper { 
	width:975px;
	background-color: #457cac;
	margin-top: 0px;
	margin:auto auto;
	border-top:0px;
	margin-left:6px;
}


#container {
width:999px;
margin:auto auto;

}

#website_bar {

height:62px;
width:999px;
margin-top:-10px;

margin-bottom:10px;

}
	

#top_bar {
	width:975px;
	height:33px;
	background-color:#8a8a8a;
	border-bottom:0px solid black;
	background-image:url(../images/top_bar.png);
	background-repeat:no-repeat;

	
	}
	
#header {
	height: 135px;
	width: 975px;
	background-image:url(../images/alpacaavenueheader.png)
	
}


#content {
	width: 785px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	float:right;
	background-color:#d2d2d2;
	border-top:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:0px 10px 0px 10px;
	
}

#top_content_nav_bar {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:6px;
	border-bottom:2px dotted #717171;
	padding-bottom:2px;
	margin-left:-2px;
	
	}
#navigation {
		background-color: #457cad;
	overflow: hidden;
	float:left;
	margin:-4px auto 0px 3px;
	width:164px;
	border:0px solid black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

/*#adspotleft {
	width:145px;
	overflow:hidden;
	background-color:#6c91b7;
	clear: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	*/
#footer {
	width: 975px;
	margin:0px auto 0px auto;
	background-color: #457cac;
	clear:both;
	padding-bottom:1px;
	padding-top:5px;


}

#footer a:link, #footer a:active, #footer a:visited {

	color:#d0d1d2;
}

#footer a:hover {

	color:#0331C0;
	text-transform:none;
	text-decoration:none;
}



a:link, a:active, a:visited {
	color: #447CAB;
	text-decoration: underline;
}
a:hover {
	color: #2f587b;
	text-transform:none;
	text-decoration:none;
	
}


#navigation ul {
	list-style: none;
	padding: 0px;
	width:164px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    font-size:16px;
}

#navigation ul li {
display:inline;
	font-size:16px;
	
}

#navigation ul li a, #navigation ul li a:visited, #navigation ul li a:active {
    color: #000000;	
	display: block;
	clear:both;
padding:2px 0px 4px 0px;
	margin:5px 0px 2px 0px;
}

#navigation ul li a:hover {
	color: #0a2943;	
	display:block;
	clear:both;
	padding:2px 0px 4px 0px;
	margin:5px 0px 2px 0px;
}

#navigation p {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-top:0px;}


p {

font-family:Arial, Helvetica, sans-serif;
}

ul {
font-family:Arial, Helvetica, sans-serif;
font-size:14.5px;
}

table {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
color:#3a5d7b;
font-size:23px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color:#447CAB;
font-size:18px;
}

h2 a:link, h2 a:visited, h2 a:active {
font-family:Arial, Helvetica, sans-serif;
color:#447CAB;
font-size:18px;
}

h2 a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#6C91B7;
font-size:18px;
}

h3, h4, h5 {
font-family:Arial, Helvetica, sans-serif;
}

.psig {
margin-top:5px;
font-size:12px;
}

.pfooter {
margin-top:5px;
}

#left_of_quicklinks_content {
width:422px;
height:350px;
padding-right:8px;
float:left;
margin-bottom:5px;
margin-top:0px;
padding-top:-5px;
}

#quicklinks {
background-image:url(../images/quicklinks_bg.png);
background-repeat:no-repeat;
width:350px;
height:305px;
float:right;
margin-bottom:5px;
padding-top:45px;
text-align:center;
}

#alpacas_looking_right {

	width:300px;
	height:100px;
	float:left;
	padding:0px;
	margin-bottom:5px;
	margin-top:13px;
	}
	
#homepage_bottom_adsense {
	width:480px;
	height:100px;
	float:right;
	padding-top:16px;
	padding-left:5px;
	margin-top:13px;
	
	}


#twitter_div {
	width: 690px;
	margin-bottom: 10px;
	padding-top: 75px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #717171;
	font-family: Verdana, Arial, Helvetica;
	background-image: url(../images/twitterbg.png);
	background-repeat: no-repeat;
	clear:both;
}

#twitter_div a {

color:#254F6E;
text-decoration:underline;
font-size:13px;
}

#twitter_div a:hover {
color:#6C91B7;
text-decoration:none;
font-size:13px;
}

#twitter_div ul li {
color: #000;
list-style: none;
font-size: 11px;
text-align: left;
padding-top: 8px;
padding-bottom: 4px;
margin-left:-32px;
padding-left:0px;
border-bottom-style: dotted;
border-bottom-width: 0px;
border-bottom-color: #CDCBCB;
}

#twitter_div ul li a {
text-decoration: underline;
color: #254F6E;
}

#twitter_div ul li a:hover {
text-decoration: none;
color: #6C91B7;
}

#bookmark {
float:right;
text-align:right;
padding-top:0px;
padding-right:17px;}

#bookmark a, #bookmark a:visited, #bookmark a:active {
color:black;
font-size:18px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}
#bookmark a:hover {
color:yellow;
font-size:18px;
text-decoration:none;
}

/*#navigation{
	width: 800px;
	height: 26px;
	background-repeat: no-repeat;
	background-color: #d1d4dc;
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size:20px;
	margin-top:2px;
}

<div id="navigation">
    <div align="center">
    <a href="../index.html">Homepage</a> <span class="style2">|</span> 
    <a href="http://stonehillfarmblog.blogspot.com">Blog</a> <span class="style2">|</span> 
    <a href="../products.html">Products</a> <span class="style2">|</span> 
    <a href="../meetanimals.html">Meet our Animals</a> <span class="style2">|</span> 
    <a href="../animalofmonth.html">Animal of the Month</a> <span class="style2">|</span> 
    <a href="../aboutus.html">About us</a> <span class="style2">|</span> 
    <a href="../contactus.html">Contact us</a>
    </div>
  </div>
  
#navigation a:link, #navigation a:active, #navigation a:visited {

	color:#000000;
}

#navigation a:hover {

	color:#000066;
	text-transform:none;
	text-decoration:none;
	597C9A
}*/

#navigation .homepage a, #navigation .homepage a:visited, #navigation .homepage a:active {
text-indent:-6666px;
background-image:url(../images/navigation/homepage_nohover.png);
background-repeat:no-repeat;
}

#navigation .homepage a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/homepage_hover.png);
background-repeat:no-repeat;
}

#navigation .cam a, #navigation .cam a:visited, #navigation .cam a:active {
text-indent:-6666px;
background-image:url(../images/navigation/cam.png);
background-repeat:no-repeat;
}

#navigation .cam a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/camh.png);
background-repeat:no-repeat;
}

#navigation .farms a, #navigation .farms a:visited, #navigation .farms a:active {
text-indent:-6666px;
background-image:url(../images/navigation/farms_nohover.png);
background-repeat:no-repeat;
}

#navigation .farms a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/farms_hover.png);
background-repeat:no-repeat;
}

#navigation .info a , #navigation .info a:visited, #navigation .info a:active {
text-indent:-6666px;
background-image:url(../images/navigation/info_nohover.png);
background-repeat:no-repeat;
}

#navigation .info a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/info_hover.png);
background-repeat:no-repeat;
}

#navigation .health_care a, #navigation .health_care a:visited, #navigation .health_care a:active {
text-indent:-6666px;
background-image:url(../images/navigation/health_care_nohover.png);
background-repeat:no-repeat;
}

#navigation .health_care a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/health_care_hover.png);
background-repeat:no-repeat;
}

#navigation .raising a , #navigation .raising a:visited, #navigation .raising a:active {
text-indent:-6666px;
background-image:url(../images/navigation/raising_owning_nohover.png);
background-repeat:no-repeat;
}

#navigation .raising a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/raising_owning_hover.png);
background-repeat:no-repeat;
}

#navigation .finances a, #navigation .finances a:visited, #navigation .finances a:active {
text-indent:-6666px;
background-image:url(../images/navigation/finances_nohover.png);
background-repeat:no-repeat;
}

#navigation .finances a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/finances_hover.png);
background-repeat:no-repeat;
}

#navigation .fleece a, #navigation .fleece a:visited, #navigation .fleece a:active {
text-indent:-6666px;
background-image:url(../images/navigation/fleece_nohover.png);
background-repeat:no-repeat;
}

#navigation .fleece a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/fleece_hover.png);
background-repeat:no-repeat;
}

#navigation .products a, #navigation .products a:visited, #navigation .products a:active {
text-indent:-6666px;
background-image:url(../images/navigation/products_nohover.png);
background-repeat:no-repeat;
}

#navigation .products a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/products_hover.png);
background-repeat:no-repeat;
}

#navigation .story a, #navigation .story a:visited, #navigation .story a:active {
text-indent:-6666px;
background-image:url(../images/navigation/story_nohover.png);
background-repeat:no-repeat;
}

#navigation .story a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/story_hover.png);
background-repeat:no-repeat;
}

#navigation .media a, #navigation .media a:visited, #navigation .media a:active {
text-indent:-6666px;
background-image:url(../images/navigation/media_nohover.png);
background-repeat:no-repeat;
}

#navigation .media a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/media_hover.png);
background-repeat:no-repeat;
}

#navigation .about a, #navigation .about a:visited, #navigation .about a:active {
text-indent:-6666px;
background-image:url(../images/navigation/about_nohover.png);
background-repeat:no-repeat;
}

#navigation .about a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/about_hover.png);
background-repeat:no-repeat;
}

#navigation .contact a, #navigation .contact a:visited, #navigation .contact a:active {
text-indent:-6666px;
background-image:url(../images/navigation/contact_nohover.png);
background-repeat:no-repeat;
}

#navigation .contact a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/contact_hover.png);
background-repeat:no-repeat;
}

#navigation .home a, #navigation .home a:visited, #navigation .home a:active {
text-indent:-6666px;
background-image:url(../images/navigation/home_nohover.png);
background-repeat:no-repeat;
}

#navigation .home a:hover {
text-indent:-6666px;
background-image:url(../images/navigation/home_hover.png);
background-repeat:no-repeat;
}


#product_you {
width:350px;
text-indent:-6666px;
float:left;
}

#product_your {
width:350px;
text-indent:-6666px;
float:left;
}
.product_you a, .product_you a:visited, .product_you a:active {
text-indent:-6666px;
background-image:url(../images/content_images/products/you.png);
background-repeat:no-repeat;
}

.product_you a:hover {
text-indent:-6666px;
background-image:url(../images/content_images/products/you_hover.png);
background-repeat:no-repeat;
}

.product_your a, .product_your a:visited, .product_your a:active {
text-indent:-6666px;
background-image:url(../images/content_images/products/your.png);
background-repeat:no-repeat;
}

.product_your a:hover {
text-indent:-6666px;
background-image:url(../images/content_images/products/your_hover.png);
background-repeat:no-repeat;
}



#main_content_adsense {
float:right;
}

#image_adsense_right {
width:300px;
float:right;
padding-top:5px;

}

.nav_adsense {
padding-top:15px;
}

#premium_dialog h1{margin-top:0%;margin-bottom:0.5em;font-weight:bold;font-size:28px;}#premium_dialog dl{margin-bottom:1em;}#premium_dialog dt{margin-left:30px;font-weight:bold;font-size:18px;}#premium_dialog ul{margin-top:0.25em;}#premium_dialog li{list-style:disc outside;margin-left: 70px;}#premium_dialog .premium_footer .tell_me_more{float:right;font-weight:bold;}.highlight{background: #FFEB90 none repeat-x;}

#alpaca_right {
float:right;
width:275px;
height:135px;
}