a {outline: none;}
body {text-align: center; background: url("../images/body-bg.gif") top left repeat; font-family: sans-serif;}

#page {margin: 0 auto; text-align: left; width: 780px; position: relative;}

#header {height: 198px; background: url("../images/header.png") top center no-repeat; position: relative;}

#logo {width: 740px; height: 180px; position: absolute; top: 18px; left: 20px; background: #fff url("../images/logo-bg.png") bottom left repeat-x;}
#logo img {z-index: 5; position: absolute; top: 0; left: 0;}
#logo h1 {z-index: 10; width: 740px; height: 180px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; background: url("../images/logo.png");}
#logo h1 span {display: none;}



#menu {height: 87px; background: url("../images/menu.png") top center no-repeat; padding: 0 20px; font-size: 100%;}

#menu ul {margin: 0; padding: 10px 14px; list-style: none; position: relative; text-align: center;}
#menu ul li {float: left; position: relative;}
#menu ul li a.main {display: block; height: 34px; padding: 17px 14px 0 14px; text-decoration: none; color: #7f4716;}
#menu ul li a:hover {background: #50210d url("../images/menu-hover.png") top left repeat-x; color: #fff; }

#menu ul ul {float: none; position: absolute; text-align: left; background: #fff url("../images/logo-bg.png") bottom left repeat-x; border: 1px solid #50210d; z-index: 10000; clear: both;}
#menu ul li ul li {float: none; display: block;}
#menu ul li ul li a {display: block; color: #7f4716; text-decoration: none;}
#menu ul li ul li a:hover {background: transparent; color: #7f4716; text-decoration: underline;}

#contentHolder {background: url("../images/content.png") top center repeat-y; padding: 1px 20px 5px 20px; clear: both;}

#content {padding: 0 20px; margin: -5px 0 0 0; position: relative; z-index: 3; clear: both;}
#content h2 {color: #50210d; border-bottom: 1px dotted #50210d; margin: 0 0 10px 0; padding: 0;}
#content a {color: #50210d; border-bottom: 1px dotted #50210d; text-decoration: none;}
#content a:hover {color: #fff; background: #50210d;}
#content ul {list-style: square;}
#content form label {display: block; font-weight: bold; margin: 10px 0 2px 0;}
#content form input.text {width: 220px;}
#content form input.button {display: block; margin: 10px 0 0 0; padding: 5px;}
#content #contact-details {position: absolute; top: 25px; right: 100px; font-size: 100%;}

#gallery {position: relative; width: 100%;}
#gallery span {width: 100px; height: 100px; margin: 2px;}
#gallery span img {border: 2px solid #ccc;}
#gallery span img:hover {border: 2px solid #50210d;}
#gallery span a {border: none;}
#gallery span a:hover {background: #fff;}
#gallery ul {list-style: none; text-align: center; margin: 10px 0; padding: 0;}
#gallery ul li {color: #999; display: inline; padding: 3px 0; margin: 0 3px; border: 1px solid #999;}
#gallery ul li.selected {padding: 3px 5px; color: #fff; background: #50210d;}
#gallery ul li.disabled {padding: 3px 5px;}
#gallery ul li a {border:none; padding: 3px 5px; margin: 0;}
#gallery ul li a:hover {color: #fff; background: #50210d;}
#gallery div.set {position: relative; display: block; height: 75px; padding: 5px 0; margin: 0 0 5px 0; clear: both;}
#gallery div.set img {float: left; margin: 0 5px 0 0;}
#gallery div.set span label {margin: 0 0 3px 0;}
#gallery div.set span a {color: #50210d; border-bottom: 1px dotted #50210d; padding: 0;}
#gallery div.set span a:hover {color: #fff; background: #50210d;}

#footerHolder {height: 97px; background: url("../images/footer.png") top center no-repeat; font-size: small; position: relative;}
#footer {position: absolute; top: 25px; left: 20px; padding: 20px;}
#footer a {text-decoration: none; color: #50210d;}
#footer a:hover {color: #fff; background: #50210d;}
#footer p {margin: 0; padding: 0;}