/* page styles */
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    background:#000;
	font: 14px "Arial", Arial, Tahoma, Times New Roman, Times;
}
.backdrop {
    overflow:hidden;
    margin:auto;
    background:#000;
    height:100%;
}
/*
@media only screen and (max-device-width: 480px) {
.navigation {
display: none;
}
}

@viewport {
  width: 775px auto;
  orientation: landscape;
}
*/

.tabl {text-align: center; vertical-align: top; width: 100%; height: 630px;}
.tablsm {text-align: center; vertical-align: top; width: 100%; height: 70px;}
.side {width: 49%;}
.cent {text-align: center; vertical-align: top; min-width: 775px;} 

/* Links */
a:link {color: #DECB3C; text-decoration: underline;}
a:active {color: #DECB3C; text-decoration: none;}
a:visited {color: #DECB3C; text-decoration: underline;}
a:hover {color: #B943E0;}

/* Fonts */
.fonty{
    color: #DECB3C; 
    }
.fontw{
    color: #FFF; 
    }
.fontr{
    color: #F00;
    }
    
.box {
    width: 700px;
    height: 400px;
    margin: 0 auto;  
    float: center;
    color: #fff;
    text-align: center;
    position: relative;
    top: 60px;
}

.enter {
    width: 72px;
    height: 68px;
    margin: 0 auto;  
    float: center;
     }

.img_enter {
    width: 72px;
    height: 68px;
    margin: 0 auto;  
    float: center;
    background: url(../images/enterhere.jpg) no-repeat;
     }

.img_enter:hover {
    background: url(../images/enterhere_r.jpg) no-repeat;
     }

/* top menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:10px 5px auto;
    padding:0;
}
#nav li {
    margin:auto;
    float:left;
    position:relative;
    list-style:none;
    padding:0 5 0 0;   
}
#nav a {
    font-weight:bold;
    font-size:11;
    color:#000;
    text-decoration:none;
    display:block;
    width:55px;
    height:60px;
    text-align: center;
    display: table-cell;
    vertical-align: middle; 
    padding:0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border-style:solid;
    border-color:#fff;
}
#nav li#m5, #nav li#m6, #nav li#m7, #nav li#m8 {
    direction:rtl;
}

#nav li#mtxt a {
    background-color: #000;
    color: #fff;
}
#nav li#mg a {
    background-color: #666;
}
#nav li#m0 a {
    background-color: #fff;
}
#nav li#m1 a {
    background-color: #f00;
}
#nav li#m2 a {
    background-color: #fa0;
}
#nav li#m3 a {
    background-color: #f0ef00;
}
#nav li#m4 a {
    background-color: #0fd000;
}
#nav li#m5 a {
    background-color: #0fbfff;
}
#nav li#m6 a {
    background-color: #7652F7;
}
#nav li#m7 a {
    background-color: #B943E0;
}
#nav li#m8 a {
    background-color: #FA91DE;
}


#nav li a:active {
-webkit-animation-name:clickme;
-webkit-animation-duration:.5s;
animation-name:clickme;
animation-duration:.5s;
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
}
@-webkit-keyframes clickme{
to{border-color:#000;} 
}
@keyframes clickme{
to{border-color:#000;} 
}


/* Level 2 - across */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:600px;
    position:absolute;
    -moz-transition:opacity .5s linear, visibility .1s linear .01s;
    -webkit-transition:opacity .5s linear, visibility .1s linear .01s;
    -o-transition:opacity .5s linear, visibility .1s linear .01s;
    transition:opacity .5s linear, visibility .1s linear .01s;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
}
#nav li#m1 li, #nav li#m2 li, 
#nav li#m3 li, #nav li#m4 li{
    float:left;
    margin:0;
    padding:5 5 0 0;
}
#nav li#m5 li, #nav li#m6 li, 
#nav li#m7 li, #nav li#m8 li{
    float:right;
    margin:0;
    padding:5 0 0 5;
}
#nav li#m1 li a, #nav li#m2 li a, #nav li#m3 li a,
#nav li#m4 li a, #nav li#m5 li a, #nav li#m6 li a,
#nav li#m7 li a, #nav li#m8 li a{
    background-color: #000;
    color:#fff;
    font-weight:normal;
}
#nav li#m1 li a {
    border-color: #f00;
}
#nav li#m2 li a {
    border-color: #fa0;
}
#nav li#m2 li {
    left: -70px;
}
#nav li#m3 li a {
    border-color: #f0ef00;
}
#nav li#m3 li {
    left: -140px;
}
#nav li#m4 li a {
    border-color: #0fd000;
}
#nav li#m4 li {
    left: -210px;
}
#nav li#m5 li a {
    border-color: #0fbfff;
}
#nav li#m5 li {
    right: -140px;
}
#nav li#m6 li a {
    border-color: #7652F7;
}
#nav li#m6 li {
    right: -70px;
}
#nav li#m7 li a {
    border-color: #B943E0;
}
#nav li#m8 li a {
    border-color: #FA91DE;
}

