#layout {position: relative;/* background: transparent url(/view/image/logo_lite.gif) no-repeat center center;*/}

#logo {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#logo a {display: block; position: relative; width: 100%; height: 100%;}

#holder {width: 184px; height: 184px;}

#tl {position: absolute; top: 0; left: 0; width: 50%; height: 50%;}
#tr {position: absolute; top: 0; right: 0; width: 50%; height: 50%;}
#br {position: absolute; bottom: 0; right: 0; width: 50%; height: 50%;}
#bl {position: absolute; bottom: 0; left: 0; width: 50%; height: 50%;}

.block div {display: none; position: absolute; width: 4px; height: 4px; background-color: transparent; border-width: 1px; border-style: solid; border-color: #AAAAAA;}
.ready .block div {display: block; width: 12px; height: 12px; background-color: #AAAAAA; border-width: 2px; border-color: #666666;}
.blink .block div {background-color: #DDDDDD !important; border-color: #AAAAAA !important;}

#tl .block div {bottom: -3px; right: -3px;}
#tr .block div {bottom: -3px; left: -3px;}
#br .block div {top: -3px; left: -3px;}
#bl .block div {top: -3px; right: -3px;}

.ready #tl .block div {bottom: -8px; right: -8px;}
.ready #tr .block div {bottom: -8px; left: -8px;}
.ready #br .block div {top: -8px; left: -8px;}
.ready #bl .block div {top: -8px; right: -8px;}

#tl .block #show {display: block;}

.reset #tl .block ._00 {bottom: 76px; right: 48px;}
.reset #tl .block ._01 {bottom: 76px; right: 34px;}
.reset #tl .block ._02 {bottom: 62px; right: 34px;}
.reset #tl .block ._03 {bottom: 62px; right: 20px;}
.reset #tl .block ._04 {bottom: 48px; right: 76px;}
.reset #tl .block ._05 {bottom: 48px; right: 34px;}
.reset #tl .block ._06 {bottom: 48px; right: 6px;}
.reset #tl .block ._07 {bottom: 34px; right: 76px;}
.reset #tl .block ._08 {bottom: 34px; right: 62px;}
.reset #tl .block ._09 {bottom: 34px; right: 48px;}
.reset #tl .block ._10 {bottom: 34px; right: 20px;}
.reset #tl .block ._11 {bottom: 34px; right: 6px;}
.reset #tl .block ._12 {bottom: 20px; right: 62px;}
.reset #tl .block ._13 {bottom: 20px; right: 34px;}
.reset #tl .block ._14 {bottom: 20px; right: 6px;}
.reset #tl .block ._15 {bottom: 6px; right: 48px;}
.reset #tl .block ._16 {bottom: 6px; right: 34px;}
.reset #tl .block ._17 {bottom: 6px; right: 20px;}

.reset #tr .block ._00 {bottom: 76px; left: 48px;}
.reset #tr .block ._01 {bottom: 76px; left: 34px;}
.reset #tr .block ._02 {bottom: 62px; left: 34px;}
.reset #tr .block ._03 {bottom: 62px; left: 20px;}
.reset #tr .block ._04 {bottom: 48px; left: 76px;}
.reset #tr .block ._05 {bottom: 48px; left: 34px;}
.reset #tr .block ._06 {bottom: 48px; left: 6px;}
.reset #tr .block ._07 {bottom: 34px; left: 76px;}
.reset #tr .block ._08 {bottom: 34px; left: 62px;}
.reset #tr .block ._09 {bottom: 34px; left: 48px;}
.reset #tr .block ._10 {bottom: 34px; left: 20px;}
.reset #tr .block ._11 {bottom: 34px; left: 6px;}
.reset #tr .block ._12 {bottom: 20px; left: 62px;}
.reset #tr .block ._13 {bottom: 20px; left: 34px;}
.reset #tr .block ._14 {bottom: 20px; left: 6px;}
.reset #tr .block ._15 {bottom: 6px; left: 48px;}
.reset #tr .block ._16 {bottom: 6px; left: 34px;}
.reset #tr .block ._17 {bottom: 6px; left: 20px;}

.reset #br .block ._00 {top: 76px; left: 48px;}
.reset #br .block ._01 {top: 76px; left: 34px;}
.reset #br .block ._02 {top: 62px; left: 34px;}
.reset #br .block ._03 {top: 62px; left: 20px;}
.reset #br .block ._04 {top: 48px; left: 76px;}
.reset #br .block ._05 {top: 48px; left: 34px;}
.reset #br .block ._06 {top: 48px; left: 6px;}
.reset #br .block ._07 {top: 34px; left: 76px;}
.reset #br .block ._08 {top: 34px; left: 62px;}
.reset #br .block ._09 {top: 34px; left: 48px;}
.reset #br .block ._10 {top: 34px; left: 20px;}
.reset #br .block ._11 {top: 34px; left: 6px;}
.reset #br .block ._12 {top: 20px; left: 62px;}
.reset #br .block ._13 {top: 20px; left: 34px;}
.reset #br .block ._14 {top: 20px; left: 6px;}
.reset #br .block ._15 {top: 6px; left: 48px;}
.reset #br .block ._16 {top: 6px; left: 34px;}
.reset #br .block ._17 {top: 6px; left: 20px;}

.reset #bl .block ._00 {top: 76px; right: 48px;}
.reset #bl .block ._01 {top: 76px; right: 34px;}
.reset #bl .block ._02 {top: 62px; right: 34px;}
.reset #bl .block ._03 {top: 62px; right: 20px;}
.reset #bl .block ._04 {top: 48px; right: 76px;}
.reset #bl .block ._05 {top: 48px; right: 34px;}
.reset #bl .block ._06 {top: 48px; right: 6px;}
.reset #bl .block ._07 {top: 34px; right: 76px;}
.reset #bl .block ._08 {top: 34px; right: 62px;}
.reset #bl .block ._09 {top: 34px; right: 48px;}
.reset #bl .block ._10 {top: 34px; right: 20px;}
.reset #bl .block ._11 {top: 34px; right: 6px;}
.reset #bl .block ._12 {top: 20px; right: 62px;}
.reset #bl .block ._13 {top: 20px; right: 34px;}
.reset #bl .block ._14 {top: 20px; right: 6px;}
.reset #bl .block ._15 {top: 6px; right: 48px;}
.reset #bl .block ._16 {top: 6px; right: 34px;}
.reset #bl .block ._17 {top: 6px; right: 20px;}