@charset "utf-8";
/* Layout */

body{
	margin: 0px;
	background-image:url(images/bgpattern.jpg);
}
#shadow {
	background-image:url(images/bgshadow.png);
	background-repeat:repeat-y;
	background-position:center;
	}
	
#wrapper {
	width: 1028px;
	height:auto;
	overflow:auto;
	min-height: 760px;
	margin: 0px auto;
}
	
#header {
	width: 100%x;
	height: 126px;
	margin: 0px auto;
	background-image:url(images/header_back.jpg);
	background-position:left;
}

#content {
	width: 812px;
	overflow:auto;
	float:left;
	min-height: 620px;
	background-image:url(images/line_back.jpg);
	background-repeat:repeat-y;
	background-position:right;
}


#content.white {
	background-color:#FFFFFF;
	}

#page {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
	position:relative;
	background-image:url(images/line_back.jpg);
	background-repeat:repeat-x;
	background-position:0px 260px;
	}
	
#main_top {
	height: auto;
	width: 100%;
	float:left;
	}

#main_bottom {
	height: auto;
	width: 100%;
	float:inherit;
}


#right_column {
	width: 216px;
	float: right;
	overflow: hidden;
}
	
#nav {
	width: 100%;
	height: 260px;
	float:left;

}


#feat_video {
	width: 100%;
	float:left;
}

#footer {
	width:100%;
	height: 40px;
	background-color: #f4c301;
	clear:both;
}

#logo {
	display:block;
	position:absolute;
	z-index:1;
	margin-left:600px;
	margin-top:18px;
	outline: none;
}

#product {
	display:block;
	width: 250px;
	padding: 0px;
	float:left;
	}
#product img {

		margin-left: 30px;

		margin-bottom: 50px;

		margin-right: 0px;

		margin-top: 50px;

	}

/* Main Navigation */

ul.nav {
	list-style-type:none;
	font-size:16px;
	padding: 30px 0px 0px 60px;
	}

ul.nav li {
	padding: 5px 0px;
	}

#nav li a {
	display: block;
	height: 20px;
	width: 100%;
	outline: none;
	text-indent: -99999px;
	}

li#story {
	background-image:url(images/nav_our.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}

li#story a:hover {
	background-image:url(images/nav_our2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#story a:active {
	background-image:url(images/nav_our3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
	
li#chapters {
	background-image:url(images/nav_chapters.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}

li#chapters a:hover {
	background-image:url(images/nav_chapters2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#chapters a:active {
	background-image:url(images/nav_chapters3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}

li#happy {
	background-image:url(images/nav_happy.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#happy a:hover {
	background-image:url(images/nav_happy2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#happy a:active {
	background-image:url(images/nav_happy3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}

li#support {
	background-image:url(images/nav_donate.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#support a:hover {
	background-image:url(images/nav_donate2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#support a:active {
	background-image:url(images/nav_donate3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}

li#go {
	background-image:url(images/nav_go.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#go a:hover {
	background-image:url(images/nav_go2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#go a:active {
	background-image:url(images/nav_go3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
	
li#contact {
	background-image:url(images/nav_contact.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#contact a:hover {
	background-image:url(images/nav_contact2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#contact a:active {
	background-image:url(images/nav_contact3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}

li#links {
	background-image:url(images/nav_links.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#links a:hover {
	background-image:url(images/nav_links2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#links a:active {
	background-image:url(images/nav_links3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
li#help a:active {
	background-image:url(images/nav_help.jpg);
	background-repeat:no-repeat;
	background-position: left;
	}
	
/* Happy Tails Table */

img.tails {
	width: 100px;
	height:90px;
	padding-right: 10px;
}



/* Typograpy */

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color:#707070;
	}	
p.index {
	width: 398px;
	float:left;
	margin: 55px 0px 0px 115px; 
	letter-spacing:-1px;
	}
p.inset {
	font-size:10px;
	line-height: 12px;
	}
	
p.inset2 {
	font-size:12px;
	line-height: 12px;
	}

/* HOME inset paragraphs */

#inset1 {	
	width: 180px;
	float:right;
	padding: 35px 45px 45px 0px;
	}
#inset2 {	
	width: 220px;
	float:left;
	padding: 45px 0px;
	}
#inset3 {	
	width: 300px;
	float:right;
	padding: 45px 25px 45px 0px;
	}
#inset4 {	
	padding: 25px 0px 0px 20px;
	width: 172px;
	float:left;
	margin: 0px;
	}

a.read {
	display: block;
	height: 20px;
	width: 200px;
	outline: none;
	text-indent: -99999px;
	background-image:url(images/read_link.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
a.read:hover {
	background-image:url(images/read_link2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}

a.watch {
	display: block;
	height: 27px;
	width: 172px;
	outline: none;
	text-indent: -99999px;
	background-image:url(images/watch_link.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
a.watch:hover {
	background-image:url(images/watch_link2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
	
a {
	text-decoration: none;
	}

a:link {color:#0e5789}    
a:visited {color:#0e5789}
a:hover {color:#FF00FF}  
a:active {color:#FF00FF}  


	
	
.small {
	font-size:10px;
	color:#FFFFFF;
	width: 700px;
	margin: 0px auto;
	}		
#footer a {
		text-decoration:none;
		color:#FFFFFF;
		outline:none;
	}
	
		
/* Internal Pages */


/* inner nav */

ul.inner_nav{
	margin: 30px 0px 0px 0px;
	font-size:16px;
	list-style-type:none;
	text-transform:uppercase;
	}
	
ul.inner_nav li {
	
	padding: 0px 15px;
	display:inline-block;
	}
	
ul.inner_nav li a{
	
	color:#999999;
	}

ul.inner_nav li a:hover{
	
	color:#666666;
	}
	
/* Typography inner pages */

#text {
	padding: 20px 60px;
	}

h1 { 
	display: block;
	width: 100%;
	height: 32px;
	text-indent: -99999px;
	}
	
h1.our {
	background-image:url(images/h1_our_story.jpg);
	background-repeat: no-repeat;
	}
	
h1.happy {
	background-image:url(images/h1_happy_tails.jpg);
	background-repeat: no-repeat;
	}
h1.support {
	background-image:url(images/h1_support.jpg);
	background-repeat: no-repeat;
	}
h1.contact {
	background-image:url(images/h1_contact.jpg);
	background-repeat: no-repeat;
	}
h1.links {
	background-image:url(images/h1_links.jpg);
	background-repeat: no-repeat;
	}
h1.news {
	background-image:url(images/h1_news.jpg);
	background-repeat: no-repeat;
	}
	
h2 {
	font-weight: 500;
	text-transform:uppercase;
	font-size: 20px;
	color: #702785;
	letter-spacing: -1px;
}
	
/* FORM */

#form {
	padding-top: 30px;
}
label, label span {
	display:block;
	padding-bottom: .25em;
}

label{
	float: left;
	width: 100%;
}

Label span {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float:left;
	width: 10%;
	text-align:left;
	font-weight: bolder;
	margin-right: 10px;
}

fieldset input {
	float:left;
	width: 35%;
	border: 1px solid #BBE380;
}

textarea {
	width: 80%;
	border: 1px solid #BBE380;

}

fieldset input:hover, textarea:hover {
	border-color: #999999;
}

fieldset input:focus, textarea:focus {
	background-color: #FFFFFF;
}

fieldset {
	border:none;
	width: 100%;
}

form div  {
	text-align:center;
}