* {
margin:0px;
padding: 0px;}

body {
/*---background-image: url(images/background.jpg); */
background-repeat: repeat-x;
background-color: #ccc;}

hr {
margin: 10px 50px  5px 8px;}


.container {
width: 920px;
margin-right: auto;
margin-left: auto;
 }

#header{
background-image: url('images/logo.jpg');
width: 476px;
height: 145px;
margin: 40px 0px 25px 60px;
background-repeat: no-repeat;
position: relative; }

#header h1{
text-indent: -9999px;}

#petlogo{
background-image: url('images/petlogo.jpg');
width: 147px;
height: 153px;
background-repeat: no-repeat;
position: relative;
margin-left: 500px;}

#nav {
width: 886px;
height: 72px;
background-image: url('images/navbox.jpg'); 
margin-top: 20px;
background-repeat: no-repeat; }

#nav ul {
padding-left: 20px;
height: 15px;

padding-top: 15px;
padding-bottom: 10px;}

#nav li {
display: inline; 
padding: 20px 5px 0px 5px;
height: 29px;
margin-top:0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;}

#nav li.current {
height:25px;
padding: 10px 10px 15px 15px;
color: #ffffff; 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;}

#nav li a {
text-decoration: none;
color: #000;
text-transform: uppercase;
font-size: .70em;
font-weight: bold;
height: 100%;
padding: 6px 0px 10px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif; }

#nav li a:hover {
color: #666; }


div .main, div .main2 {
width: 886px;

background-image: url('images/mainboxbottom.jpg');
background-repeat: no-repeat;
background-position: bottom left;
padding: 0px 0px 70px 0px;
margin: 0px 0px 30px 0px;
}

.main h2, .main2 h2 {
background-image: url('images/mainboxtop.jpg');
background-repeat: no-repeat;
height: 166px;
text-align: center;
padding: 70px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: underline;
font-size: 2em; 
text-indent: -9999px;}

.main h3, .main2 h3 {
text-align: center;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
font-size: 2em;}

.main h4 {
text-align: left;
padding: 0px;
margin: 5px 0px 0px 280px;
font-size: 1.4em;}

.main h5 {
text-align: left;
padding: 0px;
margin: 20px 0px 5px 180px;
font-size: 1.4em;}

.main a {
}

