@import url('//fonts.googleapis.com/css?family=Open+Sans');

html,body {
font-family: 'Open Sans', sans-serif;
position:relative;
height:100%;
max-height:100%;
width:100%;
margin:0;
padding:0;
overflow:hidden;
}

body {
background-image:url("/img/Wood_MainBG.gif");
background-attachment:fixed;
background-repeat:repeat;
}

#topbar {
background:none repeat scroll 0 0 rgba(14,164,201,0.8);
border-bottom:1px solid #1c1c1c;
padding:0;
top:0;
}

/* Menu Buttons */
.menu-btn {
font-family:inherit;
width:8em;
padding: 0.25em .5em .25em .5em;
font-size:1em;
font-weight: 600; 
background:#000;
color:#e3e3e3;
text-align:center;
cursor:pointer;
border:0;
z-index:9999;
}

.menu-btn:hover,.menu-btn i:hover {
color:#0EA4C9;
}

.menu-btn i {
color:#e3e3e3;
}

.float-left {
float:left;
}

nav {
background-color:rgba(50,50,50,0.50);
}

iframe {
position:static;
height:100%;
width:800px;
background-color:#fff;
border:none;
margin:auto;
display:block;
z-index:2;
overflow-x:hidden;
text-align:left;
-webkit-filter:drop-shadow(0px 0px 3px rgba(0,0,0,.7) );
filter:drop-shadow(0px 0px 3px rgba(0,0,0,.7) );
}

.content {
position:absolute;
width:100%;
height:auto;
/* compensate for rough wood edge */
top:106px;
bottom:0;
margin-bottom:1.2em;
overflow:hidden;
z-index:1;
}

#header {
position:absolute;
top:0;
height:110px;
color:#fff;
background-image:url("/img/Wood_TopBG.gif");
background-attachment:fixed;
background-repeat:repeat-x;
background-color:rgba(50,50,50,0.0);
border-bottom:0 solid rgba(50,50,50,0.40);
width:100%;
z-index:99;
-webkit-filter:drop-shadow(0px 2px 3px rgba(0,0,0,.8) );
filter:drop-shadow(0px 2px 3px rgba(0,0,0,.8) );
}

#footer {
position:absolute;
bottom:0;
height:15px;
background-color:#0EA4C9;
border-top:1px solid rgba(0,0,0,.5);
width:100%;
z-index:99;
-webkit-filter:drop-shadow(0px -1px 2px rgba(0,0,0,.4) );
filter:drop-shadow(0px -1px 2px rgba(0,0,0,.4) );
}

.icon {
color:white;
}

.payoff {
color:rgba(255,255,255,.8);

text-align:center;
padding:.4em 0 0;
}

.payoff i {
color:rgba(0,0,0,.5);
cursor:pointer;
}

.payoff i:hover {
color:rgba(255,255,255,.5);
}

.apply-dropshadow {
-webkit-filter:drop-shadow(0px 1px 2px rgba(0,0,0,.6) );
filter:drop-shadow(0px 1px 2px rgba(0,0,0,.6) );
}

.apply-glow-black {
-webkit-filter:drop-shadow(0px 0px 3px rgba(0,0,0,1) );
filter:drop-shadow(0px 0px 3px rgba(0,0,0,1) );
}

.vip {
position:absolute;
width:100px;
height:auto;
margin-top:.5em;
left:55%;
margin-left:15%;
opacity:0.9;
z-index:-1;
}

.bgitem_left2 {
position:absolute;
width:250px;
height:auto;
margin-top:10%;
margin-left:2%;
z-index:-1;
}

.bgitem_left2:active {
z-index:10000;
}

.bgitem_left {
position:absolute;
width:250px;
height:auto;
margin-top:10%;
margin-left:2%;
z-index:-1;
}

.bgitem_left:active {
z-index:10000;
}

.logo {
position:absolute;
width:240px;
height:auto;
margin-top:-1.5em;
padding-bottom:.1em;
left:26%;
margin-left:-5%;
z-index:10;
}

.text-center {
font-size:.6em;
color:rgba(255,255,255,.6);
text-align:center!important;
padding:0;
}

.text-right {
text-align:right!important;
}

