html { }
body { height: 100%; margin: 0; padding: 0; background:#ddd url(../img/bgr.jpg) top center; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666; }
/*@font-face { font-family: FUTURA; src: url("Futura.eot"), url("Futura.ttf") format('truetype');}*/
@font-face { font-family: FUTURA; src: url('Futura.eot'); src: url('Futura.eot?#iefix') format('embedded-opentype'), url('Futura.woff') format('woff'), url('Futura.ttf') format('truetype'), url('Futura.svg#trajan') format('svg'); font-weight: normal;font-style: normal;}
a { font-size: 11px; font-weight: normal; color: #666; text-decoration:none; }
a:hover, a.active { }
h1, h2, h3, h4 { font-family: FUTURA; padding:0; margin:0; font-size:15px; text-transform:uppercase; padding:0 0 6px 0; margin:0 0 10px 0; font-weight: normal;font-style: normal; }
img { border:0; }
p { margin:0; padding:5px 0; }
img, div, ul, li { /*behavior: url("js/iepngfix.htc");*/ margin:0; padding:0; list-style:none; }
table { border:0; }
form { border:none; }
#overStage { background:#000; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; display:none; position:absolute; z-index:900; top:0; left:0; width:100%; height:100%; }
.clear { clear:both; font-size:1px; }
.left { float:left; }
.right { float:right; }
.footer { background:url(../img/footer-bgr.gif); text-align:center; font-size:9px; color:#999; text-transform:uppercase; height:25px; line-height:20px; }
.header, .footer, .main { width:1000px; margin:0 auto; }
.header { height:24px; text-align:right; margin:20px auto 0; background:url(../img/top.jpg) no-repeat; cursor:default; }
.header a { display:inline-block; color:#bbb; text-transform:uppercase; font-size:11px; padding:5px 10px 0 0; cursor:pointer; font-family: FUTURA; font-weight: normal;font-style: normal;}
.header a:hover { color:#fff; }
.header img { padding:0 4px 0 0; float:left; }
.header2 { background:url(../img/top2.jpg) no-repeat; height:24px; }
.main-left { width:272px; float:left; height:551px; background:url(../img/menu_bgr.jpg) bottom left no-repeat; }
.main-left2 { height:551px; background:url(../img/menu_bgr2.jpg) bottom left no-repeat; }
.logo-bgr { position:relative; background:url(../img/logo-right.jpg) right top no-repeat; height:97px; }
.logo { position:absolute; left:-9px; }
.menu { position:relative; }
.menu a { position:absolute; }
/*
.menu .a1, .menu .a1active { width:86px; height:85px; top:0; left:186px; background-image:url(../img/b1.jpg); }
.menu .a2, .menu .a2active { width:85px; height:86px; top:85px; left:101px; background-image:url(../img/b2.jpg); }
.menu .a3, .menu .a3active { width:86px; height:86px; top:85px; left:186px; background-image:url(../img/b3.jpg); }
.menu .a4, .menu .a4active { width:85px; height:86px; top:85px; left:272px; background-image:url(../img/b4.jpg); }
.menu .a5, .menu .a5active { width:85px; height:85px; top:171px; left:272px; background-image:url(../img/b5.jpg); }
*/
.menu { top:40px; left:-1px;}
.menu .a1, .menu .a1active { width:86px; height:85px; top:0; left:101px; background-image:url(../img/b1.jpg); }
.menu .a2, .menu .a2active { width:85px; height:86px; top:0; left:186px; background-image:url(../img/b2.jpg); }
.menu .a3, .menu .a3active { width:86px; height:86px; top:85px; left:101px; background-image:url(../img/b3.jpg); }
.menu .a4, .menu .a4active { width:85px; height:86px; top:85px; left:187px; background-image:url(../img/b4.jpg); }
.menu .a5, .menu .a5active { width:85px; height:85px; top:86px; left:272px; background-image:url(../img/b5.jpg); }
.menu .a1:hover, .menu .a1active { background-image:url(../img/b1o.jpg); }
.menu .a2:hover, .menu .a2active { background-image:url(../img/b2o.jpg); }
.menu .a3:hover, .menu .a3active { background-image:url(../img/b3o.jpg); }
.menu .a4:hover, .menu .a4active { background-image:url(../img/b4o.jpg); }
.menu .a5:hover, .menu .a5active { background-image:url(../img/b5o.jpg); }
.flash { position:absolute; top:180px; left:-50px; }
.main-body, .about, .soon, .prod, .prod-sp, .glass { width:728px; height:551px; }
.main-body { float:right; background:url(../img/main-bgr.jpg) repeat-x; }
.home { position:relative; }
.home .sert { width:90px; background:#666; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.home .sert a { color:#ccc; font-weight:bold; }
.home .sert a:hover { color:#fff; }
.soon { position:relative; background:url(../img/soon.jpg); }
.prod { background:url(../img/prod-bgr.jpg); position:relative; }
.prod-menu { position:absolute; top:16px; left:16px; width:150px; }
.prod-menu h1, .prod-menu h1 { font-family: FUTURA; color:#eee; border-bottom:3px solid #515151; padding:0; width:150px; margin:0; font-weight: normal;font-style: normal; }
.prod-menu li { padding:1px 0 0 0; }
.prod-menu a { display:block; color:#eee; font-weight:bold; font-family: FUTURA; text-transform:uppercase; font-size:13px; background:url(../img/prod_b.jpg) no-repeat #929292; padding:1px 0 3px 20px; font-weight: normal;font-style: normal;}
.prod-menu a:hover { background:url(../img/prod_bo.jpg) no-repeat #737373; }
.prod-menu a.sel { background:url(../img/prod_bo.jpg) no-repeat #737373; }
.prod-pic { position:absolute; left:88px; top:35px; }
.prod-pic-big { position:absolute; }
.desc { width:318px; height:520px; position:absolute; left:384px; top:29px; }
.desc div { position:absolute; }
.desc p { padding:15px 0 0 30px; }
.desc table { border:1px solid #777; margin:10px 0 0 30px; }
.desc table tr { background:#e5e5e5; }
.desc table tr.first { background:#999; color:#fff; font-size:11px; }
.desc table tr.first td { white-space:nowrap; }
.desc table tr.first td.first { background:#eee; }
.desc table td { padding:2px 3px; }
.prod-page { float:none; clear:both; color:#4a4a4a; }
.prod-page ul, .about-page ul { padding:10px 0 0 25px; clear:both; list-style-type: none; margin: 0; }
.prod-page ul li, .about-page ul li { background-image: url(../img/li.png); background-repeat: no-repeat; background-position: 0 .3em; padding-left: 13px; }
.sert { position:absolute; top:520px; left:30px; font-family:Futura; text-transform:uppercase; text-align:right; white-space:nowrap; width:350px; font-weight: normal;font-style: normal;}
.sert div { float:right; }
.sert a { line-height:18px; }
.sert a:hover { text-decoration:underline; }
.sert img { padding:0 5px 0 0; float:left; }
.about { background:url(../img/about-bgr.jpg) no-repeat; text-transform:uppercase; font-size:10px; }
.about-page { padding:86px 200px 0 120px; }
.contact-page { padding:20px 0 0 20px; }
.glass { background:url(../img/gallery-bgr.jpg) no-repeat; position:relative; }
.glass .pics, .glass .text { display:none; }
.glass-page { padding:20px 0 0 20px; }
.glass li { float:left; width:138px; height:102px; }
.glass li .logoD { background:url(../img/logoDorma.jpg) no-repeat 5px center #fff; width:138px; height:102px; }
.glass li.text { width:258px; font-size:11px; padding:12px 10px 0; display:block; height:78px; }
.glass li a { display:block; width:136px; height:100px; background-position:center center; background-repeat:no-repeat; /*opacity:0.7; filter:; -moz-opacity:0.7; -khtml-opacity:0.7;*/ margin:1px; filter: url(filters.svg#grayscale); filter:gray; -webkit-filter: grayscale(1); }
.glass li a:hover { /*opacity:1; -moz-opacity:1; -khtml-opacity:1;*/ filter:none; }
.pages { position:absolute; color:#ddd; font-family:FUTURA; text-transform:uppercase; top:553px; left:520px; text-align:right; width:200px; cursor:default; font-weight: normal;font-style: normal;}
.pages a { color:#999; font-size:12px; padding:5px; background:#000; border-right:1px solid #666; }
.pages a:hover { background:#222; color:#fff; }
.counter { padding-top:26px; }
.copy, .made { background:#1774ad; color:#fff; font-size:11px; padding:3px 5px; }
.copy { float:left; }
.made { float:right; }
.made a { color:#fff; }
.made a:hover { text-decoration:underline; }
.dn { display:none; }
.vh { visibility:hidden; }
.ttn { text-transform:none; }
.splash { border:1px solid red; position:relative; }
.splash h1 { top:-16px; left:-360px; position:absolute; font-size:16px; }
.splash ul { position:absolute; left:-280px; top:-19px; width:642px; height:550px; }
.splash li { height:168px; width:180px; float:left; padding:2px 4px; }
.splash a { display:block; background:#525252; width:180px; height:164px; }
.splash a:hover { border:2px solid #525252; }
.splash .spic { background-repeat:no-repeat; width:180px; height:140px; }
.splash li h2 { color:#eee; text-align:center; padding:2px 0 0 0; margin:142px 0 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#525252; position:absolute; width:180px; }
.splash h4 { clear:both; text-align:center; width:88%; padding:4px; margin:0;}
#pvc ul {padding:39px 0 0 0;}
#alum ul { padding:60px 0 0 0;}
#alum li h2 { margin:132px 0 0 0; padding:3px 0 0 0; position:absolute; width:180px; background:#525252; height:28px; }
#alum li h3 { position:absolute; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#bbb; width:180px; text-align:center; margin:148px 0 0 0; }
.prod-sp { background:url(../img/bgr-sp.jpg); position:relative; }
.prod-sp .prod-menu h1 { }
.sText { width:700px; padding:5px 20px; }
.sTable ul { padding:0 0 0 55px; }
.sTable li { float:left; padding:180px 5px 0 0; text-align:center; line-height:11px; width:212px; font-size:10px; }
.sTable .sDesc { font-weight:bold; height:50px; font-size:11px; }
.sTable table { background:#fff; }
.sTable table tr { background:#666; color:#fff; }
.sTable table tr.first { background:#999; color:#fff; }
.sTable table tr.first td { white-space:nowrap; }
.sTable table tr.first td.first { background:#eee; }
.sTable table td { padding:4px 3px; }
.contact, .contact-form { float:left; }
.contact { padding:0 40px 0 0; }
.contact-form { width:400px; }
.contact-form input, .contact-form textarea { border:1px solid #666; color:#333; font-size:10px; padding:1px 4px 3px; font-family:Tahoma, Arial, Helvetica, sans-serif; width:100px; }
#registry_submit { background:#666; font-size:11px; color:#eee; padding:4px 6px; font-weight:bold; width:90px; cursor:pointer; border:1px solid #666; }
#registry_submit:hover { background:#fff; color:#666; }
.contact-form textarea { width:250px; height:60px; }
.contact-form .notice { color:#990000; font-size:14px; line-height:8px; font-weight:bold; vertical-align: bottom; }
.warningImg { position:absolute; margin-top:1px; margin-left:-20px; }
#container { height: 600px; left: 50%; margin-left: -500px; margin-top: -320px; position: absolute; top: 50%; width: 1000px; }
#map_canvas { margin-left:100px; height:320px; width:600px; }