body, p, ul, li, h1, h2, h3, img { margin: 0; padding: 0; border: 0; }

body { background: #464646 url("../img/background-pattern.jpg") repeat-x; font-family: sans-serif; padding: 0 0 50px 0; text-align: center; color: #736d66; }

h1, h2, h3 { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }

h2 { background: url("../img/h2.gif") center left no-repeat; padding: 0 0 0 25px; font-size: 120%; color: #00aeef; margin: 10px 0; font-weight: normal; }
h3 { padding: 0 0 0 25px; font-size: 100%; color: #00aeef; margin: 10px 0; font-weight: normal; }
p { margin: 15px 0 25px 25px; font-size: 80%; width: 90%; line-height: 180%; }
ul { margin: 15px 0 25px 25px; font-size: 80%; }
ul li { list-style-type: none; background: url("../img/li.gif") center left no-repeat; padding: 0 0 0 10px; margin: 0 0 8px 0; }
li.details { margin: 25px 0 8px 0; }

#right-column p { margin: 15px 0 25px 0; font-size: 70%; background: url("../img/border.jpg") center bottom no-repeat; padding: 0 0 15px 0; line-height: 200%; }
#right-column p strong { color: #00aeef; letter-spacing: 1px; }
#right-column ul { background: url("../img/border.jpg") center bottom no-repeat; margin: 0; padding: 5px 0 20px 25px; }
#right-column img { margin: 5px 0; }

a { color: #00aeef; }

#background-top { background: url("../img/header.jpg") center top no-repeat; }
#background-bottom { background: url("../img/footer.jpg") center bottom no-repeat; }
#background-middle { background: white url("../img/pattern.jpg") center top repeat-y; width: 970px; margin: 0 auto; }

#page { width: 870px; margin: 0 auto; text-align: left; }
#left-column { width: 580px; float: left; min-height: 650px; =height: 920px; position: relative; padding: 270px 0 0 0; }
#right-column { width: 245px; =width: 280px; float: left; padding: 295px 0 0 45px; }

#footer { clear: both; text-align: right; width: 68%; padding: 60px 0 60px 0; font-size: 70%; }

#logo { text-decoration: none; }
#logo img { position: absolute; top: 60px; }
h1 { position: absolute; top: 85px; left: 300px; color: #bfbfbf; font-size: 110%; width: 500px; }

#navigation { position: absolute; top: 187px; width: 700px; font-size: 76.5%; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; margin: 0; }
#navigation li { display: block; float: left; margin: 0 5px 0 0; background: none; padding: 0; }
#navigation li a { cursor: hand; display: block; height: 30px; =height: auto; padding: 0 10px; =padding: 7px 10px 5px 10px; line-height: 30px; =line-height: 18px; position: relative;  color: #736d66; text-decoration: none; }
li#active a, #navigation li a:hover { background: #e0e0e0 url("../img/button-left.jpg") no-repeat; color: black; }
li#active a span, #navigation li a:hover span { position: absolute; left: 0; top: 0; width: 100%; height: 30px; background: transparent url("../img/button-right.jpg") 100% 0 no-repeat; }
li a:hover, p a:hover { color: black; text-decoration: none;} 

#navigation li#active a span, #navigation li a:hover span { =left: -10px; }

.gallery { margin: 25px 0 0 0; }
.gallery p { float: left; width: 180px; background: url("../img/gallery-shadow.jpg") no-repeat; text-align: center; margin: 0 12px 15px 0; }
.gallery p img { margin: 20px 0 0 0; }
.gallery span { margin: 10px 0 0 0; }
.gallery a { text-decoration: none; }
.gallery a span { color: #736d66; text-decoration: underline; }