html{
height: 100%;
}
body {
height: 100%;
min-width: 975px;
background:#D9D9D8 url(../i/body-bg.png) repeat-x 0 0;
}
body.next-page {background:#D9D9D8 url(../i/body-next-bg.png) repeat-x 0 0;}
#layout {
position: relative;
width:940px;
margin:0 auto;
}
#bg-holder-top {
width:940px;
height:459px;
position:absolute;
top:0;
left:0;
}
#bg-holder-bottom {
width:940px;
height:194px;
position:absolute;
bottom:0;
left:0;
}
.main-page #layout{background:url(../i/content-bg.png) repeat-y -940px 0;}
.main-page #bg-holder-top { background:url(../i/content-bg.png) no-repeat 0 0;}
.main-page #bg-holder-bottom { background:url(../i/content-bg.png) no-repeat -1880px 0;}
.next-page #layout{background:url(../i/content-next-bg.png) repeat-y -940px 0;}
.next-page #bg-holder-top {height:283px; background:url(../i/content-next-bg.png) no-repeat 0 0;}
.next-page #bg-holder-bottom { height:194px; background:url(../i/content-next-bg.png) no-repeat -1880px 0;}
#page-content {
position:relative;
margin:0 10px;
}
#header {
height:171px;
width:100%;
position:relative;
z-index:2;
}
#logo {
position:absolute;
top:64px;
left:40px;
}
#index-nav, #language-nav {
margin:0;
padding:0;
list-style:none;
float:left;
}
#language-nav {
margin:0 167px 0 115px;
display:inline;
}
#index-nav li, #language-nav li {
float:left;
height:9px;
overflow:hidden;
font-size:10px;
margin:0 -5px;
padding:14px 13px;
line-height:11px;
background:none;
color:#666;
}
#language-nav li.active {
background:url(../i/index-nav-li-active-bg.png) no-repeat 0 0;
position:relative;
}
#index-nav li a, #language-nav li a {
text-decoration:none;
}
#index-nav li img {
display:block;
padding:0;
}
/* MAIN NAVIGATION*/
#main-nav {
position:absolute;
top:75px;
left:356px;
margin:0;
padding:0;
list-style:none;
font-size:15px;
line-height:1em;
color:#666;
width:37em;
min-width:500px;
}
#main-nav li {
margin:0;
padding:0;
background:none;
float:left;
position:relative;
}
#main-nav li a {
text-decoration:none;
color: #D44B27;
/*
color: #006699;
color: #D44B27;
*/
}
#main-nav li strong {
display:block;
position:relative;
z-index:3;
font-weight:normal;
}
#main-nav li strong a, #main-nav li strong span.a {
display:block;
padding:17px 25px 18px 25px;
}
#main-nav li span.hover-span {
position:absolute;
z-index:2;
top:0;
left:0;
background:#fff url(../i/main-nav-li-bg.png) no-repeat 0 0;
}
#main-nav li span.hover-span span {
float:left;
height:15px;
padding:17px 25px 18px 25px;
background:url(../i/main-nav-li-bg.png) no-repeat 100% -50px;
}
#main-nav li.width-subnav{background:url(../i/main-nav-li-width-subnav-bg.png) no-repeat 0 0;}
#main-nav li.width-subnav strong {padding:17px 25px 13px 25px;}
#main-nav li.width-subnav strong a {padding:0;}
#main-nav li.width-subnav span.hover-span{background:url(../i/main-nav-li-width-subnav-bg.png) no-repeat 0 -45px;}
#main-nav li.width-subnav span.hover-span span {background:url(../i/main-nav-li-width-subnav-bg.png) no-repeat 100% -90px;}
#main-nav li div.subnav {
position:absolute;
z-index:1;
top:40px;
left:-2px;
width:180px;
padding:10px 15px 20px 15px;
font-size:13px;
overflow:hidden;
}
#main-nav div.subnav p {
background:none;
padding:1px 0 2px 0;
margin:0;
background:url(../i/subnav-li-bg.png) repeat-x 0 100%;
position:relative;
}
#main-nav div.subnav p.last { background:none;}
#main-nav div.subnav p a {color: #323232; display:block; padding:5px 10px;}
#main-nav div.subnav p a:hover {background:#ECF0F2;}
#main-nav div.subnav .bg-bot-holder{
width:210px;
height:300px;
position:absolute;
display:block;
left:0px;
bottom:0px;
background:url(../i/subnav-bg.png) no-repeat 0 0;
}
#main-nav div.subnav .bg-top-holder{
width:210px;
height:10px;
position:absolute;
display:block;
left:0px;
top:0px;
overflow:hidden;
background:url(../i/subnav-bg.png) no-repeat -210px 0;
}
.hidden-subnav div.subnav, .hidden-subnav span.hover-span {visibility:hidden;}
.hidden-subnav li:hover div.subnav, .hidden-subnav li:hover span.hover-span {visibility:visible;}
/** Billboard **/
#billboard {
width:100%;
height:231px;
overflow:hidden;
position:relative;
z-index:1;
}
#billboard ul{
margin:0;
padding:0;
}
#billboard ul li {
margin:0;
padding:0;
background:none;
position:relative;
float:left;
width:184px;
height:231px;
overflow:hidden;
cursor:pointer;
}
#billboard ul li a {
text-decoration:none;
color:#fff;
}
#billboard ul li img {
position:absolute;
top:0px;
left:0px;
z-index:1;
cursor:pointer;
width:184px;
height:231px;
}
#billboard ul li img.desaturate {
z-index:2;
visibility:hidden;
}
#billboard ul li span {
display:block;
position:absolute;
z-index:3;
background:url(../i/billboard-span-bg.png) no-repeat 0 0;
line-height:40px;
font-size:15px;
text-shadow:0 1px 1px #000;
text-align:center;
top:191px;
left:0;
height:40px;
width:100%;
cursor:pointer;
}
#billboard ul li strong { font-weight:normal; display:block;}
#billboard ul li.last span {background:url(../i/billboard-span-last-bg.png) no-repeat 0 0;}
#billboard ul li span.active {color:#a9e0fb; display:none; background:url(../i/billboard-span-active-bg.png) no-repeat 0 0;}
#billboard ul li.last span.active {background:url(../i/billboard-span-active-last-bg.png) no-repeat 0 0;}
/**/
#billboard-heading {
background:#4070B1 url(../i/category-selection-bg.png) repeat-x 0 0;
width:100%;
height:41px;
overflow:hidden;
margin:0px 0 15px 0;
position:relative;
z-index:1;
}
.main-page #content {
margin:0 40px;
}
.next-page #content {
margin:0 32px;
}
p.hyphenate {
text-align:justify;
}
.footer-clear {
clear: both;
height: 120px;
}
#footer {
width: 920px;
position:relative;
height:35px;
margin:-35px auto 0 auto;
}
#copy {
margin-left:20px;
float:left;
display:inline;
}
#foot-nav {
margin:0;
padding:0;
float:right;
display:inline;
}
#foot-nav li {
margin:0 20px 0 0;
padding:0;
background:none;
display:inline;
}
#foot-nav li a {
color:#666;}
#foot-nav li a:hover {
color:#999;}