.item {
overflow:hidden;
width:100%;
}

.prev-arrow,.next-arrow {
background:none repeat scroll 0 0 #3c3c3c;
cursor:pointer;
float:left;
height:30px;
line-height:30px;
margin-right:1px;
text-align:center;
width:30px;
}

/* Subtabs & Tabs jQuery Override
-------------------------------------------------------------- */
#subtabs {
border:none;
background:none;
}

#subtabs .ui-widget-header {
border:none;
background:none;
}

#subtabs .ui-widget-content {
border:1px solid #ccc;
background:#fff;
}

#subtabs .ui-state-default,#subtabs .ui-widget-content .ui-state-default {
background:#f9f9f9 none;
border:1px solid #ccc;
}

#subtabs .ui-state-active,#subtabs .ui-widget-content .ui-state-active {
background:#fff none;
border:1px solid #ccc;
}

#subtabs .ui-state-hover {
background:#fdf9e1 none;
border:1px solid #ccc;
}

#subtabs .ui-state-active,#subtabs .ui-widget-content .ui-state-hover {
background:#fff none;
border:1px solid #ccc;
}

/* Slider
------------------------------------------------------------ */
.scroll-img {
align-content:center;
border:none;
width:800px;
height:95px;
overflow:hidden;
font-size:0;
}

.scroll-img ul {
width:1775px;
height:95px;
margin:0;
z-index:0;
}

.scroll-img ul li {
display:inline-block;
margin:10px 15px 0 0;
}

#slide {
width:800px;
position:absolute;
top:0;
left:0;
z-index:100;
}

#slide-queue {
width:800px;
}

#slide p,#slide-queue p {
width:175px;
height:75px;
background-color:lightgray;
text-align:center;
display:table-cell;
vertical-align:middle;
}

#slidecontainer {
width:800px;
padding:0;
margin:0 auto;
position:relative;
z-index:2000;
height:95px;
overflow:hidden;
}

/*
	Next/prev buttons
*/
#slidecontainer .next,#slidecontainer .prev {
position:absolute;
border:none;
top:26px;
left:-1px;
width:24px;
height:43px;
display:block;
z-index:1000;
}

#slidecontainer .next {
left:777px;
}

@media screen and (max-width: 1280px){
#container {
top:110px;
}

#header {
height:110px;
}

.logo {
width:240px;
height:auto;
margin-top:-1.5em;
left:20%;
margin-left:-10%;
}

.payoff {
margin-top:0;
visibility:visible;
}
	
.bgitem_left {
position:absolute;
width:180px;
height:auto;
margin-top:10%;
margin-left:2%;
z-index:-1;
}

.bgitem_left:active {
z-index:10000;
}
}

@media screen and (max-width: 768px){
body {
background-image:none;
}

#container {
top:110px;
}

#header {
height:110px;
}

.top-nav li a {
background:#4c4c4c;
}

.payoff {
margin-top:-100%;
visibility:hidden;
}

.vip {
/* hide vip */
margin-top:-100%;
visibility:hidden;
}

.bgitem_left {
/* hide keen */
margin-top:-100%;
visibility:hidden;
}
	
.logo {
margin-left:-15%;
margin-top:-1.5em;
width:200px;
height:auto;
}

.menu-btn {
width:100%;
margin-top: 0;
padding: 0 .5em .3em .1em;
}

.right {
float:none;
}

.icons.right {
float:right;
}

.content {
overflow-x:scroll;
}

iframe {
overflow-x:scroll;
}
}

@media screen and (max-width: 480px){
body {
background-image:none;
}

#container {
top:110px;
}

#header {
height:110px;
}

#topbar {
text-align:center;
}

.vip {
/* hide vip */
margin-top:-100%;
visibility:hidden;
}

.logo {
margin-left:0;
margin-top:-1em;
width:200px;
height:auto;
}

.payoff {
/* hide payoff text */
margin-top:-100%;
visibility:hidden;
}

.bgitem_left {
/* hide item-left */
margin-top:-100%;
visibility:hidden;
}

.icons.right {
float:none;
}

p.logo,p.nav-text {
text-align:center;
}

.content {
overflow-x:scroll;
}
	
iframe {
overflow-x:scroll;
}
}