#scrnup { position:absolute; left:0; width:100%; min-width:1000px }
#scrnup:after { content:''; display:block; clear:both }

#scrnup { top:0; background-image:url('../i/start/sky_line.jpg'); background-repeat:repeat-x }
#scrnup div.luu { position:relative; right:50%; float:right; width:93% }
#scrnup div.ruu { z-index:1; right:-50%; width:100%; position:relative }

.sky { width:100% }
.sky div { float:left }
.sky .one { width:272px; height:216px; background:url('../i/sky1_logo.jpg') no-repeat }
.sky .two { width:400px; height:216px; background:url('../i/sky2.jpg') no-repeat }
.sky .thr { width:248px; height:216px; background:url('../i/sky3.jpg') no-repeat }
.up { position:absolute; top:0; left:0; width:100% }
.up .im { float:left; top:-216px; width:100% }
.up .im img.lg { margin:50px 0 0 70px }
.up .im img.ph { vertical-align:top; margin:50px 0 0 11% }
.up .menu { margin:-1px 0 0 0; width:75%; height:20px; padding:9px 0 0 210px; clear:left; float:left }
.up .menu ul { list-style:none; padding:0px; margin:0 }
.up .menu ul li  { display:inline; margin-right:7% }

#visual { height:1000px; background:url('../i/start/pat.jpg') repeat-x 0px 634px }
#visual div.vis { position:absolute; top:201px; width:100%; min-width:1000px; background:url('../i/start/viz_pat.jpg') repeat-x 72px 0px }
#visual .back { background:url('../i/start/viz50.jpg') no-repeat 1064px 0px; height:677px }
#visual .l { position:absolute }
.li { background:url('../i/start/viz11.jpg') no-repeat; width:416px; height:40px }
.lii { background:url('../i/start/viz12.jpg') no-repeat; width:416px; height:64px }
.liii { background:url('../i/start/viz13.jpg') no-repeat; width:416px; height:136px }
.liv { background:url('../i/start/viz14.jpg') no-repeat; width:416px; height:144px }
.lv { background:url('../i/start/viz15.jpg') no-repeat; width:416px; height:152px }
.lvi { background:url('../i/start/viz16.jpg') no-repeat; width:416px; height:152px }
.lvii { background:url('../i/start/viz17.gif') no-repeat; top:627px; position:absolute; z-index:7; left:40px; width:126px; height:57px; }
#visual .cl { position:absolute; left:416px }
.cli { background:url('../i/start/viz21.jpg') no-repeat; width:216px; height:40px }
.clii { background:url('../i/start/viz22.jpg') no-repeat; width:216px; height:64px }
.cliii { background:url('../i/start/viz23.jpg') no-repeat; width:216px; height:136px }
.cliv { background:url('../i/start/viz24.jpg') no-repeat; width:216px; height:144px }
.clv { background:url('../i/start/viz25.jpg') no-repeat; width:216px; height:152px }
.clvi { background:url('../i/start/viz26.jpg') no-repeat; width:216px; height:152px }
#visual .cr { position:absolute; left:632px }
.cri { background:url('../i/start/viz31.jpg') no-repeat; width:200px; height:40px }
.crii { background:url('../i/start/viz32.jpg') no-repeat; width:200px; height:64px }
.criii { background:url('../i/start/viz33.jpg') no-repeat; width:200px; height:468px }
#visual .r { position:absolute; left:0; width:100% }
.ri { background:url('../i/start/viz41.jpg') no-repeat 832px 0; width:100%; height:40px }
.rii { background:url('../i/start/viz42.jpg') no-repeat 832px 0; width:100%; height:200px }
.riii { background:url('../i/start/viz43.jpg') no-repeat 832px 0; width:100%; height:144px }
.riv { background:url('../i/start/viz44.jpg') no-repeat 832px 0; width:100%; height:152px }
.slogan { position:absolute; width:319px; height:73px; margin:494px 0px 0px 573px; background:url('../i/start/slogan.gif') no-repeat }