/* Links on Level 3 or 4 */
#nav li#m1 a#link, #nav li#m2 a#link,
#nav li#m3 a#link, #nav li#m4 a#link,
#nav li#m5 a#link, #nav li#m6 a#link,
#nav li#m7 a#link, #nav li#m8 a#link{
    border-color: #fff;
    background-color: #fff;
    color:#000;
}
#nav li#m1 a#dlink, #nav li#m2 a#dlink,
#nav li#m3 a#dlink, #nav li#m4 a#dlink,
#nav li#m5 a#dlink, #nav li#m6 a#dlink,
#nav li#m7 a#dlink, #nav li#m8 a#dlink{
    border-color: #fff;
    background-color: #fff;
    color:#000;
}
#nav li#m1 a#nlink, #nav li#m2 a#nlink,
#nav li#m3 a#nlink, #nav li#m4 a#nlink,
#nav li#m5 a#nlink, #nav li#m6 a#nlink,
#nav li#m7 a#nlink, #nav li#m8 a#nlink{
    border-color: #000;
    background-color: #000;
    color:#000;
}
#nav li#m1 a#info, #nav li#m2 a#info,
#nav li#m3 a#info, #nav li#m4 a#info,
#nav li#m5 a#info, #nav li#m6 a#info,
#nav li#m7 a#info, #nav li#m8 a#info{
    border-color: #fff;
    background-color: #000;
    color:#aaa;
}

#nav li#mtxt a#link:hover{
    border-color: #0fd000;
}
#nav li#m0 a#link:hover{
    border-color: #0fd000;
}
#nav li#m1 a#link:hover{
    border-color: #f00;
}
#nav li#m2 a#link:hover{
    border-color: #fa0;
}
#nav li#m3 a#link:hover{
    border-color: #f0ef00;
}
#nav li#m4 a#link:hover{
    border-color: #0fd000;
}
#nav li#m5 a#link:hover{
    border-color: #0fbfff;
}
#nav li#m6 a#link:hover{
    border-color: #7652F7;
}
#nav li#m7 a#link:hover{
    border-color: #B943E0;
}
#nav li#m8 a#link:hover{
    border-color: #FA91DE;
}

/* Level 3 - down */
#nav li#m1 li li, #nav li#m2 li li,
#nav li#m3 li li, #nav li#m4 li li {
    float:none;
    left: 0px;
    margin:0;
    padding:5 0 0 0;   
}
#nav li#m5 li li, #nav li#m6 li li, 
#nav li#m7 li li, #nav li#m8 li li {
    float:none;
    right:0px; 
    margin:0;
    padding:5 0 0 0;
}
#nav li#m1 li li a, #nav li#m2 li li a, #nav li#m3 li li a,
#nav li#m4 li li a, #nav li#m5 li li a, #nav li#m6 li li a,
#nav li#m7 li li a, #nav li#m8 li li a{
    border-color: #fff;
    background-color: #000;
    color:#fff;
}

/* Level 4 - across */
#nav li#m1 li li li, #nav li#m2 li li li,
#nav li#m3 li li li, #nav li#m4 li li li{
    float:left;
    left: 70px;
    top: -65px;
    margin:0;
    padding:0 5 0 0;
}
#nav li#m5 li li li, #nav li#m6 li li li, 
#nav li#m7 li li li, #nav li#m8 li li li{
    float:right;
    right: 70px;
    top: -65px;
    margin:0;
    padding:0 0 0 5;
}
#nav li#m1 li li li a, #nav li#m2 li li li a, #nav li#m3 li li li a,
#nav li#m4 li li li a, #nav li#m5 li li li a, #nav li#m6 li li li a,
#nav li#m7 li li li a, #nav li#m8 li li li a{
    border-color: #fff;
    background-color: #fff;
    color:#000;
}