body{
	font-family: Helvetica, verdana;
	letter-spacing: .1em;
	background: #00557C;
}

p{
	font-family: Verdana;
}


/*---------------------------
		MASTHEAD
---------------------------*/

#masthead{
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
	height: 120px;
	position: relative;
}

#masthead h1 a{
	display: block;
	height: 100px;
	width: 262px;
	text-indent: -5000px;
	background: url(../images/masthead/logo.png) no-repeat;
}

#masthead ul{
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 2;
}

#masthead ul li{
	float: left;
	text-align: center;
}

#masthead ul li a{
	display: block;
	color: white;
	text-decoration: none;
	font-size: 12px;
	width:111px;
	padding: 10px 0;
	margin-right: 5px;
	background: url(../images/masthead/nav-buttons.png) no-repeat;
}

#masthead ul li a:hover{
	background: url(../images/masthead/nav-buttons.png) no-repeat 0 -45px;
}

#masthead ul li a:active{
	background: url(../images/masthead/nav-buttons.png) no-repeat 0 -90px;
}

#masthead ul li a.last-nav{
	color: #333333;
	margin-right: 0;
	background: url(../images/masthead/nav-buttons.png) no-repeat -131px 0;
}

#masthead ul li a.last-nav:hover{
	background: url(../images/masthead/nav-buttons.png) no-repeat -131px -45px;
}

#masthead ul li a.last-nav:active{
	background: url(../images/masthead/nav-buttons.png) no-repeat -131px -90px;
}

/*---------------------------
		BODY
---------------------------*/

#body{
	margin: 0 auto;
	width: 960px;
	position: relative;
}

#promo{
	border: 1px solid #3488AD;
	overflow: hidden;
	min-height: 300px;
	background-color: #186D94;
	position: relative;
	padding: 10px;
}

#promo img{
	float: left;
}

#description{
	width: 202px;
	height: 392px;
	background-color: white;
	padding: 60px 20px 20px 20px;
	float: right;
}

#description p{
	font-size: 13px;
	line-height: 1.4em;
	color: #808080;
}

#description p a{
	display: block;
	padding: 7px 10px;
	margin: 10px 0;
	width: 105px;
	text-align: left;
	background: url(../images/masthead/nav-buttons.png) no-repeat -131px 0;
	color: #333333;
}

	#description p a:hover{
		background: url(../images/masthead/nav-buttons.png) no-repeat -131px -45px;
		color: white;
	}

#description h2{
	font-size: 28px;
	padding: 0 0 15px 0;
}

/*----SUB CONTENT-----*/

#home-sub-content{
	background-color: #3488AD;
	border-color: #186D94;
	margin: 20px 0;
}

	#home-sub-content ul{
		 overflow: hidden;
	}
	
	#home-sub-content ul li{
		float: left;
		width: 458px;
		padding: 15px 10px;
	}
	
	#home-sub-content ul li:last-child{
		border-left: 3px solid #186D94;
	}
	
	#home-sub-content ul li img{
		float: left;
		margin: 0 15px 0 10px;
		padding: 40px 0 110px 0;
	}
	
		#home-sub-content ul li img[alt="sa-logo"]{
			padding: 60px 0 70px 0;
		}
	
	
	#home-sub-content ul li .place-holder{
		border: 1px solid blue;
		height: 200px;
		width: 200px;
		float: left;
		margin-right: 15px;
	}
	
	#home-sub-content ul li h2{
		font-size: 20px;
		padding-bottom: 15px;
		color: white;
	}
	
	#home-sub-content ul li p{
		font-size: .8em;
		line-height: 1.3em;
		color: #E6E6E6;
		padding: 0 10px 15px 0;
		width: 220px;
		float: left;
	}
	
	#home-sub-content ul li a{
		display: block;
		float: left;
		padding: 10px 15px;
		border: 1px solid #3488AD;
		font-size: 13px;
		color: white;
		text-decoration: none;
		box-shadow: 2px 2px 2px #333333;
		background: #00557C;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#186D94), to(#00557C));	
	}
	
	
/*---------------------------
		ABOUT
---------------------------*/

#about h2{
	color: white;
	font-size: 1.6em;
	padding: 0px 0 15px 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #cccccc;
	position: relative;
}	

#about h3{
	font-size: 1.4em;
	padding: 9px 0 20px 50px;
	color: white;
	font-weight: bold;
	background: url(../images/shady-acres/h3-pointer.png) no-repeat;
	margin-bottom: 20px;
}

