@charset "utf-8";
/* CSS Document */

body {
	background-color: #084759;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a {
	font-family: Verdana;
	font-size: 13px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFF66;
}
a:active {
	text-decoration: none;
	color: #FFFF66;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;}
	
	
/* ================================ CLASSES ================================= */


/*============== MENU =============*/
.menu a{
	font-family: Verdana;
	font-size: 13px;
	color: #FFFFFF;
	margin-left:8px;
	padding:0 8px 0 8px;
	padding:0 10px;
	
	border-left: 1px solid #4d977c;
	margin-left: 0;
	font-size: 12px;
}
.menu a:link {
	text-decoration: none;
}
.menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.menu a:hover {
	text-decoration: none;
	color: #FFFF66;
}
.menu a:active {
	text-decoration: none;
	color: #FFFF66;
}

/*============== SIDEBAR =============*/
.map{
	width:auto;
	font-family:Verdana;
	font-size:12px;
}
.map img{
	width:181px;
	height:119px;
	margin:10px 10px 0 10px;
}
.map p{
	width:180px;
	font-family:Verdana;
	font-size:12px;
	padding:0 0 0 25px;

}

.sidebar-gallery img{
	width:198px;
	height:118px;
	margin:10px;
}
.divider {
	background:url(images/divider.jpg) center no-repeat;
	width:200px;
	height:30px;
	margin:10px;
}


/*============== BODY=============*/
.subtitle{
	font-family:"Arial Black", Impact; 
	font-size:16px; 
	color:#FFFFFF; 
	margin-left:25px;
}

.content{
	font-family:verdana; 
	font-size:14px; 
	color:#000; 
	margin:30px;
}
.content p{
	font-family:verdana; 
	font-size:14px; 
	color:#000; 
}

/*===================== BOX ========================*/
.featured{ 
	width:614px;
	margin:30px;
	position:bottom;
	background:#9c9a9a;
}
.b1{ 
	width:614px;
	height:12px;
	background:url(images/b1.jpg) top no-repeat;
	position:top;
	border:0;
}
.b2{ 
	width:614px;
	height:12px;
	background:url(images/b2.jpg) bottom no-repeat;
	position:bottom;
	border:0;
}
.bfeatured{ 
	width:574px;
	height:170px;
	background:#9c9a9a;
	padding:20px;
	border:0;
	
}
.bfeatured img{ 
	width:223px;
	height:168px;
	background:#9c9a9a;
	padding:0 10px;
	border:0;

}
.bfeatured p{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}
.featured a{
	font-family: Verdana;
	font-size: 13px;
	color:#FF0000;
	margin-left:0px;
	padding:0;
}
.featured a:link {
	text-decoration: none;
}
.featured a:visited {
	text-decoration: none;
	color:#FF0000;
}
.featured a:hover {
	text-decoration:underline;
	color: #FFFF66;
}
.featured a:active {
	text-decoration: none;
	color:#FF0000;
}

/*===================== BOX ========================*/
.footer{ 
	width:600px;
	border:0
	font-family: Verdana;
	font-size: 11px;
	color:#FFFFFF;
	padding-top:5px;
	float:left;
}
footer p{ 
	width:700px;
	font-family: Verdana;
	font-size: 11px;
	color:#FFFFFF;
	float:left;
}
.footer a{
	font-family: Verdana;
	font-size: 11px;
	color:#FFFFFF;
	margin-left:0px;
	padding:0;
}
.footer a:link {
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
	color:#fff;
}
.footer a:hover {
	text-decoration:underline;
	color:#fff;
}
.footer a:active {
	text-decoration: none;
	color:#fff;
}
.footer img{ 
	width:156px;
	height:49px;
	float:right;
	position:absolute;
}
/*=================== content animals=============================*/

.content-animals{
	font-family:verdana; 
	font-size:14px; 
	color:#000; 
	margin:30px;
	width:620px;
}
.content-animals p{
	font-family:verdana; 
	font-size:14px; 
	color:#000; 
}
.content-animals img{
	width:145px
	height:122px;
	padding:2px;
	border:0px;
}

/*=================== content STOCK FOR SALE============================*/

.content-stockforsale{
	font-family:verdana; 
	font-size:14px; 
	color:#000; 
	margin:30px;
	width:620px;
	position:relative;
}
.content-stockforsale p{
	font-family:verdana; 
	font-size:14px; 
	color:#000; 
	
	
}
.content-stockforsale img{
	width:230;
	margin:10px;
	border:0px;
	
}

.content-stockforsale a{
	color:#FF3300;
	font-family:Verdana; 
	font-size:12px;
	font-weight:bold;
	font-stretch:narrower;
	text-decoration:underline;}

.content-stockforsale a:hover{
	color:#FF3300;
	font-family:Verdana; 
	font-size:12px;
	font-stretch:narrower;
	font-weight:bold;
	text-decoration:none;}
	
.box{ width:230; text-align:center; float:left; margin-left:40px;}

/* mods */

.callto a{
	display: block;
	background: #009966;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	color: #e1e1e1;
	text-transform: uppercase;
	text-decoration: none;
}
.callto a:hover{
	background: #079c6a;
	color: #fff;
}

#main{
	margin: 30px auto;
	min-height: 600px;
	width: 960px;
	padding: 0;
	
	overflow: hidden;
}

