/*
Author: D
Author URI: http://www.diallohudgins.com
version: 1.0
Tags: two-column, widget-ready,blank
*/

@import url("reset.css");
@import url("980_4_10_10.css");


/***Table of Contents

1: Global
2: Containers
3: Header
	3a: Navigation
	3b: logo/tag
4: Centers
5: Content
	5a: Entry
6: Sidebar
7: Footer

***/

/*****************************************
	1: Global
*****************************************/

body {
	color: #333;
	font: normal 14px Arial, Helvetica, sans-serif;
	background: #a9aaac;
	
}

.omega {
	float: right;
}

.align_left {
	margin: 0 10px 5px 0;
	float: left;
}

.align_right {
	margin: 0 0 5px 10px;
	float: right;
}

a, a:link {
	color: #939;
}

a:hover {
	color: #f90;
}

h1 {
	color: #7d6a56;
	font: normal 36px League, sans-serif;
	line-height: 35px;
	letter-spacing: 1px;
	font-stretch: expanded;
}

h2 {
	color: #f90;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

h3 {
	color: #f90;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}




p {
	font: normal 14px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	line-height: 18px;
}



/*****************************************
	2: Containers
*****************************************/

#header_container, #marketing_container, #page_title_container {
	margin: 0;
	width: 100%;
	float: left;
	clear: both;
}

#header_container {
	background: #3e3e3f url(../images/bck_header_cont.png) repeat-x bottom;
}

#marketing_container {
	background: #772b8b;
}

.clear {
		border:0px solid #990000;
}


/*****************************************
	3: Header
*****************************************/

#header {
	color: #FFF;
	background: url(../images/bck_header_glow.png) no-repeat bottom;
	padding-top: 5px;
	position: relative;
}

#header #logo {
	background: url(../images/logo.png) no-repeat top left;
	width: 260px;
	height: 250px;
	position: absolute;
	z-index: 5000;
}

#logo p {
	color: #999;
	font-size: 11px;
	margin-top: 160px;
	margin-left: 15px;
	width: 220px;
	line-height: 14px;
	text-align: center;
}

#logo a {
	text-decoration: none;
}

#logo strong {
	font-size: 18px;
	margin: 5px 0;
	display: block
}

#hours {
	margin-bottom: 15px;
}

#hours li {
	font-size: 10px;
	border-right: 1px solid #CCC;
	padding: 0 3px;
	display: inline; 
}

#hours .first {
	padding-left: 0;
}

#hours .last {
	border: 0;
	margin-bottom: 5px;
}

#tag {
	background: url(../images/bck_tagline.png) no-repeat top right;
	margin: 0 0 10px;
	padding: 5px 0 10px;
}

#tag, #topnav, #nav {
	clear: both;
}

#hours ul, #tag ul, #topnav ul, #nav ul {
	margin-left: 270px;
}


					
/*** 3a: Navigation ***/

#header .last a {
	border: 0;
}

#header .last2 a:hover {
	text-decoration: none;
}

#tag ul, #tag li, #topnav ul, #topnav li, #nav ul, #nav li, #nav a {
	float: left;
}

#topnav {
	margin-bottom: 10px;
	position: relative;
	z-index: 8000;
}

#tag a, #topnav a, #nav a {
	color: #FFF;
	border-right: 1px solid #777;
	padding: 2px 6px;
	text-decoration: none;
}

#tag .emergencies {
	color: #ffa800;
	font-weight: bold;
}

.on a {
	background: #777;
}

#topnav a:hover, #tag a:hover {
	background: #8514ba;
}

#nav a {
	font-size: 14px;
	border: 0;
	padding: 12px 8px;
	float: left; 
}

#nav ,on a, #nav a:hover {
	background: #7b7b7d;
}

#nav {
	background: #28282a;
	position: relative;
	
}

#topnav li, #nav li {
	position: relative;
}

/*** 3b: Drop Down ***/

#topnav :hover > a, #nav :hover > a {
	background: #8514ba;
}

#topnav ul ul, #nav ul ul {
	display: none;
}

#topnav li:hover ul, #nav li:hover ul {
	border: 0;
	margin-left: 0;
	width:150px;
	display:block; 
	position:absolute; 
	z-index: 500;
	top: 40px; 
	left:0; 
}

#nav li:hover ul a {
	background: #8514ba;
	border-bottom: 1px solid #a424e0;
	border-right: 0;
	padding: 5px 8px;
	width: 142px;
	height: auto;
	text-align: left;
}

#nav ul ul a:hover {
	color: #000;
	background: #8514ba;
	border: 0;	
}

#topnav li:hover ul {
	top: 15px;
}

#topnav li:hover ul a {
	color: #FFF;
	background: #8514ba;
	border: 0;
	padding: 5px;
	width: 120px;
	height: auto;
	display: block;
}

#topnav li ul a:hover, #nav li ul a:hover {
	color: #FFF;
	background-color: #7a308e;
}


/*****************************************
	4: Marketing
*****************************************/

#marketing, #page_title {
	background: url(../images/bck_marketing.png) no-repeat bottom;
	padding: 10px 0;
}