#about h3 + p{
	color: white;
	font-size: .8em;
	width: 505px;
	margin: 0 40px 70px 0;
	line-height: 1.5em;
}


#about p#origins{
	margin-bottom: 250px;
}

#about img{
	border: 7px solid white;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

	#about img[alt="jimmy"]{
		position: absolute;
		top: 70px;
		right: 0;
	}
	
	
	#about img[alt="blue-max"]{
		position: absolute;
		top: 480px;
		right: 0;
	}

.champions{
	border: 1px solid #3488AD;
	background: #186D94;
	padding: 15px;
	margin-bottom: 15px;
	position: relative;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

	.champions h4{
		color: white;
		position: absolute;
		left: 660px;
		top: 40px;
		font-size: 1.3em;
	}

/*---------------------------
		DOGS
---------------------------*/

#dogs h2{
	color: white;
	font-size: 1.6em;
	padding: 0px 0 15px 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #cccccc;
	position: relative;
}

#dogs img{
	border: 7px solid white;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

#dogs h3{
	font-size: 1.4em;
	padding: 9px 0 20px 50px;
	color: white;
	font-weight: bold;
	background: url(../images/shady-acres/h3-pointer.png) no-repeat;
	margin-bottom: 20px;
}

#jimmy{
	position: relative;
	overflow: hidden;
}

#jimmy p{
	color: white;
	margin-left: 400px;
	font-size: .8em;
	line-height: 1.5em;
	padding: 10px 0;
}

	#jimmy ul{
		margin-left: 400px;
		font-size: .8em;
		line-height: 1.5em;
		padding: 10px 0;
	}

	#jimmy ul li{
		color: white;
		list-style-type: disc;
		margin-left: 20px;
		padding-left: 15px;
	}
	
	#jimmy img[alt="jimmy-head"]{
		position: absolute;
		top: 85px;
		left: 0;
	}
	
	#jimmy-images{
		margin: 50px 0 20px 0;
		padding-bottom: 20px;
		border-bottom: 2px solid #3488AD;
	}
	
	#jimmy-images img{
		margin-right: 7px;
	}
	
	#jimmy-images img[alt="team-jimmy"]{
		margin-right: 0px;
	}

/*---------------------------
		KENNELS
---------------------------*/

#green-label{
	height: 200px;
	width: 117px;
	background: #9CC659;
	position: absolute;
	top: -170px;
	right: 229px;
	z-index: 1;
}

#kennels{
	background: #9CC659;
	padding: 25px;
	position: relative;
} 
#kennels h2{
	color: white;
	font-size: 2em;
	padding: 100px 90px 90px 200px;
	margin-bottom: 30px;
	border-bottom: 2px solid #70A31F;
	text-indent: -5000px;
	background: url(../images/shady-acres/sa-header.jpg) no-repeat;
}

#kennels h3{
	font-size: 1.4em;
	padding: 9px 0 20px 50px;
	font-weight: bold;
	border-bottom: 2px solid #70A31F;
	background: url(../images/shady-acres/h3-pointer.png) no-repeat;
	margin-bottom: 20px;
}

	#kennels h4{
		font-size: 1.2em;
		padding: 9px 0 10px 50px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#bookings h3{
		width: 285px;
	}

#kennels p{
	font-size: .8em;
	line-height: 1.4em;
	padding-bottom: 15px;
}

#kennels img{
	border: 7px solid white;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

#kennels address{
	font-size: .9em;
	line-height: 1.3em;
	margin-bottom: 100px;
}

#intro{
	border: 1px solid #70A31F;
	overflow: hidden;
	background-color: #ACCE6B;
	position: relative;
	padding: 15px 25px 15px 15px;
	margin-bottom: 50px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

#intro img{
	float: left;
	margin-right: 30px;
}

#intro p{
	color: black;
	line-height: 1.5em;
	padding-bottom: 15px;
}

#intro p#first{
	padding-top: 80px;
}

p.dogs-cats{
	padding-left: 50px;
	width: 540px;
}

p.contact{
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
	line-height: 1em;
}

.kennel-images{
	border: 1px solid #70A31F;
	background-color: #ACCE6B;
	padding: 10px 0 10px 10px;
	overflow: hidden;
	margin-bottom: 50px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

.kennel-images img{
	margin-right: 10px;
	width: 275px;
	border: 7px solid white;
	display: block;
	float: left;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

img[alt="van"]{
	width: 520px;
	margin-bottom: 30px;
}

p#pickup{
	width: 285px;
	float: left;
	margin-right: 20px;
	padding-left: 50px;
}

#bookings{
	border: 1px solid #70A31F;
	background-color: #ACCE6B;
	position: relative;
	padding: 20px;
	margin: 50px 0 20px 0;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

#bookings a{
	color: #5B8704;
}


