.preload1 { background: url(images/three_1.gif); } .preload2 { background: url(images/three_1a.gif); } /*****Nav*****/ body{ min-width: 1200px; } .nav { width:100%; height:55px; background:#0786cd; } #nav { height:55px; width:1200px; position:relative; z-index:99; margin:auto; background:url(images/nav_line_03.jpg) no-repeat left top; padding-left:2px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; } #nav li.top { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; text-align: center; height:55px; float:left; background:url(images/nav_line_03.jpg) no-repeat right top; } body{ background: #ffffff } #nav li.last { float:right; } #nav li a.top_link { display:block; width:142px; float:left; text-align:center; color:#fff; cursor:pointer; } #nav li a.top_link span { float:left; display:block; width:142px; height:55px; text-align:center; font-size:18px; line-height:55px; } #nav li a.top_link span.down { float:left; display:block; height:55px; } #nav li:hover a.top_link { color:#fff; text-decoration:underline; line-height:55px; background:#096dab; } #nav li:hover a.top_link span { color:#fff; line-height:55px; } #nav li:hover a.first span { color:#fff; background:none; } #nav li a.top_link strong { font-weight:normal; font-size:14px; } /* Default list styling */ #nav li:hover { position:relative; z-index:200; } #nav li:hover ul.sub { left:0px; top:45px; _top:45px; background:url(images/bg_70.png); /*opacity:0.9; filter:alpha(opacity=90);*/ padding:3px 0 8px 0; white-space:nowrap; width:142px; _width:142px; min-width:142px; height:auto; z-index:999999999999999; } #nav li:hover ul.sub li { display:block; height:28px; width:auto; position:relative; font-weight:normal; text-align:center; line-height:0; } #nav li:hover ul.sub li a { display:block; font-size:14px; height:28px; width:auto; *width:90px; line-height:28px; color:#fff; text-decoration:none; text-align:center; overflow:hidden; } #nav li:hover ul.sub li a:hover { color:#; font-weight:bold; background:#0785cd; } #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul { left:90px; top:-4px; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto; color:#117fce; } #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } #nav li.last ul.sub li { _padding-left:10px; *padding-left:10px; } #nav li.last:hover ul.sub { position:absolute; left:-150px; top:50px; _top:50px; /*opacity:0.9; filter:alpha(opacity=90);*/ padding:8px 0 3px 0; white-space:nowrap; width:auto; _width:200px; min-width:200px; height:auto; z-index:999999999999999; } #nav li.last:hover ul.sub li a { display:block; font-size:14px; height:28px; width:auto; *width:200px; line-height:28px; color:#fff; text-decoration:none; text-align:center; overflow:hidden; } #nav ul.sub li a:hover { color:#117fce; }