.nav li,.nav li a{display:inline-block}.menu,h1,h2,h3{text-align:center}.cardArea,.main,.menu,.nav li{position:relative}.closebtn,.index,.textBox{font-weight:700}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,article,body,div,figure,h1,h2,h3,h4,h5,h6,html,li,ol,p,section,ul{margin:0;padding:0}.menu{background:#1E90FF;background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet);padding:15px 0;z-index:100;font-size:0}.nav span,.nav span.one{font-size:16px;font-style:normal}.nav li{margin-left:-30px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}li:first-child{margin-left:0}.ad-top,.main{margin:0 auto}.nav li a{width:116px;height:116px;padding:10px;border-radius:50%;border-width:8px;border-style:solid;text-decoration:none}.nav span,.nav span.one,.nav span:before{display:block}.nav li:hover{z-index:11;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.nav li:hover span{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear;-webkit-animation:moveFromBottom .3s ease;-moz-animation:moveFromBottom .3s ease;-o-animation:moveFromBottom .3s ease;-ms-animation:moveFromBottom .3s ease;animation:moveFromBottom .3s ease}.nav li:nth-child(1) a{color:#333;text-shadow:0 1px 0 #9de3cf;border-color:#549e89;background-color:#51c9a7}.nav li:nth-child(2) a{color:#333;text-shadow:0 1px 0 #de8ba5;border-color:#e499b0;background-color:#e67b9c}.nav li:nth-child(3) a{color:#333;text-shadow:0 1px 0 #adddec;border-color:#a2cfde;background-color:#7ec9e3}.nav li:nth-child(4) a{color:#333;text-shadow:0 1px 0 #f5e0ad;border-color:#dcc999;background-color:#f0cd78}.nav li:nth-child(5) a{color:#333;text-shadow:0 1px 0 #e8acd8;border-color:#d8abcd;background-color:#dd91cb}.nav li:nth-child(6) a{color:#333;text-shadow:0 1px 0 #adddec;border-color:#a2cfde;background-color:#7ec9e3}.nav li:nth-child(7) a{color:#333;text-shadow:0 1px 0 #9de3cf;border-color:#549e89;background-color:#51c9a7}.nav li:nth-child(1):hover a{color:#000;text-shadow:0 1px 0 #81e6c9;border-color:#0a8462;background-color:#00c18c}.nav li:nth-child(2):hover a{color:#000;text-shadow:0 1px 0 #ff95b7;border-color:#ba335c;background-color:#ea5180}.nav li:nth-child(3):hover a{color:#000;text-shadow:0 1px 0 #9cdef2;border-color:#4397b3;background-color:#55c1e5}.nav li:nth-child(4):hover a{color:#000;text-shadow:0 1px 0 #ffe199;border-color:#b08f3e;background-color:#f8c64d}.nav li:nth-child(5):hover a{color:#000;text-shadow:0 1px 0 #ec97d6;border-color:#b7569f;background-color:#dd70c3}.nav li:nth-child(6):hover a{color:#000;text-shadow:0 1px 0 #9cdef2;border-color:#4397b3;background-color:#55c1e5}.nav li:nth-child(7):hover a{color:#000;text-shadow:0 1px 0 #81e6c9;border-color:#0a8462;background-color:#00c18c}.nav span{font-family:Georgia;line-height:70px}.nav span.one{line-height:25px}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(120%) scale(.5);opacity:0}to{-webkit-transform:translateY(0) scale(1);opacity:1}}@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(120%) scale(.5);opacity:0}to{-moz-transform:translateY(0) scale(1);opacity:1}}@-ms-keyframes moveFromBottom{from{-ms-transform:translateY(120%) scale(.5);opacity:0}to{-ms-transform:translateY(0) scale(1);opacity:1}}@-o-keyframes moveFromBottom{from{-o-transform:translateY(120%) scale(.5);opacity:0}to{-o-transform:translateY(0) scale(1);opacity:1}}@keyframes moveFromBottom{from{transform:translateY(120%) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}header{background:url(../_images/headerbg.jpg) #333;padding:10px 0}.ad-top{width:98%;max-width:1200px;background:0 0}.playingField,h3{background-color:#008c23}.main{clear:both;font-family:Arial,Helvetica,sans-serif;cursor:default;overflow:hidden;width:100%;max-width:1020px}article{width:66.65%;float:left;font-size:1.125em;line-height:150%;padding:2%}h1{color:#09151B;font-size:1.25em;border-bottom:1px solid #CFD8E2;padding:2px 0 8px;margin-bottom:4px}h2{font-size:1.125em}h3{border:2px solid;border-color:#60c060 #006000 #006000 #60c060;color:#000;margin-bottom:10px;padding:4px 1em}.playingField,.textBox{color:#000;margin-bottom:8px}.playingField{border:1px solid;border-color:#208020 #60c060 #60c060 #208020;padding:4px;text-align:left}.activeField{background-color:#00b32d;border-color:#006000 #90f090 #90f090 #006000}.cardArea{font-size:20pt;height:6em}.ace,.card,.face,.front,.index{position:absolute}.textBox{background-color:#EEE;border:1px solid;border-color:#006000 #90f090 #90f090 #006000;clear:right;float:right;font-size:15px;padding:2px;text-align:center;width:190px}.name{background-color:#208020;border-color:#60c060 #006000 #006000 #60c060;color:#FFF;font-size:18px}.result{color:red}.dollars{color:#006000}.lost{color:#aaa}#controlsArea{margin-top:.5em;text-align:left}#rulesBox{background-color:#eee;border:2px solid #9b9b8c;display:none;margin:10px auto;padding:10px;text-align:left;width:100%}.alert,.index,p.copyright{text-align:center}input.button{margin-top:5px;font-size:16px;width:120px}.card{background-image:url(graphics/cardback.gif);border:1px solid;border-color:grey #000 #000 grey;font-size:20pt;width:3.75em;height:5em}.front{background-color:#fff;color:#000;width:100%;height:100%}.red{color:red}.index{font-size:50%;left:.25em;top:.25em}.ace{font-size:300%;left:.325em;top:.25em}.face{border:1px solid #000;left:.5em;top:.45em;width:2.6em;height:4em}.spotA1,.spotA2,.spotA3,.spotA4,.spotA5{position:absolute;left:.6em}.spotA1{top:.5em}.spotA2{top:1.5em}.spotA3{top:2em}.spotA4{top:2.5em}.spotA5{top:3.5em}.spotB1,.spotB2,.spotB3,.spotB4,.spotB5{position:absolute;left:1.55em}.spotB1{top:.5em}.spotB2{top:1em}.spotB3{top:2em}.spotB4{top:3em}.spotB5{top:3.5em}.spotC1,.spotC2,.spotC3,.spotC4,.spotC5{position:absolute;left:2.5em}.spotC1{top:.5em}.spotC2{top:1.5em}.spotC3{top:2em}.spotC4{top:2.5em}.spotC5{top:3.5em}#topBtn,.alert{position:fixed}.ad{width:98%;margin:10px auto;background:0 0}aside{width:33.35%;float:left;font-size:1.0625em;line-height:140%}.menu-block{max-width:98%;margin:0 auto;border-radius:10px;border:2px solid #D4CCAA;padding:1% 2%}.menu-block ul li{list-style:none}.menu-block ul li a{text-align:center;font-size:1.125em;text-decoration:none;display:block;padding:5px 0;border-top:1px solid #999}.menu-block a:hover{color:#00F;text-decoration:underline}.block-ad{width:98%;margin:10px auto;background:0 0;height:180px;border:1px solid red}footer{background:#333;border-top:1px solid #000;bottom:0;width:100%;height:40px}.footer-inner{width:100%;max-width:1020px;margin:0 auto}.copyright{width:100%;padding:10px 0;clear:both}p.copyright{font-style:italic;font-size:1em;color:#0F0;letter-spacing:.1em}.alert{width:100%;bottom:0;padding:10px 0;background-color:#333;color:#fff}.closebtn{background:red;padding:2px 4px;color:#fff;font-size:16px;cursor:pointer;transition:.3s}.closebtn:hover{background:#fff;color:#000}#topBtn{display:none;bottom:42px;right:10px;height:40px;width:40px;z-index:99;border:none;outline:0;background:url(../_images/gototop.png) no-repeat;cursor:pointer;padding:20px}@media only screen and (max-width:959px){article,aside{width:100%;float:none;max-width:730px;margin:0 auto}}@media only screen and (max-width:767px){header{background:#333}article,aside{font-size:120%}h3{font-size:110%}}@media only screen and (max-width:639px){.menu{background:#333}.nav li{margin:0 auto;display:block}}