#booking-map{
	position: absolute;
	right: 20px;
	bottom: 20px;
	border: 7px solid white;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}
	
#kennels table{
	margin: 0 0px 0 50px;
	font-size: .8em;
	border: 1px solid #70A31F;
	background-color: #ACCE6B;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}	

	#kennels table th, #kennels td{
		width: 200px;
		padding: 8px;
		border: 1px solid #70A31F;
	}
	
	#kennels table th{
		background-color: #70A31F;
		color: white;
	}
	
#kennels img[alt="alice"]{
	position: absolute;
	right: 40px;
	bottom: 455px;
}

p.alice{
	width: 450px;

}

/*---------------------------
		FOR SALE
---------------------------*/

#sale h2{
	color: white;
	font-size: 1.6em;
	padding: 0px 0 15px 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #cccccc;
}

#sale h3{
	font-size: 1.4em;
	padding: 9px 0 20px 50px;
	color: white;
	font-weight: bold;
	background: url(../images/shady-acres/h3-pointer.png) no-repeat;
	margin-bottom: 20px;
}

#sale h3 + p{
	color: white;
	line-height: 1.4em;
	font-size: .9em;
	width: 340px;
	margin-bottom: 15px;
}

p.sale-intro{
	color: white;
	line-height: 1.4em;
	font-size: .9em;
	width: 340px;
	margin-bottom: 15px;
}

p.details{
	font-size: 1.2em;
	margin-bottom: 90px;
}

p.details a{
	color: white;
}

img[alt="intro"]{
	position: absolute;
	right: 0;
	top: 60px;
	
}

.litters{
	border: 1px solid #3488AD;
	background: #186D94;
	padding: 15px;
	margin-bottom: 15px;
	position: relative;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
	overflow: hidden;
}

	.litters img{
		border: 7px solid white;
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
		float: left;
		margin-right: 20px;
	}
	
	.litters p{
		color: white;
		font-size: .9em;
		line-height: 1.4em;
		padding: 15px 0;
	}
	
	.litters p a{
		color: white;
	}

/*---------------------------
		CONTACT US
---------------------------*/	

#contact{
	overflow: hidden;
}

#contact h2{
	color: white;
	font-size: 1.6em;
	padding: 0px 0 15px 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #cccccc;
}	

#details{
	float: left;
}

#details address{
	color: white;
	text-style: normal;
	line-height: 1.4em;
}

#details address span{
	font-size: 1.2em;
	display: block;
	padding: 10px 0;
	color: #cccccc;
}

#details dl{
	width: 300px;
	color: white;
	line-height: 1.6em;
}

#details dt{
	float: left;
	padding: 0 10px 0 0;
}

#details dd a{
	color: white;
}

#details h4{
	color: #cccccc;
	font-size: 1.2em;
	padding: 10px 0;
}

#details table{
	color: white;
}

#details table td{
	padding-right: 20px;
	line-height: 1.6em;
}


#map{
	float: right;
	border: 7px solid white;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .8);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .8);
}
	
/*---------------------------
		FOOTER
---------------------------*/

#footer{
	background: #F2F2F2 url(../images/footer/footer-runner.png) repeat-x top;
	margin-top: 40px;
}

#footer h5{
	padding: 0 0 10px 0;
	font-size: 14px;
	margin-bottom: 10px;
	border-bottom: 2px solid #CCCCCC;
}

#footer p{
	color: #666666;
	font-size: 13px;
	line-height: 1.4em;
}

#footer ul{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
}

#footer ul li:first-child{
	border-left: 1px solid #81C1DC;
}

#footer ul li{
	border-right: 1px solid #81C1DC;
	width: 298px;
	height: 140px;
	float: left;
	padding: 10px;
}

#footer table tr td{
	border-bottom: 1px solid #E6E6E6;
	width: 140px;
	padding: 4px 0;
	font-size: 13px;
	color: #666666;
}

#footer address{
	font-style: normal;
}

	#footer address p{
		font-weight: 700;
	}
	
	#footer address p a{
		font-weight: 400;
		color: #00557C;
	}
	
	#footer address p:last-child{
		font-weight: normal;
		padding: 10px 0;
	
	}