/* reset.css */
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;}
body {line-height:1.5;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#fff;background:#000;font-family:"DejaVu Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}


.info {
    position:absolute;
    top:300px;
    width:100%;
    min-width:800px;
    background-color:#000;
    padding:2em 0;
    margin:0;
}

.info a {
    color:#fff;
    text-decoration:none;
}
.info a:hover,
.info .close:hover {
    color:#000;
    background-color:#fff;
}
.info .panel {
    float:left;
    width:23%;
    border-left:1px solid #ccc;
    max-width:260px;
    min-width:180px;
    padding:0 0 0 0.9%; margin:0 0 0 0.9%;
}

.info div.first {
    border-left:0;
}
.info p.logo img {
    float:none; margin:0; padding:0;
    width:183px; height:64px;
}

.info ul {
    list-style-type:none;
}
.info p.logo,
.info p.address,
.info p.contact {
    text-align:center;
}
.info span.close {
    color:#ccc;
    cursor:pointer;
    position:absolute;
    top:1em; right:1em;
}

body {
    overflow:hidden;
}

body.home .info .panel {
    width:350px;
    max-width:350px;
    margin:auto;
    float:none;
}
body.home .info .panel p {
    font-size:1.5em;
}
body.home .info p.logo img {
    height:120px; width:344px;
}
.banner,
.captions  {
    background-color:#000; color:#fff;
    position:fixed;
    width:100%; left:0;
    z-index:999;
}
.banner { top:0; padding-bottom:18px;}
.captions { bottom:0;}

.banner span.logo {
    margin:0 0 0 20px; padding:10px 0 0 10px;
    border-left:1px solid #fff;
    display:block;
    float:left;
}

.banner .menus {
    float:right;
    width:50%;
    margin:0.75em 20px;
}
.banner .menus ul {
    list-style-type:none;
    margin:0; padding:0;
    float:right;
}
.banner .menus li {
    float:left;
    margin:0 0 0 10px; padding:0 0 0 10px;
}
.banner .menus li a {
    color:#ccc;
    text-decoration:none;
}
.banner .menus li a.disabled {
    color:#666;
}
.banner .menus li a:hover {
    color:#fff;
}
.banner .menus li a.disabled:hover {
    color:#666;
}

.content-img {
    width:100%;
    overflow:hidden;
}
.content-img img {
    width:100%;
    display:block;
    margin:0;
}

.thumbs {
    margin-top:64px !important;
}

.content-img .thumb {
    width:12.5%;
    float:left;
    position:relative;
}

.content-img .thumb .caption {
    position:absolute;
    top:35%;
    left:0;
    width:100%;
    text-align:center;
    margin:0; padding:0;
    background-color:#000;
    font-size:0.9em;
}

.content-img .thumb .caption a {
    display:block;
    padding:18px 0;
    width:100%;
}

.content-img .thumb .caption a,
.content-img .thumb .caption a:hover  {
    color:#fff;
    text-decoration:none;
}

.captions div {
    width:50%;
    float:left;
}
.captions div.b {
    width:49%;
}
.captions dl {
    margin:0 0 15px 20px; padding:10px 0 0 10px;
    border-left:1px solid #fff;
}
.captions dl dt,
.captions dl dd {
    float:left;
    margin:0; padding:0;

}

.captions dl dt {
    color:#ccc;
    width:3.5em;
    clear:left;
    font-weight:bold;
}

.captions dl dd {    
    color:#fff;
    width:50%;
}

.blackout {
    width: 100%;
    background-color:#000;
    z-index:9999;
    position:absolute;
    top:0;left:0;
    text-align:center;
    padding:304px 0 7000px 0;
    background:#000 url(/css/images/ajax-loader.gif) center 268px no-repeat;
}