html {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(/images/template/bg-gradient2.jpg) repeat-x #393939;}
body {margin: 20px 0px 0px 0px; padding: 0px;}

#preload1 {background: url(/images/template/menu-home-over.jpg); display: none;}
#preload2 {background: url(/images/template/menu-sitting-over.jpg); display: none;}
#preload3 {background: url(/images/template/menu-madeira-over.jpg); display: none;}
#preload4 {background: url(/images/template/menu-events-over.jpg); display: none;}
#preload5 {background: url(/images/template/menu-contact-over.jpg); display: none;}

#container-top {height: 18px; width: 980px; margin: 0px auto; padding: 0px; border-top: 1px solid #ccaa7d; border-left: 2px solid #ccaa7d; border-right: 2px solid #ccaa7d; background: #f0e8d7;}
#container-bottom {height: 18px; width: 980px; margin: 0px auto; padding: 0px; border-bottom: 1px solid #ccaa7d; border-left: 2px solid #ccaa7d; border-right: 2px solid #ccaa7d; background: #f0e8d7;}
#container {width: 980px; margin: 0px auto; padding: 0px; border-left: 2px solid #ccaa7d; border-right: 2px solid #ccaa7d; border-top: 1px solid #ccaa7d; border-bottom: 1px solid #ccaa7d; background-color: #fff;}

#header {display: none;}

#left {padding: 0px; margin: 0px; width: 170px; float: left;}
#menu {padding: 40px 0px 0px 18px; margin: 0px; list-style-type: none;}
#menu li.home a:link, li.home a:visited {padding: 24px 0px 0px 97px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-home.jpg); overflow: hidden; display: block;}
#menu li.home a:hover {padding: 24px 0px 0px 97px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-home-over.jpg); overflow: hidden; display: block;}
#menu li.sitting a:link, li.sitting a:visited {padding: 24px 0px 0px 114px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-sitting.jpg); overflow: hidden; display: block;}
#menu li.sitting a:hover {padding: 24px 0px 0px 114px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-sitting-over.jpg); overflow: hidden; display: block;}
#menu li.madeira a:link, li.madeira a:visited {padding: 24px 0px 0px 149px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-madeira.jpg); overflow: hidden; display: block;}
#menu li.madeira a:hover {padding: 24px 0px 0px 149px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-madeira-over.jpg); overflow: hidden; display: block;}
#menu li.events a:link, li.events a:visited {padding: 24px 0px 0px 135px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-events.jpg); overflow: hidden; display: block;}
#menu li.events a:hover {padding: 24px 0px 0px 135px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-events-over.jpg); overflow: hidden; display: block;}
#menu li.contact a:link, li.contact a:visited {padding: 20px 0px 0px 93px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-contact.jpg); overflow: hidden; display: block;}
#menu li.contact a:hover {padding: 20px 0px 0px 93px; margin: 0px; height: 0px; width: 0px; background: url(/images/template/menu-contact-over.jpg); overflow: hidden; display: block;}

#content {min-height: 400px; padding: 15px 20px 40px 20px; margin: 10px 0px 0px 194px; border-left: 1px solid #ccaa7d;}
#content h2.home {padding: 78px 302px 0px 0px; margin: 0px; overflow: hidden; background: url(/images/home/header-home.jpg) no-repeat; height: 0px;}
#content h2.sitting {padding: 88px 622px 0px 0px; margin: 0px 0px 10px 0px; overflow: hidden; background: url(/images/house-sitting/home-animal-sitting.jpg) no-repeat; height: 0px;}
#content h2.madeira {padding: 78px 302px 0px 0px; margin: 0px; overflow: hidden; background: url(/images/madeira/header-madeira.jpg) no-repeat; height: 0px; width: 0px;}
#content h2.events {padding: 78px 450px 0px 0px; margin: 0px 0px 10px 0px; overflow: hidden; background: url(/images/events/events-heading.jpg) no-repeat; height: 0px;}
#content h2.contact {padding: 51px 285px 0px 0px; margin: 0px 0px 10px 0px; overflow: hidden; background: url(/images/contact/header-contact.jpg) no-repeat; height: 0px;}
#content h3 {font-size: 16px; color: #333; padding: 10px 0px; margin: 0px 10px; font-family: Georgia, "Times New Roman", Times, serif;}
#content p {font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 10px 2px; margin: 0px; color: #333; text-align: justify;}
#content p.pictures {padding: 10px 2px; margin: 0px;}
#content p.pictures img {margin: 0px 7px 0px 0px;}
#content a:link {padding: 0px; margin: 0px; color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
#content a:visited {padding: 0px; margin: 0px; color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
#content a:hover {padding: 0px; margin: 0px; color: #333; text-decoration: none; border-bottom: 1px dotted #FF6600;}
#content ul.sitting {padding: 110px 0px 0px 0px; margin: 20px 0px; overflow: hidden; background: url(/images/house-sitting/list.jpg) no-repeat; height: 0px; width: 386px;}
#content img.border {padding: 1px; border: 1px solid #C8CEFD;}
#content .left {float: left; padding: 0px 20px 10px 0px; margin: 0px;}
#content .right {float: right; padding: 0px 0px 10px 20px; margin: 0px;}
#content .box {clear: both; padding: 4px 40px 4px 14px; margin: 10px 0px; background-color: #F5FAFE; border: 1px solid #C8CEFD;}

#footer {padding: 0px; width: 980px; margin: 0px auto; font-size: 12px;}
#footer p {color: #999; text-align: right; font-style: italic; margin: 0px; padding: 4px 2px;}
#footer a:link, a:visited {color: #ccaa7d; text-decoration: none; margin: 0px; padding: 0px;}
#footer a:hover {color: #ccaa7d; text-decoration: underline; margin: 0px; padding: 0px;}