#scrnmid { position:absolute; top:829px; width:100%; min-width:1000px }
#scrnmid:after {  content: ''; display: block; clear: both; }
#scrnmid div.lu { position: relative; right: 50%; float: right; width:88% }
#scrnmid div.ru { position: relative; z-index:1; right: -50%; width:100% }
#teaser { height:370px; min-width:900px; background-color:#1d3769; background:url('../i/start/tea_pat.jpg') repeat-x; bottom:-100px }
#teaser div a { position:relative; font-family:Arial; font-size:14px; color:white }
#teaser div a:hover { color:#7893d5 }
#teaser div img { position:relative }
#teaser > div { clear:left }
#teaser div div { float:left }
#teaser .top { position:absolute; top:0px; width:100%; min-width:900px; height:20px }
#teaser .top img.left { float:left }
#teaser .top img.right { float:right }
#teaser .bot { position:absolute; top:350px; width:100%; min-width:900px; height:20px }
#teaser .bot img.left { float:left }
#teaser .bot img.right { float:right }
#teaser .uprow { padding-top:17px }
#teaser .uprow div { text-align:center; height:158px }
#teaser .uprow a img { margin-bottom:-40px; }
#teaser .downrow div { text-align:center; height:155px }
#teaser .downrow a img { margin-bottom:-50px; }
.uprow .i { width:25%; padding-left:1% }
.uprow .ii { width:23% }
.uprow .iii { width:23% }
.uprow .iv { width:23% }
.downrow .v { width:26%; padding-left:12% }
.downrow .vi { width:24% }
.downrow .vii { width:24% }
.uprow .iii a.link { margin-left:10px; }
.uprow .iv a.link { margin-left:20px; }

#scrncnt { position:absolute; top:1250px; width:100%; min-width:1000px; }
#scrncnt div.st { background:url('../i/bot_pat.jpg') repeat-x bottom left; width:100%; float:left }
#scrncnt:after {  content: ''; display: block; clear: both; }
#scrncnt div.lu { position: relative; right: 50%; float: right; width:88% }
#scrncnt div.ru { position: relative; z-index:1; right: -50%; width:100%; }
#cnt { width:100%; float:left }
#cnt div.lsp { width:6%; float:left }
#cnt div.l { width:54%; float:left }
#cnt div.csp { width:8%; float:left }
#cnt div.r { width:32%; float:left }
#cnt div.rsp { width:6%; float:left }

#cnt .about { padding:25px 0 0 0; margin-left:0; width:100%; min-width:470px; text-align:left; /*text-align:justify*/ }
#cnt .about h1 { font-family:Tahoma, Arial; font-size:30px; color:#47abd5; }

.credit { background:url('../i/start/credit.jpg') no-repeat; margin:7px 0 0 8px; float:left }
.credit div { background:url('../i/start/credit.gif') no-repeat 81px 27px; width:231px; height:110px }
.hot { background:url('../i/hot.jpg') no-repeat; float:left; padding:26px 0 52px 0 }
.hot h3 { font-family:Arial; font-weight:bold; font-size:22px; color:#4289c6; padding:0 0 0 15px; margin:0  }
.hot h3 span { color:#a6dbff; }
.hot ul { padding:0 0 20px 30px; margin:0 }
.hot li { margin-top:20px; font-family:Arial; font-size:12px; color:#c0d2de }
.hot li span { font-size:14px; color:#80c2f2 }
.hot a { margin:0 0 0 30px; font-family:Arial; font-size:15px; color:#66b9ff }
.hot a:hover { color:#547cd1 }
.bucks { background:url('../i/bucks.jpg') no-repeat top center; margin:0; float:left }
.bucks p.one { padding:162px 0 0 32px; margin:0; font-family:Arial; font-size:14px; color:#a4c1eb }
.bucks p.two { padding:4px 0 0 32px; margin:0; font-family:Arial; font-size:19px; color:#fff }

#down { margin:0; padding:0; width:100%; height:219px; float:left }
#down div.lsp { width:6%; float:left }
#down div.l { width:61%; float:left }
#down div.csp { width:1%; float:left }
#down div.r { width:32%; float:left }
#down div.rsp { width:6%; float:left }
#down div.menu { margin-left:0 }
#down div.menu ul { list-style:none; padding:110px 0px 0px 0; margin:0px }
#down div.menu li { display:inline; margin-right:7% }
#down div.menu a { font-family:Arial, Tahoma; font-size:16px; color:#fff }
#down div.menu a:hover { color:#66b9ff; }
#down div.l p { font-family:Tahoma; font-size:11px; color:#9aa8c9 }
#down div.r div.counter { padding-left:160px; margin-top:135px  }