article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ display:block}
body{background-color:#000;margin:0;padding:0;}
#LAYER_ALL{position:absolute;width:100%;height:100%;top:0;overflow:hidden}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;/*   user-select is disabled so images dont get selected during drag.*/-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
 

#item-plot-area{width:100%;height:100%;top:50%;left:50%;margin-top:-215px;margin-left:-215px;  z-index: 15; position:absolute}
.wheel-color-container{position:absolute;width:430px;height:430px;top:50%;left:50%;margin-top:-215px;margin-left:-215px;border-radius:215px;-webkit-border-radius:215px;-moz-border-radius:215px;-o-border-radius:215px;/*opacity:0;*/opacity:1;background-position:113% 49%;border:30px dotted transparent}
#wheel-menu-container {

    left: 50%;
    margin-left: -324px;
    margin-top: -330px;
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 645px;
	 z-index: 50;
}
.abouts ul {
    margin: 0 auto;
    width: 558px;
}
.abouts {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin: 0 auto;
    padding-bottom: 25px;
    padding-top: 10px;
    width: 880px;
}
.bgabout {
    height: 100%;
    min-height: 100%;
    position: fixed;
    width: 100%;
}
.bgabout .over {
    background: url("../overlay-pattern.png") repeat scroll center top rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;

    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.abouts li {
    float: left;
    list-style: none outside none;
    padding: 0 10px;
}
.abouts a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
	text-decoration: none;
	 font: bold 13px/1.3 "Open Sans",sans-serif;
}
.abouts a:hover {
    color: #868ecc;
    text-decoration: underline;
}
.block10{ 
width: 381px;
background: rgba(0,0,0,0.8);
padding: 5px;
color: #E6E4E4;
position: absolute;
font-size: 12px;
top: 192px !important;
left: 132px !important;

}
#footer ul {
    margin: 0 auto;
    position: relative;
    width: 540px;
}
#footer li {
    float: left;
    list-style: none outside none;
    padding: 6px 10px 0;
}
#footer a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
	cursor: pointer;
    text-decoration: none;
}
#footer a:hover {
    color: #868ecc;
    text-decoration: underline;
}
.block10{ 
position: relative;
background: rgba(0,0,0,0.8);
padding: 5px;
padding-right: 20px; 
border: solid 1px black; 
float: left;
}
div#tipDiv {
    font-size:12px;
    color:#fff; background: rgba(0,0,0,0.8);  
padding: 5px 10px;
}

#wheel-container-inner{
position:absolute;background:transparent url("gray.png") no-repeat center center;    width: 645px; height: 643px;top:50%;left:50%;  margin-left: -324px;
    margin-top: -330px;border-radius:215px;-webkit-border-radius:215px;-moz-border-radius:215px;-o-border-radius:215px;opacity:0.40;overflow:visible}

.wheel-color-container{
  background-position: 100% 0;
    background-repeat: no-repeat;
    height: 662px;
    left: 50%;
    margin-left: -324px;
    margin-top: -330px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 648px;}
canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 5;
}

.zoom-cursor{ cursor:pointer !important; cursor:-moz-zoom-in !important; cursor:-webkit-zoom-in !important}

.circle{ background:transparent url("preloader.png") no-repeat; height:150px; left:50%; margin:-80px 0 0 -80px; opacity:0.9; position:absolute; top:50%; width:150px; -moz-animation:spin 2s infinite linear; -webkit-animation:spin 2s infinite linear}
.circle1{ background:transparent url("preloader-bg.png") no-repeat; height:150px; left:50%; margin:-80px 0 0 -80px; opacity:0.9; position:absolute; top:50%; width:150px; -moz-animation:spinoff 2s infinite linear; -webkit-animation:spinoff 2s infinite linear}@-moz-keyframes spin{ 0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(360deg)}}@-moz-keyframes spinoff{ 0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spin{ 0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spinoff{ 0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(-360deg)}}
#page-preloader{ position:fixed; left:0; top:0; right:0; bottom:0; background:#000; z-index:100500}
#screenshot{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff}

img{border:none}img.grey{position:absolute;z-index:10}img.color{ position:absolute}

#footer{   background: none repeat scroll 0 0 rgba(0,0,0,0.3);
    border-top: 1px solid #333;
    bottom: 0;
    height: 35px;
    position: absolute;
    width: 100%;
    z-index: 200;}.dg.main .close-button {background-color: #000;border: 0 none;cursor: pointer;display: none;}
.reds {opacity: 0.3;}
#container {}