body { background: #070707; font-family: "ronnia-condensed", Arial, sans-serif; }

#bg { position:absolute; top:0px; left:0px; z-index: 1; overflow:hidden; width:100%; height:100%; }
#stage { position:absolute; top:0px; left:0px; z-index:2; }
#content { position:absolute; width:1030px; }

#logo { padding-top:40px; }
#logo, #slogan { position:relative; text-align: center; }
#logo.textual a { display:block; text-transform: uppercase; color: white; font: normal 36px/36px "ronnia-condensed", arial, verdana, sans-serif; letter-spacing: 5px; }
#logo.textual #graphic { display:none; }
#logo.graphical #title { display:none; }

#slogan { font: normal 14px/14px "ronnia-condensed", arial, verdana, sans-serif; color: #999999; letter-spacing: 1px;}

#menu {
    position:relative;
    font: normal 16px/25px "ronnia-condensed", Arial, sans-serif;
    letter-spacing: 1px;
    color: #444444;
    z-index:10;
    text-align: center;
    float: right;
    left:-50%;
    text-align:left;
    margin-top: 30px;
}

#menu ul { position:relative; left:50%; clear:both; height:41px; }
#menu ul li { float:left; position:relative; height:25px; }
#menu ul li.last-child { clear:right; }
#menu ul li a { display:block; color:white; height:48px; float:left; opacity: .7; position: relative; }
#menu ul li a:hover, #menu ul li.current a { opacity:1; }
#menu ul li a .marker { position:absolute; display:none; width:100%; height:6px; background: url(i/menu-item-marker.png) center bottom no-repeat; top:35px; }
#menu ul li.current a .marker { display: block; }
#menu ul li .separator { float:left; height:25px; width:7px; overflow: hidden; background: url(i/assets.png) 0px -100px; margin: 0px 20px; }
#menu ul li.last-child .separator { display:none; }

#frame-wrap { position:relative; }
#frame { width:1030px; height:660px; position:relative; overflow:hidden; background:white; }
#frame .inner { margin: 20px; }

.page-view { width:990px; height:620px; overflow: hidden; }
.page-view.loading { background: url("i/3balls.gif") no-repeat center center; }
.page-view.loading .page { display:none; }

#pagebar { position:relative; overflow:hidden; }

.date { font: bold 12px/41px 'ronnia-condensed', arial, verdana, sans-serif; color:white; opacity: .6; letter-spacing:1px; display: none; margin-left:20px; float:left; }

.pagination { height:40px; position:relative; top:1px; float:right; left:-50%; text-align:left; }
.pagination ul { position:relative; left:50%; clear:both; }
.pagination li { display: block; width: 12px; height:11px; overflow:hidden; float:left; margin-right:4px; margin-top: 14px; }
.pagination li a { display: block; width: 12px; height:11px; overflow:hidden; background: url(i/assets.png) 0px -125px; }
.pagination li.last { margin-right:0px; clear:right; }
.pagination li a:hover { background-position: -12px -125px; }
.pagination li.current a, .pagination li.current a:hover { background-position: -12px -125px; }

.pagination .text { position:relative; left:50%; clear:both; font: bold 12px/40px 'ronnia-condensed', arial, verdana, sans-serif; color: white; opacity: .6; }

.pagination-arrow { top:326px; display:block; width:50px; height: 50px; overflow:hidden; background: url(i/assets.png) top left no-repeat; position:absolute; z-index: 10; text-indent: -9999px; }
#pagination-previous { left: -68px; background-position: 0px 0px; }
#pagination-previous:hover { background-position: 0px -50px; }
#pagination-next { right: -68px; background-position: -50px 0px; }
#pagination-next:hover { background-position: -50px -50px; }

#footer {
    position:fixed;
    width:100%;
    overflow:hidden;
    bottom:0px;
    margin: 0px;
    height:75px;
}

#footer .inner { width:100%; margin: 0px; height:34px; background: url(i/footer-bg.png) repeat-x; margin-top: 41px; }
#footer .stretcher { position:relative; width: 1030px; margin-left:50%; }
#footer .wrap { position:relative; left: -515px; }

#links { font: bold 10px/34px "ronnia-condensed", Arial, sans-serif; color:white; letter-spacing: 1px; }
#links ul li { float:left; margin-right:20px; }
#links ul li a { display:block; color: white; text-transform: uppercase; opacity:.6; }
#links ul li a:hover { opacity: 1; }

.sitemap-button { display:block; width:41px; height:45px; overflow:hidden; text-indent: -9999px; background: url(i/assets.png) -100px 0px; position:absolute; left: 50%; top:-11px; margin-left: -21px; }
.sitemap-button:hover { background-position: -141px 0px; }

.facebook-button { display:block; width:16px; height:16px; overflow:hidden; background: url(i/assets.png) -100px -45px; text-indent: -9999px; position: absolute; right:50px; top:50%; margin-top:-8px; }
.facebook-button:hover { background-position: -100px -61px; }

.twitter-button { display:block; width:20px; height:16px; overflow:hidden; background: url(i/assets.png) -116px -45px; text-indent: -9999px; position: absolute; right:20px; top:50%; margin-top:-8px; }
.twitter-button:hover { background-position: -116px -61px; }


#nubook-logo { position: absolute; top:0px; right:0px; display:block; height:34px; width:56px; background: url(i/assets.png) -44px -100px; text-indent:-9999px; opacity:.6;}
#nubook-logo:hover { opacity:1; }

/* SITEMAP :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#sitemap { position:fixed; top:0px; left:0px; width:100%; height:100%; background: url(./i/black-82.png) repeat; display:none; color:white; font: bold 13px/20px etica-1, Helvetica, Arial, Sans-Serif; overflow: scroll; letter-spacing: .15em; z-index: 1000; }
#sitemap a { color:white; text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }

#sitemap .inner { padding:20px; }
#sitemap a.close-button {
    position: absolute;
    display: block;
    top:20px; right:20px;
    height: 19px; overflow: hidden;
    padding-right: 29px;
    font-size: 13px; font-weight: normal; 
    background: url(./i/sitemap-close-button-white.png) no-repeat top right;
}
#sitemap a.close-button:hover { opacity: .8; }

#sitemap h1 { font-size: 16px; line-height: 40px; display: block; margin:0px; padding:0px; }

#sitemap .sitemap-category { margin-bottom: 15px; }
#sitemap .sitemap-category ul { clear:both; }
#sitemap .sitemap-category a.title {
    text-transform: uppercase;
    display:block;
    padding: 10px 0px;
    margin:0px 5px 0px 5px; 
    clear:both;
}
#sitemap .sitemap-page { float:left; margin:10px 10px 0px 0px; }
#sitemap .sitemap-page.last { clear:right; }
#sitemap .sitemap-page a {
    display:block; overflow:hidden;
    border:5px solid white;
    opacity: .9;
}
#sitemap .sitemap-page a:hover { opacity: 1; }


/* FONT REPLACE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#stage { opacity:0; min-width: 1050px; }