body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #000;
    min-width: 1024px;
    /* min-height: 875px; */
    min-height: 600px;
    max-height: 1079px;
    overflow-y: visible;
    overflow-x: hidden;
}
h1 { display: none; }

/* SCROLLING CONTENT */
/* override the root element to enable scrolling */
#flowpanes {
	position:absolute;
	clear:both;
        width: 1440px;
        /* min-height: 875px; */
        min-height: 710px;
        max-height: 1079px;
        left: 50%;
        top: 8px;
        margin-left: -720px;
        overflow-x: hidden;
        overflow-y: hidden;
        
}
/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:1440px;
	font-size: 14px;
}

/* additional wrapper element for the items */
#flowpanes .items {
	width: 2000em;
	position: absolute;
        left: -1440px;
	clear: both;
        /* min-height: 875px; */
        min-height: 600px;
        max-height: 1079px;
}
#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

/* NAVIGATION - PAST PRESENT */
ul#past-present-nav {
    position: fixed;
    top: 50%;
    left: 0px;
    height: 188px;
    margin-top: -94px;
    display: block;
    z-index: 3;
}
ul#past-present-nav li a {
    display: block;
    width: 45px;
    height: 188px;
    text-indent: -9999px;
    background: url(/gfx/common/back_forth2.png) no-repeat;
    position: fixed;
    z-index: 500;
    margin-top: -40px;
    cursor: pointer;
}
ul#past-present-nav li a#btn_future {
    right: 0px;
    background-position: -90px 0; 
}
ul#past-present-nav li a#btn_past:hover {
   background-position: -45px 0;
}
ul#past-present-nav li a#btn_future:hover {
   background-position: -135px 0;
}
span.past, span.future, span.present, span.present-white {
    display: block;
    width: 95px;
    height: 15px;
    background: url(/gfx/common/past_present_future2.png) no-repeat;
    position: absolute;
    top: 89px;
}
ul#past-present-nav li a#btn_past span.past { left: 60px; background-position: 0 -15px; display: none;}
ul#past-present-nav li a#btn_past span.present { left: 60px; background-position: 0 -48px; display: none; }
ul#past-present-nav li a#btn_future span.present-white { right: 55px; background-position: 0 -30px; display: none;}
ul#past-present-nav li a#btn_future span.future { right: 45px; background-position: 0 0px; display: none;}

ul#past-present-nav li a#btn_past:hover span.past,
ul#past-present-nav li a#btn_past:hover span.present,
ul#past-present-nav li a#btn_future:hover span.present-white,
ul#past-present-nav li a#btn_future:hover span.future {
    display: block;
}

/* VOLATILE FOOTBAR */
div#volatile-footbar {
    width: 100%;
    height: 75px;
    background: #090909;
    position: fixed;
    bottom: 0px;
    z-index: 15;
}
div#volatile-footbar-border {
    width: 100%;
    height: 3px;
    background: #552a0c;
    background-image: url(/gfx/footbar/border.jpg);
    background-repeat:no-repeat;
    background-position:center; 
}
div#volatile-footbar-container {
    width: 1024px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -512px;
}
img#volatile-footbar-logo {
    position: absolute;
    top: 10px;
    left: 20px;
}
p#footbar-click-to-go {
    width: 69px;
    height: 13px;
    position: absolute;
    left: 84px;
    top: 25px;
    background: url(/gfx/common/click_to_go.jpg) no-repeat;
    text-indent: -9999px;
}
ul#volatile-footbar-nav {
    position: absolute;
    left: 84px;
    top: 40px;
    text-indent: -9999px;
    width: 180px;
    height: 22px;
}
ul#volatile-footbar-nav li { display: inline; float: left; }
ul#volatile-footbar-nav a {
    display: block;
    height: 22px;
    background: url(/gfx/common/past_present_future.jpg) no-repeat;
    cursor: pointer;
}
li#footbar-past a { width: 43px; background-position: 0 0; }
li#footbar-present a { width: 77px; background-position: -43px 0; }
li#footbar-future a { width: 56px; background-position: -119px 0; }

li#footbar-past a:hover, li#footbar-past a.active { width: 43px; background-position: 0 -23px; }
li#footbar-present a:hover, li#footbar-present a.active { width: 77px; background-position: -43px -23px; }
li#footbar-future a:hover, li#footbar-future a.active { width: 56px; background-position: -119px -23px; }

p#volatile-footbar-legal {
    background: url(/gfx/footbar/legal.jpg) no-repeat;
    width: 531px;
    height: 10px;
    text-indent: -9999px;
    position: absolute;
    top: 66px;
    left: 83px;
}
ul#volatile-footbar-social-media{
    position: absolute;
    bottom: -5px;
    left: 985px;
    width: 18px;
    height: 50px;
    text-indent: -9999px;
}
li#twitter a, li#facebook a, li#youtube a {
    background: url(/gfx/footbar/social_blocks.jpg) no-repeat;
    width: 18px;
    height: 15px;
    display: block;
}
li#facebook a { background-position: 0px -17px; }
li#youtube a { background-position: 0px -34px; }

a#volatile-footbar-work {
    position: absolute;
    top: 45px;
    left: 845px;
    display: block;
    background: url(/gfx/common/work.jpg) no-repeat;
    width: 118px;
    height: 30px;
    text-indent: -9999px;
}

/* BROWSER UPDATE BAR */
#ie6-box {
    background-color: #fff9ce;
    padding: 8px;
    margin-bottom: 4px;
}
#ie6-box .upgrade-message {
    font-size: 14px;
    width: 381px;
}
#ie6-box .upgrade-message a {
    /* Override link properties because of translation */
    text-decoration: none !important;
    color: black !important;
    border-bottom: 0 !important;
    cursor: text;
}
#ie6-box .close-button {
    float: right;
    display: block;
    margin-left: 8px;
}
#ie6-box .close-icon {
    background-position: -57px -712px;
    display: block;
    height: 12px;
    width: 12px;
}
#ie6-box .browser-links {
    float: right;
}
#ie6-box .browser-link img {
    background-image: url(/gfx/browser_support/browsers.png);
    width: 172px;
    height: 32px;
    margin-left: 8px;
}
#ie6-box .browser-link:hover img {
    background-position-x: -172px;
}
#ie6-box .chrome-link {
    background-position-y: 0;
}
#ie6-box .ie8-link {
    background-position-y: -32px;
}
#ie6-box .firefox-link {
    background-position-y: -64px;
}
