body {margin: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #504F4F; background: #ffffff; }
a {color: #504F4F;}

#wrapper {position:relative; margin: 0 auto; top:5px; width:780px; background-color: #ffffff;}

#header .logo {position: relatve; top: 10px;}
#header h1.bestfriend {position: relative; display: block; margin: 0px 0px 0px 70px; background: transparent url(/images/strap_bestfriend.gif) no-repeat; width: 163px; height: 12px;}
#header h1.bestfriend span {display: none}

#navigation {position: absolute; top: 20px; right: 0px; width: 389px; height: 15px; text-align: right;}
#navigation a {color: #990033; text-decoration: none; font-size: 1.2em}
#navigation a:hover {text-decoration: underline}

#content {margin-top: 10px}

#welcome {display: block; position: absolute; top: 86px; left: 420px; background: #EAEAEA url(/images/welcome_background.gif) no-repeat; width: 200px; padding: 14px; font-size: 1.2em; }

.dogofthemonth {position: relative; top: 60px; left: 30px}

#adverts {position: relative; float: right; top: -305px; text-align: center}
#adverts .adverts {margin: 20px 0px 20px 0px;}
#adverts img {border: 0}

#promo {position: relative; margin-top: 80px;}
#promo a {float: left; width: 120px; padding:5px; font-size: 1em; text-decoration: none;}
#promo a h2 {font-size: 1.2em; margin: 0px; text-decoration: none}
#promo a:hover {text-decoration: underline}
#promo img {border: 0;}

#footer {position: relative; width: 100%; clear: both; border-top: 2px solid #808080; color: #808080; font-size: 1em; margin: 0px 0px 10px 0px}
#footer .links {margin-left: 170px}
#footer .links a {text-decoration: none}
#footer .links a:hover {text-decoration: underline}