/*
Theme Name: AllPetsHospital Default
Theme URI: http://www.allpetshospital.com/
Description: The default All Pets Hospital theme.
Version: 1
Author: Jason Evers
Author URI: http://jason-evers.com/
Tags: green, custom, fixed width, two columns, widgets

*/

/*HTML Elements*/
/*site.css*/
	html {
		font: 12px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;
		background: transparent url('/images/layout/site_bg.jpg') repeat;
	}
	body {
		background: transparent url('/images/layout/top_bar_bg.jpg') repeat-x;
		margin: 0px;
		padding: 0px 0px;
		height: 100%;
	}
	a {
		
	}
	a img {
		border: none;
	}
	a:link, a:visited {
		text-decoration: none!important;
	}
	a:hover {
		text-decoration: underline;
	}
	a:visited {
		color: #224C2F;
	}
	ul {
	
	}
	ul li {
		text-decoration: none;
	}
	ul li a {
		text-decoration: none;
	}
	ol {
	
	}
	ol li {
	
	}
	h1, h2, h3, h4, h5 {
		font-family: "Garamond", Garamond, "Georgia", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		letter-spacing: -0.3px;
		margin-top: 8px;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
		div#right_content h1, div#right_content h2, div#right_content h3, div#right_content h4, div#right_content h5 {
			color: #333;
			padding-left: 12px;
			margin-left: -10;
			padding-bottom: 8px;
			background: transparent url('../images/layout/header_border.jpg') no-repeat bottom left;
			margin-top: 10px;			
		}
		div#left_content h1, div#left_content h2, div#left_content h3, div#left_content h4, div#left_content h5 {
			color: #1f4219;
			padding-right: 8px;
			padding-bottom: 6px;
			background: transparent url('../images/layout/sub_header_border.jpg') no-repeat bottom right;
		}
			div#right_content img {
				margin: 10px 15px 5px 0px;
			}
	h1 {
		font-size: 22px;
	}

	h2 {
		
		font-size: 19px;
	}

	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 16px;
	}

	h5 {
	}
	.sIFR-replaced h1 {
		color: #3A990D;
	}

/*   Layout   */
	div#main_container {
		display: block;
		min-height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
		background: transparent url('../images/layout/header_bg.jpg') repeat-x;
	}
	img.aaha {
		position: absolute;
			bottom: 80px;
			left: 50px;
	}
	a.petportal {
		position: absolute;
			bottom: 210px;
			left: 49px;
	}
		body#gallery img.aaha, body#gallery a.petportal {
			display: none;
		}
	div#container {
		width: 900px;
		margin: 0px auto;
		padding: 0px 0px;
		margin-bottom: 50px;
	}
	div#header {
		position: relative;
			top: 0px;
		float: left!important;
		margin-top: 10px!important;
		width: 900px!important;
		height: 382px!important;
		background: url('/images/layout/index_header1.jpg') no-repeat;
	}
		div#rotator {
			cursor: default;
			margin: 0px;
			overflow: hidden;
			position: absolute;
				top: 41px;
				left: 0px;
			width: 900px;
			height: 315px;
			z-index: 2;
		}
			#rotator img {
				border: 0pt none;
				cursor: default;
			}
		div#header a, div#bottom a {
			color: #cfe5f6;
		}
			div#header a:hover {
				color: #FFF;
			}
		div#header h2#allpetshospital {
			font-family: "Insignia", Arial, "MS Trebuchet", sans-serif;
			font-size: 52px;
			letter-spacing: 0.3px;
			font-weight: normal;
			color: #29401C;
			position: absolute;
				top: 60px;
				left: 10px;
				z-index: 9;
			text-indent: -9999px;
		}
			div#header h2#allpetshospital em {
				font-size: 40px;
				text-transform: uppercase;
				font-style: normal;
			}
		div#header ul {
			position: absolute;
				top: 15px;
				right: 25px;
			padding: 0px;
			margin: 0px;
		}
		div#footer ul {
			float: right;
			margin-top: -10px;
			margin-left: 0px;
			padding-left: 0px;
			width: 430px;
		}
			div#header ul li, div#footer ul li {
				float: right;
				list-style: none;
			}
				div#header ul li a, div#footer ul li a {
					float: left;
					height: 25px;
					margin-left: 1px;
					padding: 5px 12px;
					background: transparent url('../images/layout/nav_standard.jpg') repeat-x;
				}
					div#header ul li a:hover {
						background: transparent url('../images/layout/nav_active.jpg') repeat-x;
					}
					div#footer ul li a:hover {
						color: #000;
					}
		div#main_content a {
			color: #2c5c9c;
		}
			div#main_content a:hover {
				color: #333;
			}
		div#main_content {
			background: transparent url('../images/layout/content_bg_scroll.jpg') no-repeat 31% 400px; /*273px*/
			line-height: 20px;
		}
			body#gallery div#main_content {
				background-image: none;
			}
				body#gallery #left_content, body#gallery #right_content {
					display: none;
				}
		div#main_content ul li {
			list-style-type: none;
			color: #666;
		}
		div#left_content {
			float: left;
			width: 230px;
			padding: 0px 40px 30px 20px;
			text-align: right;
			margin-bottom: 50px;
			margin-top: 7px;
			/*background: transparent url('../images/layout/content_bg_scroll.jpg') no-repeat top right;*/
		}
			div.block {
				margin-top: 8px;
			}
		div#right_content {
			float: right;
			width: 538px;
			padding: 0px 40px 0px 28px;
			margin-bottom: 120px;
		}
			body#about div#right_content img {
				float: left;
			}
	div#footer {
		text-align: center;
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		display: block;
		height: 48px;
		z-index: 999;
		padding: 12px 0px 0px 0px;
		margin: 0px;
		margin-top: 20px;
		color: #FFF;
		background: url('../images/layout/footer_bg.jpg') repeat-x top;
	}
			div#footer_sub {
				width: 900px;
				margin: 0 auto;
			}
			div#footer strong {
				font-family: "Insignia", Arial, "MS Trebuchet", sans-serif;
				font-size: 28px;
				float: left;
				/*height: 30px;*/
				position: relative;
					/*right: 450px;*/
				letter-spacing: 0.3px;
				font-weight: normal;
				color: #FFF;
				margin: 0px;
				padding: 0px;
				text-transform: uppercase;
			}
			div#footer p {
				position: relative;
				float: right;
				text-align: left;
				display: block;
				width: 400px;
				padding: 0px;
				margin: 0px;
			}
			div#footer a {
				color: #FFF;
			}
				div#footer a:hover {
					color: #000;
				}
/*Page Specific*/


/*Formatting*/
	.facility {
		position: absolute;
			top: 42px;
			left: 20px;
	}
	.animals {
		position: absolute;
			top: -1px;
			left: 15px;
	}
	.left {
		float: left;
		margin-right: 10px;
	}
	.right {
		float: right;
	}
	
	#flashcontent {
		float: left;
		width: 900px;
		height: 580px;
		margin-bottom: 50px;
	}
	.clear {
		clear: both;
	}