#shop {width: 236px;
	height: 37px;
	margin: 0 0 70px 270px;
	
}

#shop a {
	background: url(../images/btn_onlinestore.png) no-repeat left;
	width: 236px;
	height: 43px;
	display: block;
	text-indent: -999em;
}

#shop a:hover {
	background: url(../images/btn_onlinestore.png) no-repeat -236px;
}

#opening {
	
}

#opening h1 {
	background: url(../images/img_opening.png) no-repeat left;
	margin-bottom: 10px;
	width: 635px;
	height: 67px;
	text-indent: -999em;
}

#opening p {
	color: #cfafd7;
	font-size: 15px;
	width: 600px;
	line-height: 22px;
}

#page_title h1 {
	color: #FFF;
	font-size: 24px;
	margin-left: 270px;
}

/***Special Annoucements***/

#informational {
	color: #FFF;
	background: url(../images/bck_informational.png) no-repeat bottom;
	margin: 0 auto;
	width: 1010px;
	min-height: 75px;
	clear: both;
}

#info_content {
	margin-left: 40px;
	padding-top: 2px;
}

#informational p {
	color: #cfafd7;
	font-size: 16px;
	margin: 5px 0;
}

#informational strong {
	color: #FFF;
	font-weight: bold;
}

#informational a {
	color: #FFF;
	font-size: 11px;
	background: #772b8b;
	border: 1px solid #a562b7;
	padding: 3px;
	width: auto;
	display: inline-block;
	text-decoration: none;
}

#informational a:hover {
	background: #f93;
	border: 1px solid #FFF;
}


/*****************************************
	4: Content
*****************************************/

#home_content, #content {
	color: #000;
	background: #FFF;
	padding: 23px 0 20px;
}

#content {
	clear: both;
}

#home_left {
	width: 325px;
}

#home_content strong {
	color: #939;
	font-size: 18px;
	font-weight: normal;
}

#animals {
	position: absolute;
	z-index: 5000;
	top: -299px;
	left: 275px;
}

#home_animals {
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 0px;
	
}

#home_animals2 {
	margin-top: 20px;
	margin-right: 125px;
	margin-left: 170px;
	
}





#quote {
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	padding: 10px 0;
	text-align: right;
}

#quote span {
	font-size: 11px;
}

#entry {
	margin: 0 25px 0 270px;
}

#content #side + #entry {
	margin-right: 25px;
	margin-left: 270px;
}


#entrynoside {
	margin-top: 60px;
	margin-right: 25px;
	margin-left: 25px;
}

/*****************************************
	5: Sidebar
*****************************************/

#side {
	margin-top: 60px;
	width: 240px;
	float: left;
}

#side dt, #side dd {
	border-bottom: 1px solid #999;
	padding: 5px 0;
}

#side dt {
	color: #666;
	font-size:  20px;
	padding-left: 10px;
}

#side dd a {
	font-size: 15px;
	margin-left:  10px;
	text-decoration:  none;
}

.on {
color: #f93;
	
}


/*****************************************
	7: Footer
*****************************************/

#footer {
	color: #FFF;
	padding-bottom: 25px;
}

#footer p {
	font-size: 10px;
	line-height: normal;
}

#footer_links {
	width: 300px;	
}

#footer_credits {
	width: 600px;	
}



.error {color:#f00;} 




 .PPcontainer {

margin: 50px 10px 0 10px;

} 



.bodyphoto {
	float: left;
	clear: left;
	margin: 5px 5px 5px 0;
}


.biosLF {
	float: left;
	margin-right: 15px;
	
}
.biosRT {
	float: right;
	margin-left: 15px;
	
}





ul.paws {

	margin-left: 0;

	padding-left: 0;

}

ul.paws li {

	background: url(../images/check2.png) no-repeat left top;

	margin-bottom: 1em;

	padding-left: 22px;

	list-style: none;

}


ol {

	margin-left: 20;

	padding-left: 20;
	

}

ol li {

	background: url(../mages/check2.png) no-repeat left top;

	margin-bottom: 1em;

	padding-left: 20px;

	list-style-type: decimal;
	
	list-style-position:inside;

}





/* tour */
#slideshow2 {
	position: relative;
	height: 333px;
	width: 500px;
}
#slideshow2 #slides2 {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 9000; 
	height: 333px;
	width: 500px;
	margin: 0 auto;
}
.caption2 {
	position: absolute;
	bottom: 0;
	left: 15px;
	z-index: 9100;
	width: 480px;
	text-align: center;
	padding: 5px 10px;
	background: #772b8b;
	color: #fff;
	display: none; 
}


/* tour */
#slideshow3 {
	position: relative;
	height: 225px;
	width: 171px;
}
#slideshow3 #slides3 {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 9000; 
	height: 225px;
	width: 171px;
	margin: 0 auto;
}
.caption3 {
	position: absolute;
	bottom: 0;
	left: 15px;
	z-index: 9100;
	width: 151px;
	text-align: center;
	padding: 5px 10px;
	background: #772b8b;
	color: #fff;
	display: none; 
}





#facebook {
	position: absolute;
	z-index: 5000;
	top: -299px;
	left: 275px;
}