#header{
	width: auto;
	background: #fbf4e4;
	margin: 0; padding: 0;
	height: 147px;
	position: relative;
	
	border-radius: 20px 20px 0 0;
	-o-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	
}
#header h1{
	background: url(images/logo2.png) no-repeat;
	width: 224px; height: 147px;
	text-indent: -9999px;
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 0;
	
	border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	overflow: hidden;
}

#header p{
	float: right;
	width: auto;
	padding: 20px;
	margin: 40px 0 0 0;
}

#nav{
	background: url(images/gradient.png) repeat-x;
	height: 63px;
}

#nav ul{
	margin: 0; padding: 0 15px;
}

#nav ul li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0; padding: 0;
}
#nav ul li a{
	display: block;
	padding: 0 15px;
	height: 63px; line-height: 63px;
	
	font-family: Verdana;
	font-size: 13px;
	color: #FFFFFF;
	margin: 0;
}

#nav ul li a:hover{
	color: #FFFF66;
}

#content{
	border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	
	background: #fff;
	overflow: hidden;
	padding: 30px;
}



#footerwrap{
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 
}
#footerwrap div.footer{
	padding: 0 30px;
}
#footerwrap div.footer p.footer{
	float: none;
}
#footerwrap .designer{
	position: absolute;
	top: 10px; right: 30px;
	color: #ccc;
}

.designer{
	float: right;
	margin: 20px 0 0 0;
	color: #ccc;
}
#footerwrap .designer a{
	float: none;
	margin: 0 0 0 0;
	color: #fff;
	text-decoration: underline;
}

.primary{ float: left; width: 70%; }
.secondary{ float: right; width: 25%; }
.secondary h2{ margin-bottom: 20px; }

#blogroll{ min-height: 400px; }



.block{ overflow: hidden; margin: 0 0 40px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; }
.block.summary{
	position: relative;
}

.block .thumb{ float:left; margin: 0 20px 20px 0; width: 100px; height: 100px; }
.block.summary .thumb{ width: 200px; height: 200px; }
.block .thumb img{ width: 100%; height: auto;}

.block .info{}

.block.article p{
	overflow: hidden;
	clear: both;
}
.block.article h1{
	font-size: 35px;
	margin-bottom: 10px;
	line-height: 1em;
}
.block.summary .info{ overflow: hidden; }

.block h1,
.block h2,
.block h3,
.block h4,
.block p,
.block small,
.block li{
	margin: 0 0 20px 0;
}

.block p{ font-size: 13px; }
.block small{ font-size: 13px; color: #999; margin-bottom: 10px; display: block; }
.block.summary small {
	background: #fff;
	border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	height: 45px;
	width: 60px;
	color: #fff;
	font-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	color: #326552;
	text-align: center;
	padding: 15px 0 0 0;
}

.block ul,
.block ol{}

.block li{
	list-style: disc;
	margin-left: 20px;
	padding-left: 20px;
}

.block h2,
.block h3,
.block h4{
	line-height: 1.2em;
	font-weight: normal;
}

.block h1{}
.block h2{}
.block h3{}
.block h4{}

.block .clear{ clear: both; overflow: hidden; margin: 0; padding: 0;}

.block p{}
.block p.callto{}
.block p.callto a{ 
	display: inline-block; 
	*display: inline; zoom: 1; 
	text-decoration: none; 
	text-transform: uppercase; 
	padding: 5px 10px; 
}
.block p.callto a:hover{}

.block.summary h1{ margin: 0 0 10px 0; line-height: 1em; }
.block.summary small{ margin: 0 0 10px 0; display: inline-block; }
.block.summary p{ margin: 0 0 10px 0; }

.posts{ list-style: none; margin: 0; padding: 0; }
.posts li{ padding: 0; margin: 0; border-top: 1px solid #ccc;}
.posts li a{	
	color: #009966;
	text-decoration: none;
	padding: 10px 0;
	display: block;
}
.block.article a:hover{
	color: #079c6a;
}


.facebook {
	display: inline-block;
	zoom: 1;
	background: url(images/facebook.png) center center no-repeat;
	padding: 2px 3px;
	text-indent: -9999px;
	width: 70px;
	height: 20px;
	line-height: 20px;
}

.block.article a{	
	color: #009966;
	text-decoration: underline;
}
.block.article a:hover{
	color: #079c6a;
}

.secondary h2{
	line-height: 1em;
	margin: 0 0 20px 0;
}





