* { margin: 0; padding: 0; outline: none; }

html, body { height: 100%; }

body { background: #333 url(images/bg.jpg) no-repeat center center; color: #fff; font: bold 100.01%/1.6 arial, verdana, sans-serif; letter-spacing: 1px; text-align: center; }

#distance { width: 1px; height: 50%; background-color: #000; margin-bottom: -13.75em; /* half of container's height */float: left; }

#container { margin: 0 auto; position: relative; text-align: left; height: 27.5em; width: 475px; clear: left; }
#container div { font-size: .85em; float: left; }
#container ul { font-size: 1.2em; list-style-type: none; line-height: 1.8em; }
#container .text { position: relative; padding: 0 40px 20px 82px; overflow: auto; height: 255px; width: 275px; margin: 60px 0 0 0; }

a, a:link, a:visited { color: #FEF580; font-weight: bold; font-size: 1em; }

a:hover { text-decoration: none; }

h1, h2, h3, h4 { color: #B9D894; font-weight: normal; line-height: 1em; letter-spacing: 1px; margin-bottom: 16px; }
h1, h2 { background: url(images/h1.gif) repeat-y; font-size: 213%; padding-left: 10px; }
h3 { background: #96AAC5 url(images/arrow.gif) no-repeat 0 5px; color: #fff; font-size: 182%; padding: 5px 5px 5px 26px; }
h4 { font-size: 159%; }

p { padding: 0 0 16px 0; }

img { vertical-align: middle; }

blockquote { border-left: 2px solid #fff; padding-left: 8px; }
blockquote em { background: #cc0000 url(images/arrow.gif) no-repeat 0 3px; color: #fff; font-style: normal; font-weight: normal; font-size: 159%; display: block; line-height: 1em; margin-bottom: 8px; padding: 5px 5px 5px 26px; }
blockquote p { font-style: italic; font-weight: normal; padding: 0 0 8px 0; }

#copyright { font-weight: bold; text-align: center; margin-top: 10px; }
#copyright a, #copyright a:link, #copyright a:visited { font-weight: bold; color: #fff; text-decoration: none; }
#copyright a:hover { color: #FFCC00; text-decoration: none; background-color: #CAF134; color: #333; border: 1px solid #075702; padding: 0 5px; }
#copyright a span,a:hover span .invis { display: none; }
#copyright a:hover span { display: inline; }

#navcontainer { width: 535px; position: relative; margin: 55px 0 0 70px; }
#navlist li { display: inline; list-style-type: none; }
#navlist li a,#navlist li a:link { background: url(images/button.gif) no-repeat; color: #990000; padding: 5px 9px; height: 27px; width: 26px; text-decoration: none; }
#navlist li a:hover { background: url(images/button_ani.gif) no-repeat; color: #8c6b40; }

#equalizer { margin: 0 0 0 150px; padding-top: 5px; }

.right { float: right; }
.clear { clear: both; }

a.tooltip { color:#333;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b { font-size: 0.65em; font-weight: normal; border: 2px solid #1B1E15; display:block; position:absolute; top:-85px; left:-25px; padding:5px; line-height: 1.4em; color:#000; background:#CAF134; width: 250px; height: 70px;}
em { display: none; }

#strip {width:260px;height:180px; margin-top: 0; }
#gallery {margin:0; padding:0; overflow:auto; }
#gallery ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#gallery ul li {display:table-cell; height:180px;padding:0; margin: 0; vertical-align:top;}
#gallery ul li img {background: url(images/strip.gif) no-repeat; margin: 0; padding: 0 0 0 20px;}