.main a:link {
color:  #fff100;} 

.main a:visited {
color: #f6ff98;}

.main a:hover {
color: #ffaa00;}

.main a:active {
color: #fff100;}

.bigger {
font-size: 1.4em;
color: #3aae00; }

.main p {
width: 420px;
margin: 90px 270px 100px auto;
position: relative;}

.main2 p {
width: 480px;
margin: 0px 150px 40px auto;
padding: 10px;
position: relative;
border: 1px #000 solid; }

.main form {
width: 420px;
margin: 10px 270px 20px auto;
position: relative;}

#faq {
width: 420px;
margin: -90px 270px 10px auto;
position: relative;}

#contact {
width: 420px;
margin: 0px 270px 10px auto;
position: relative;}

.stethescope {
background-image: url('images/stethescope.png'); 
width: 169px;
height: 159px;
position: absolute; 
margin-top: 40px;}

.catteeth {
background-image: url('images/catteeth.png'); 
width: 219px;
height: 341px;
position: absolute; 
margin-top: 40px;
margin-left: 40px;}

.wakeup {
background-image: url('images/wakeup.png'); 
width: 219px;
height: 341px;
position: absolute; 
margin-top: 40px;
margin-left: 620px;}

.surgury {
background-image: url('images/surgury.png'); 
width: 219px;
height: 341px;
position: absolute; 
margin-top: 500px;
margin-left: 600px;}

.pawprints {
background-image: url('images/footprints4.png');
background-repeat: no-repeat; 
width: 142px;
height: 407px;
position: absolute;
margin-left: 10px;
margin-top: 200px;}

.press {
background-image: url('images/press.gif'); 
width: 178px;
height: 238px;
position: absolute; 
margin-top: 500px;
margin-left: 660px;}

.date {
background-image: url('images/dates.png'); 
width: 178px;
height: 137px;
position: absolute; 
margin-top: 40px;
margin-left: 620px;}

.poordog {
background-image: url('images/poordog.png');
background-repeat: no-repeat;
width: 240px;
height: 333px;
position: relative;

margin: -363px 33px 0px auto;}

.dogandcatsmall {
background-image: url('images/dogandcatsmall.png');
background-repeat: no-repeat;
width: 278px;
height: 333px;
position: relative;

margin: -363px 33px 0px auto;}

.vetcare {
background-image: url('images/vetcaretag.png');
background-repeat: no-repeat;
width: 659px;
height: 47px;
position: absolute;
margin: 40px 0px 0px 120px;}

.services {
background-image: url('images/ourservicestag2.png');
background-repeat: no-repeat;
width: 225px;
height: 90px;
position: absolute;
margin: 90px 0px 0px 360px;}

.news {
background-image: url('images/news.png');
background-repeat: no-repeat;
width: 283px;
height: 39px;
position: absolute;
margin: 90px 0px 0px 180px;}

.staff {
background-image: url('images/meetourstaff.png');
background-repeat: no-repeat;
width: 513px;
height: 39px;
position: absolute;
margin: 90px 0px 0px 200px;}

.links {
background-image: url('images/linksforpets.png');
background-repeat: no-repeat;
width: 502px;
height: 39px;
position: absolute;
margin: 20px 0px 0px 220px;}

.questions {
background-image: url('images/questions.png');
background-repeat: no-repeat;
width: 380px;
height: 42px;
position: absolute;
margin: 40px 0px 0px 250px;}

.link a {
margin-left: 300px;
z-index: 100; }

div .link {
margin-top: 90px;
position: relative;
z-index: 5000;}

.link img {
margin-left: 100px;
margin-top: 10px;}

.link img .normal {
margin-left: 10px;}

.contact {
background-image: url('images/contactus.png');
background-repeat: no-repeat;
width: 219px;
height: 42px;
position: absolute;
margin: 90px 0px 0px 560px;}

.frontoffice {
background-image: url('images/frontoffice.png');
background-repeat: no-repeat;
width: 454px;
height: 305px;
position: absolute;
margin: 40px 0px 0px 280px;}

.front {
background-image: url('images/front.png');
background-repeat: no-repeat;
width: 525px;
height: 264px;
position: absolute;
margin: 20px 0px 0px 20px;}

.drugs {
background-image: url('images/drugs.png');
background-repeat: no-repeat;
width: 219px;
height: 341px;
position: absolute;
margin: 500px 0px 0px 630px;}

.sadeyes {
background-image: url('images/sadeyes.png');
background-repeat: no-repeat;
width: 400px;
height: 267px;
position: absolute;
margin: 60px 0px 0px 300px;}

.paws {
margin: -90px 0px 0px 200px;}

.paws li {
background-image: url('images/bullet.gif');
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
padding: 5px 0px 5px 30px;
margin: 5px;}

.dogandcat1 {
background-image: url('images/dogandcat.png');
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px;
margin: 200px 0px 0px 0px;
width: 880px;
height: 979px;
position: absolute;}

.faqs {
margin: 0px 10px 40px 200px;
width: 550px;
position: relative;
z-index: 5000;}

.login {
margin: 0px 10px 40px 200px;
width: 550px;
height: 300px;
position: relative;
z-index: 5000;}

.q {
background-image: url('images/q.gif');
background-repeat: no-repeat;
background-position: left top;
margin-left: 0px; 
padding: 10px 0px 10px 50px;
width: 100%;
height: 100%;
list-style-type: none;
margin: 5px;}

.a {
background-image: url('images/a.gif');
background-repeat: no-repeat;
background-position: left top;
margin-left: 40px;
padding: 10px 0px 10px 50px;
list-style-type: none;
width: 100%;
height: 100%;}

.drv {
background-image: url('images/drvangi.png');
background-repeat: no-repeat;
width: 500px;
height: 400px;
margin: 0px 120px 0px auto;}

.drs {
background-image: url('images/drsmith.png');
background-repeat: no-repeat;
width: 500px;
height: 400px;
margin: 0px 120px 0px auto;}

.address {
margin: -20px auto 10px 220px;
z-index: 100;}

div #textarea {
margin: 0px 40px 30px 130px;
width: 480px;}

div #specialsarea {
background-color: #fff9a0;
border: solid 2px #f00;
margin: 0px 40px 30px 130px;
width: 480px;}

div #specialsarea p, div #textarea p {
margin: 5px 40px 10px 80px;}