/* Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: 400}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none}
/* ------------------- */
body {background: #2A1825 url(bg.jpg) repeat-x; text-align: center}
/* ------------------- */
#box1 {position: relative; margin: 0 auto; width: 900px; height: 100px; text-align: left}
#box1 #navigation1 {position: absolute; top: 0; right: 0}
#box1 #navigation1 ul {margin: 0}
#box1 #navigation1 ul li {float: left; margin: 0 1px; list-style: none}       
#box1 #navigation1 ul li a {width: 133px; height: 40px; display: block; font: 12px/1.0 Verdana; color: #fff; background: url(button.gif) no-repeat; text-decoration: none; text-align: center; padding-top: 8px}
#box1 #navigation1 ul li a:hover {background: url(button_h.gif) no-repeat; font-weight: bold}
/* ------------------- */
#navigation2 {position: relative; margin: 0 auto; width: 900px; overflow: hidden}
#navigation2 ul li {float: left; margin: 0 5px; list-style: none}       
#navigation2 ul li a {display: block; font: 15px/1.0 Georgia; font-style: italic; color: #fff; text-decoration: none; text-align: center; padding: 5px 5px 10px 5px}
#navigation2 ul li a:hover {background: #D1A4C1}
/* ------------------- */
#box2 {position: relative; margin: 0 auto; width: 900px; padding: 20px; background: #6A3B61 url(bg1.jpg) repeat-x; border: 10px solid #D1A4C1; overflow: hidden; text-align: left}
#box2 #navigation3 {position: absolute; top: 0; right: 10px}
#box2 #navigation3 ul li {float: left; margin: 0 5px; list-style: none}       
#box2 #navigation3 ul li a {display: block; font: 15px/1.0 Georgia; font-style: italic; color: #fff; text-decoration: none; text-align: center; padding: 10px 5px 5px 5px}
#box2 #navigation3 ul li a:hover {background: #D1A4C1}
/* ------------------- */
#text {margin-top: 30px; text-align: left; width: 530px; float: left; padding: 20px; background: #734C6B}
#text h1 {font: bold 22px Verdana; margin: 0 0 20px 10px; border-bottom: 2px solid #fff; padding: 0 0 3px 10px; color: #fff; text-transform: uppercase}
#text h2 {font: 17px Georgia; margin: 10px 0 10px 5px; font-style: italic; color: #D1A4C1}
#text h2 a {color: #D1A4C1}
#text p {font: 13px/1.5 Georgia; margin: 5px 0; text-indent: 8px}
#text p a {color: #fff}
#text p a:hover {text-decoration: none}
#text p img {border: 4px solid #fff; margin-right: 10px}
#text img {border: 4px solid #fff; margin-right: 10px}
#text ul {margin: 0 20px}
#text li {font: 13px/1.5 Georgia}
#text hr {margin: 20px; border: 1px dashed #D1A4C1}
#text p.button {margin: 10px}
#text p.button a {background: url(bg2.jpg) repeat-x; width: 300px; display: block; text-align: center; font: 14px Verdana; color: #fff; padding: 8px 0; text-decoration: none; border: 2px solid #54344E}
#text p.button a:hover {background: url(bg2_h.jpg) repeat-x}
#text .float {float: right; margin-left: 10px}
/* ------------------- */
#right {float: left; width: 330px; margin-top: 30px}
/* ------------------- */
#footer {clear: both; margin: 10px auto; width: 900px; font: normal 14px/1.5 Georgia; color: #D1A4C1; font-style: italic}
#footer a {color: #fff}
#footer a:hover {text-decoration: none}