/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:inherit; font-size:inherit; }
/* * a { position:relative } */
a img { border:none }
sup {line-height: 1em; }





body { background:#FFFFFF url('../images/background.jpg') no-repeat top center; background-attachment: fixed; }

h1.margin { font: bold 1em Georgia; color: #333333; margin-bottom: 1em; }
h1 { font: bold 1em Georgia; color: #333333; }
h1 a { color: #990000; }
h1 a:hover { color: #990000; text-decoration: underline; }
h2.margin { font: bold 1em Georgia; color: #333333; margin-bottom: 1em; }
h2 { font: bold 1em Georgia; color: #333333; }
h2 a { color: #990000; }
h2 a:hover { color: #990000; text-decoration: underline; }
p { font: normal .75em Helvetica; color: #333333; margin-bottom: 1em; line-height: 1.5em; }
p a { color: #990000; text-decoration: none; }
p a:hover { color: #990000; text-decoration: underline; }

img.border { float: left; margin-right: 10px; margin-bottom: 10px; padding: 5px 5px 10px 5px; background: #FFFFFF; border: 1px solid #F5F5F5; }
img.thumbnail { width: auto; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 5px 5px 10px 5px; background: #FFFFFF; border: 1px solid #F5F5F5; }

/* wrappers */
#wrapper { margin: 0 auto; width: 900px; }

/* header */
#header { width: 100%; float: left; margin-top: 50px; margin-bottom: 100px; }

/* branding */
#branding { width: 100%; float: left; }





/* navigation */
#navigation { width: 100%; float: left; margin-top: .5em; margin-bottom:25px; }
#navigation li { display: block; float: left; margin-right: 1em; }
#navigation li a { font: bold italic 1em Georgia; color: #990000; border-bottom: 1px solid transparent; padding-bottom: .5em; }
#navigation li a:hover { color: #333333; border-bottom: 1px solid #333333; padding-bottom: .5em; }
#navigation li#current a { color: #990000; border-bottom: 1px solid #990000; padding-bottom: .5em; }

/* advert */
div#advert { width: 900px; height: 250px; float: left; margin-bottom: 100px; }

/* banner */
#banner { width: 100%; height: 200px; float: left; position: relative; margin-bottom: 25px; }
.banner { position: relative; }
.banner li { float: left; margin-left: 5px; margin-right: 5px; margin-top: 0; margin-bottom: 0; }
.banner img { border: none; }
.banner .first { margin-left: 0; }
.banner .last { margin-right: 0; }
.banner span { display: none; font: bold 1em Georgia; color: #990000; position: absolute; top: 130px; left: 0; width: 100%; }
.banner a { text-decoration: none; }
.banner a:hover span { display: block; }

/* sidebar */
#sidebar { width: 250px; float: right; }
#sidebar .title { font: bold .75em Helvetica; color: #333333; }
#sidebar ul { display: block; list-style: none; margin-bottom: 25px; }
#sidebar li { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #F5F5F5; }
#sidebar li a { font: .75em Helvetica; color: #990000; }
#sidebar a:hover { color: #990000; text-decoration: underline; }
#sidebar li:hover { background: url('../images/transparent.png'); } /* .title class highlight problem  */
#sidebar #current a { color: #990000; text-decoration: underline; }





/* page  */
#page { width: 100%; min-height: 500px; float: left; }

/* content */
#content { width: 650px; float: left; }
#content li { display: inline-block; font: normal .75em Helvetica; color: #333333; line-height: 1.5em; } /* content navigation */
#content li a { font: normal 100% Helvetica; color: #990000; }
#content li a:hover { color: #990000; text-decoration: underline;  }

/* span */
.span-1 { width: 100%; float: left; }
.span-2 { width: 50%; float: left; }

/* column */
.column { width: 425px; float: left; margin-right: 25px; margin-bottom: 1em; }
.column-end { width: 425px; float: left; margin-right: 25px; margin-bottom: 0; }

/* section */
.section { width: 550px; float: left; margin-right: 100px; margin-bottom: 3em; }
.section-end { width: 550px; float: left; margin-right: 100px; margin-bottom: 0; }

/* thumbnail */
.thumbnail { width: 100%; float: left; margin-bottom: 3em; }
.thumbnail-end { width: 100%; float: left; margin-bottom: 0; }

/* gallery */
.gallery { width: auto; float: left; margin-right: 250px; margin-bottom: 10px; padding: 5px 5px 10px 5px; background: #FFFFFF; border: 1px solid #F5F5F5; }
.gallery .img { margin: 0; padding: 0; }
.gallery h3 { margin-top: .5em; font: bold .75em Helvetica; color: #990000; text-align: center; line-height: 1.5em; }
.gallery p { margin: 0; padding: 0; font: normal .75em Helvetica; color: #3333333; text-align: center; line-height: 1.5em; }





/* footer */
#footer { width: 100%; float: left; padding-top: 75px; padding-bottom: 25px; border-top: 1px solid #FFFFFF; }
#footer li { display: inline; list-style-type: none; }

#footer { font: normal .75em Helvetica; color: #333333; text-decoration: none; line-height: 1.5em; }
#footer li a { font: 100%; font-style: inherit; color: #990000; text-decoration: none; }
#footer li a:hover { font: 100%; font-style: inherit; color: #990000; text-decoration: underline; }