@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article,nav,section,figure,header,footer{
display:block;
}
a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #0CF;
}
/*base styles*/
body{
	background-color:#fff;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif
}
h1{ 
font-size:32px;
}
h2{
	font-size:30px;
}
h3{
	font-size:24px;
	padding-top:3px;
}
p{
	font-size:16px;
	margin-bottom:4px;
}
#main-wrapper{
	width:690px;
	margin-left:auto;
	margin-right:auto;
	background-color:#006600;
}
#banner{
	float:none;
	clear:both;
	padding-top:80px;
	margin-left:140px;
	background-image:url(../images/banner_only_2016_r2.gif);
	background-repeat:no-repeat;
}
#main-nav{
	width:140px;
	float:left;
}
#text-show{
	width:550px;
	float:left;
	background-image:url(../images/inner_area_r2.gif);
	background-repeat:no-repeat;
	height:340px;

}
.over-text{
	margin-top: 15px;
	margin-left:25px;
	margin-right:140px;
}
.tab-over-text{
	margin-left:100px;

}
.tab-over-video{
	margin-left:90px;

}
footer{
	float:none;
	clear:both;
	text-align:center;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
}


/* Navigation Buttons*/
.static-image{
	width:50px;
	padding-bottom:50px;
	margin-left:10px;
	background-image:url(../images/buttons_spin_static.gif);
	background-repeat:no-repeat;
	float:left;
	
}
.static-text{
margin-bottom:50px;
color:#fff;
	
}
.navlist-buttons{
	list-style:none;
}


.navbuttons{
	width:50px;
	padding-bottom:50px;
	margin-left:10px;
	background-image:url(../images/buttons_spin1.gif);
	background-repeat:no-repeat;
	float:left;
	/*transition events*/
	transition:width 2s ease-in, height 2s ease-out;/*EI 10*/
-moz-transition:width 2s ease-in, height 2s ease, -moz-transform 2s ease-out; /* Firefox 4 */
-webkit-transition:width 2s ease-in, height 2s ease, -webkit-transform 2s ease-out; /* Safari and Chrome */
-o-transition:width 2s ease-in, height 2s ease, -o-transform 2s ease-out; /* Opera */
}

.navbuttons:hover{
	/* hover change events*/
background-image:url(../images/buttons_spin2.gif);
transform:rotate(180deg);/*EI 10*/
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}

/* Charlie Button Link*/ 
.charlie-text{
	color:#000;
	font-weight:bold;
}
.tab-over-button{
	/*float:right;*/
	z-index:200;
	top:-180px;
	left: 290px;
	position:relative;
	float:left;
}
.charlie-button{
	width:100px;
	padding-bottom:100px;
	background-image:url(../images/charlie_button.gif);
	background-repeat:no-repeat;
	/*transition events*/
	transition:width 2s ease-in, height 2s ease-out;/*EI 10*/
-moz-transition:width 2s ease-in, height 2s ease, -moz-transform 2s ease-out; /* Firefox 4 */
-webkit-transition:width 2s ease-in, height 2s ease, -webkit-transform 2s ease-out; /* Safari and Chrome */
-o-transition:width 2s ease-in, height 2s ease, -o-transform 2s ease-out; /* Opera */
}

.charlie-button:hover{
	/* hover change events*/
background-image:url(../images/charlie_button_hover.gif);
transform:rotate(180deg);/*EI 10*/
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}