body {
	margin:0;
	padding:0;
	font-size: 62.5%;
	font-family: Tahoma, Geneva, "Bitstream Vera Sans", sans-serif;
	text-align:center;
	background: #f1d7bb url(../img/layout/index/body.gif) 0 0 repeat-x;
}

h1 {
	color: #f0632b;
	font-size: 2em;
	margin: 0;
	padding: 0 0 15px 0;
}

p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0;
	padding: 6px 0;
}

div#wrapper {
	position: relative;
	width: 789px;
	background: #fff;
	margin: 1px auto;
	text-align: left;
}

div#header {
	position: relative;
	width: 789px;
	height: 77px;
	background: url(../img/layout/index/title.png) 0 0 no-repeat;
}

div#content {
	position:relative;
	background: url(../img/layout/index/logo.gif) 0 0 no-repeat;
	margin: 0;
	height: 401px;
	width: 783px;
}

div#content div#nav {
	position: absolute;
	margin: 0 0 0 177px;
	padding-top: 1px;
	width: 800px;
	z-index:100;
}

div#content div#nav ul { margin: 0; padding: 0; }
div#content div#nav ul li { list-style: none; float: left; width: 99px; height: 36px; margin: 0 3px 0 0; }
div#content div#nav ul li a { display: block; width: 99px; height: 36px; }

div#content div#intro {
	position:absolute;
	width: 305px;
	height:348px;
	left: 176px;
	top: 46px;
	background: #fff;
}

div#content div#flash {
	position:absolute;
	width: 308px;
	height:346px;
	left: 478px;
	top: 46px;
}

div#intro div#snout {
	position:absolute;
	width: 28px;
	height:31px;
	left: 0;
	top: 0;
	background: #fff url(../img/layout/index/snout.png) 0 0 no-repeat;
}

div#content div#intro p {
	position: absolute;
	width: 270px;
	height: 303px;
	left: 30px;
	top: 32px;
	line-height: 1.5;
	overflow:hidden;
}

div#footer {
	position: absolute;
	background: #fff url(../img/layout/index/footer.gif) 0 0 no-repeat;;
	width: 613px;
	height: 83px;
	left: 176px;
}

div#pet_portal {
	position: absolute;
	left: 30px;
	top: 15px;
	width: 174px;
	height: 48px;
}

div#pet_portal a {
	display:block;
	width: 174px;
	height: 48px;
}


div#nav li a#about_us {
	background: url(../img/nav/about_us.png) center 0px no-repeat;
}

div#nav li a#about_us:hover, div#nav li a#about_us:visited:hover { background-position: center -36px; }


div#nav li a#our_services {
	background: url(../img/nav/our_services.png) center 0px no-repeat;
}

div#nav li a#our_services:hover, div#nav li a#our_services:visited:hover { background-position: center -36px; }


div#nav li a#client_resources {
	background: url(../img/nav/client_resources.png) center 0px no-repeat;
}

div#nav li a#client_resources:hover, div#nav li a#client_resources:visited:hover { background-position: center -36px; }


div#nav li a#pet_care_resources {
	background: url(../img/nav/pet_care_resources.png) center 0px no-repeat;
}

div#nav li a#pet_care_resources:hover, div#nav li a#pet_care_resources:visited:hover { background-position: center -36px; }


div#nav li a#our_location {
	background: url(../img/nav/our_location.png) center 0px no-repeat;
}

div#nav li a#our_location:hover, div#nav li a#our_location:visited:hover { background-position: center -36px; }


div#nav li a#contact_us {
	background: url(../img/nav/contact_us.png) center 0px no-repeat;
}

div#nav li a#contact_us:hover, div#nav li a#contact_us:visited:hover { background-position: center -36px; }



#top_nav a {
	display: block;
	width: 10em;
	background-color: #9ec4a8;
	color: #222;
}

#top_nav li {
	float: left;
	width: 10em;
}

#top_nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#top_nav li ul li a {
	width: 10em !important;
	border: 2px solid #fff;
	font-size: 1.2em;
	font-weight:700;
	text-decoration:none;
	line-height: 2;
	padding: 3px 6px 0;
}

#top_nav li ul li a:hover,
#top_nav li ul li a:visited:hover {
	color:#fff;
}

#top_nav li:hover ul {left: auto;}
#top_nav li:hover ul, #top_nav li.sfhover ul {left: auto;}


#top_nav li:hover, #top_nav li.hover {position: static;}