/* CSS Document */ body { margin:15px auto 16px auto; /*background:url(../imgs/backedge.gif) top repeat-y;*/ /*font-family:"Times New Roman", Times, serif;*/ font-family:Verdana, sans-serif font-size:10px; padding:0px; width:840px; background-color:#BDBDBD; /*background-position: 50% 61px;*/ } #main { margin-top:4px; 0px auto 0px auto; padding:0px; width:840px; } #mainback { margin-top:0px; 0px auto 0px auto; padding:0px; background:url(../imgs/backedge.gif) center repeat-y; width:840px; } #mainbackJ { margin-top:0px; 0px auto 0px auto; padding:0px; background:url(../imgs/backedge.gif) center repeat-y; width:840px; font-family:Verdana, sans-serif } #navbar { margin-top:0px; 0px auto 0px auto; padding:0px; /*background:url(../imgs/titleuN.gif) no-repeat;*/ /*border:#0000FF 1px solid;*/ width:840px; height:57px; } #navcontainer { margin-top:0px; 0px auto 0px auto; padding:0px; /*background:url(../imgs/title.gif) no-repeat;*/ /*border:#0000FF 1px solid;*/ width:840px; height:38px; } ul#navlist { margin-left: 0; padding-left: 8; white-space: nowrap; font: bold 12px Verdana, sans-serif; } #navlist li { display: inline; list-style-type: none; } #navlist a { padding: 1px 2px; } #navlist a:link, #navlist a:visited { color: #fff; /*background-color: #999;*/ text-decoration: none; } #navlist a:hover { color: #fff; background-color: #777; text-decoration: none; } #active { font-size:16; font-weight:bold; } a:link { color: A3A3A3; text-decoration: underline; } a:visited { color: A3A3A3; text-decoration: none; } #container {position:relative; width:720px; height:396px; margin:0px auto 0 auto; background:#fff url(../images/back.jpg) 65px 10px no-repeat; border:1px solid #aaa;} #container ul {width:198px; height:386px; padding:0; margin:5px; list-style-type:none; float:right;} #container li {float:left;} #container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;} #container a.slidea {background:url(../images/p1_t.jpg); height:93px; width:60px;} #container a.slideb {background:url(../images/p2_t.jpg); height:93px; width:60px;} #container a.slidec {background:url(../images/p3_t.jpg); height:93px; width:60px;} #container a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} #container a.slidee {background:url(../images/p5_t.jpg); height:60px; width:93px;} #container a.slidef {background:url(../images/p6_t.jpg); height:60px; width:93px;} #container a.slideg {background:url(../images/p7_t.jpg); height:60px; width:93px;} #container a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #container a.slidei {background:url(../images/p9_t.jpg); height:93px; width:60px;} #container a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #container a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} #container a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} #container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;} #container a.gallery:hover {border:1px solid #fff;} #container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} #container a.slideb:hover img, #container a.slidei:hover img {float:right;} #container a.slidea:hover img, #container a.slideh:hover img {position:absolute; width:240px; height:370px; top:2px; left:0px; color:#000; background:#fff; border:1px solid #000;} #container a.slideb:hover img, #container a.slidei:hover img {position:absolute; width:240px; height:370px; top:2px; left:65px; color:#000; background:#fff; border:1px solid #000;} #container a.slidec:hover img, #container a.slidej:hover img {position:absolute; width:240px; height:370px; top:2px; left:120px; color:#000; background:#fff; border:1px solid #000;} #container a.gallery:hover span {position:absolute; width:374px; height:374px; top:6px; left:65px; color:#000; background:#fff;} #container a.slided:hover img, #container a.slideg:hover img, #container a.slidek:hover img {position:absolute; width:370px; height:240px; top:30px; left:0px; color:#000; background:#fff; border:1px solid #000;} #container a.slidee:hover img, #container a.slidef:hover img, #container a.slidel:hover img {position:absolute; width:370px; height:240px; top:110px; left:0px; color:#000; background:#fff; border:1px solid #000;} #container2 {position:relative; width:720px; height:396px; margin:0px auto 0 auto; background:#fff url(../images/back.jpg) 65px 10px no-repeat; border:1px solid #aaa;} #container2 ul {width:95px; height:386px; padding:0; margin:5px; list-style-type:none; float:right;} #container2 li {float:right;} #container2 a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;} #container2 a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} #container2 a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #container2 a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} #container2 a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #container2 a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} #container2 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;} #container2 a.gallery:hover {border:1px solid #fff;} #container2 a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} #container2 a.slideh:hover img, #container2 a.slidej:hover img {position:absolute; width:240px; height:370px; top:2px; left:60px; color:#000; background:#fff; border:1px solid #000;} #container2 a.gallery:hover span {position:absolute; width:374px; height:374px; top:6px; left:65px; color:#000; background:#fff;} #container2 a.slided:hover img, #container2 a.slidek:hover img, #container2 a.slidel:hover img {position:absolute; width:370px; height:240px; top:65px; left:0px; color:#000; background:#fff; border:1px solid #000;} #container3 {position:relative; width:720px; height:396px; margin:0px auto 0 auto; background:#fff url(../images/back.jpg) 278px 10px no-repeat; border:1px solid #aaa;} #container3 ul {width:95px; height:386px; padding:0; margin:5px; list-style-type:none; float:left;} #container3 li {float:left;} #container3 a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:right; cursor:default;} #container3 a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} #container3 a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #container3 a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} #container3 a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #container3 a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} #container3 a.gallery span {position:absolute; width:1px; height:1px; top:5px; right:5px; background:#fff; overflow:hidden;} #container3 a.gallery:hover {border:1px solid #fff;} #container3 a.gallery:hover img {border:1px solid #fff; float:right; margin-left:5px;} #container3 a.slideh:hover img, #container3 a.slidej:hover img {position:absolute; width:240px; height:370px; top:2px; right:60px; color:#000; background:#fff; border:1px solid #000;} #container3 a.gallery:hover span {position:absolute; width:374px; height:374px; top:6px; left:282px; color:#000; background:#fff;} #container3 a.slided:hover img, #container3 a.slidek:hover img, #container3 a.slidel:hover img {position:absolute; width:370px; height:240px; top:65px; right:0px; color:#000; background:#fff; border:1px solid #000;} #container4 {position:relative; width:720px; height:396px; margin:0px auto 0 auto; background:#fff url(../images/back.jpg) 278px 10px no-repeat; border:1px solid #aaa;} #container4 ul {width:198px; height:386px; padding:0; margin:5px; list-style-type:none; float:left;} #container4 li {float:right;} #container4 a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;} #container4 a.slidea {background:url(../images/p1_t.jpg); height:93px; width:60px;} #container4 a.slideb {background:url(../images/p2_t.jpg); height:93px; width:60px;} #container4 a.slidec {background:url(../images/p3_t.jpg); height:93px; width:60px;} #container4 a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} #container4 a.slidee {background:url(../images/p5_t.jpg); height:60px; width:93px;} #container4 a.slidef {background:url(../images/p6_t.jpg); height:60px; width:93px;} #container4 a.slideg {background:url(../images/p7_t.jpg); height:60px; width:93px;} #container4 a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #container4 a.slidei {background:url(../images/p9_t.jpg); height:93px; width:60px;} #container4 a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #container4 a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} #container4 a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} #container4 a.gallery span {position:absolute; width:1px; height:1px; top:5px; right:5px; background:#fff; overflow:hidden;} #container4 a.gallery:hover {border:1px solid #fff;} #container4 a.gallery:hover img {border:1px solid #fff; float:right; margin-left:5px;} #container4 a.slideb:hover img, #container4 a.slidei:hover img {float:left;} #container4 a.slidea:hover img, #container4 a.slideh:hover img {position:absolute; width:240px; height:370px; top:2px; left:0px; color:#000; background:#fff; border:1px solid #000;} #container4 a.slideb:hover img, #container4 a.slidei:hover img {position:absolute; width:240px; height:370px; top:2px; left:65px; color:#000; background:#fff; border:1px solid #000;} #container4 a.slidec:hover img, #container4 a.slidej:hover img {position:absolute; width:240px; height:370px; top:2px; left:120px; color:#000; background:#fff; border:1px solid #000;} #container4 a.gallery:hover span {position:absolute; width:374px; height:374px; top:6px; right:65px; color:#000; background:#fff;} #container4 a.slided:hover img, #container4 a.slideg:hover img, #container4 a.slidek:hover img {position:absolute; width:370px; height:240px; top:30px; right:0px; color:#000; background:#fff; border:1px solid #000;} #container4 a.slidee:hover img, #container4 a.slidef:hover img, #container4 a.slidel:hover img {position:absolute; width:370px; height:240px; top:110px; right:0px; color:#000; background:#fff; border:1px solid #000;} #container5 {position:relative; width:720px; height:396px; margin:0px auto 0 auto; background:#fff url(../files/img0a.jpg) 240px 160px no-repeat; border:1px solid #aaa;} #container5 ul {width:95px; height:386px; padding:0; margin:5px; list-style-type:none; float:right;} #container5 li {float:right;} #container5 a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;} #container5 a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} #container5 a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #container5 a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} #container5 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;} #container5 a.gallery:hover {border:1px solid #fff;} #container5 a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} #container5 a.slideh:hover img {position:absolute; width:240px; height:370px; top:2px; left:60px; color:#000; background:#fff; border:1px solid #000;} #container5 a.gallery:hover span {position:absolute; width:374px; height:374px; top:6px; left:65px; color:#000; background:#fff;} #container5 a.slided:hover img, #container5 a.slidek:hover img, #container5 a.slidel:hover img {position:absolute; width:370px; height:240px; top:65px; left:0px; color:#000; background:#fff; border:1px solid #000;}