<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
h1 {font: bold 32px Verdana, Geneva, sans-serif; color: #121212;}
h2 {font: bold 24px Verdana, Geneva, sans-serif; color: #121212;}
h3 {font: bold 18px Verdana, Geneva, sans-serif; color: #898989;}
h4 {font: bold 16px Verdana, Geneva, sans-serif; color: #898989;}
h5 {font: 13px Verdana, Geneva, sans-serif; color: #121212;}
h6 {font: 11px Verdana, Geneva, sans-serif; color: #898989;}
p {font: 16px Verdana, Geneva, sans-serif; padding:.5em ; color: #121212;}
a:link {font: bold 13px Verdana, Geneva, sans-serif; color: inherit; text-decoration:none;}
a:visited {font: bold 13px Verdana, Geneva, sans-serif; color: inherit; text-decoration:none;}
a:hover {font: bold 13px Verdana, Geneva, sans-serif; color: #898989; text-decoration:none;}
a:active {font: bold 13px Verdana, Geneva, sans-serif; color: #898989; text-decoration:none;}
body {background-image: url('images/bg-color1.gif');
background-attachment:fixed;
background-position:top;
background-repeat:repeat;
background-color:#121212;
top:auto;
padding:0em;
margin:0em;}
#container
{width:900px;
margin:auto;
align:center;
padding:0em;
position:top;
top:auto;
height:2000px;
border:0px;
background-color:#FFFFFF;}
#headline
{width:900px;
margin:auto;
align:left;
padding:0em;
position:top;
top:auto;
height:1500px;
border:0px;
background-color:#FFFFFF;}
#slider
{width:900px;
height:420px;
margin:inherit;
align:left;
padding:0em;
position:top;
top:auto;
border:0px;
background-color:#FFFFFF;}
#menubar
{float:none;
margin:0 auto;
padding:0em;
top:auto;}
#menubar
{height:40px;
width:900px;
text-align:center;
vertical-align:middle;
border-top:solid maroon 1px;
border-bottom:solid maroon 1px;
background-color:#FFFFFF;
background-repeat:no-repeat;}
#menubar
{margin:0px;
padding:0px;
font-family:arial, helvetica, sans-serif;
color:none;
line-height:0px;
white-space:nowrap;
height:auto;}
#menubar li
{list-style-type:none;
display:inline;}
#menubar li a
{text-decoration:none;
padding:5px;
color:#FF0000;
font-weight:bold;}
.menubar li a {color:00ad63;}
#menubar li a:link
{color:#898989;
font-weight:bold;}
#menubar li a:visited
{color:#898989;
font-weight:bold;}
#menubar li a:hover
{font-weight:bold;
color:#FF0000;
background-color:none;}
#logo
{margin: 0 auto;
vertical-align:top;
padding-right: 2em;
float:right;
width: 200px;
height: 800px;
top:auto;
text-align:center;
border: 0px;}
#footer
{width: 900px;
height: 30px;
margin: 0 auto;
padding-top:0em;
vertical-align:middle;
padding: 0em;
text-align:bottom;}
html, body { background: #333 url("images/bg-color1.gif"); }
.slides {
padding: 0;
width: 609px;
height: 420px;
display: block;
margin: 0 auto;
position:absolute;
}
.slides * {
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.slides input { display:none; }
.slide-container { display: block; }
.slide {
top: 0;
opacity: 0;
width: 640px;
height: 350px;
display: block;
position: absolute;
text-indent:15px;
transform: scale(0);
transition: all .7s ease-in-out;
}
.slide img {
width: 100%;
height: 100%;
}
.nav label {
width: 200px;
height: 100%;
display: none;
position: absolute;
opacity: 0;
z-index: 9;
cursor: pointer;
transition: opacity .2s;
color: #FFF;
font-size: 156pt;
text-align: left;
line-height: 380px;
font-family: verdana, sans-serif;
background-color: rgba(255, 255, 255, .3);
text-shadow: 0px 0px 15px rgb(119, 119, 119);
}
.slide:hover + .nav label { opacity: 0.5; }
.nav label:hover { opacity: 1; }
.nav .next { right: 0; }
input:checked + .slide-container .slide
{ opacity: 1;
transform: scale(1);
transition: opacity 1s ease-in-out;}
input:checked + .slide-container .nav label { display: block; }
.nav-dots {
width: 100%;
bottom: 9px;
height: 11px;
display: block;
position: absolute;
text-align: center;}
.nav-dots .nav-dot
{top: -5px;
width: 11px;
height: 11px;
margin: 0 4px;
position: relative;
border-radius: 100%;
display: inline-block;
background-color: rgba(0, 0, 0, 0.6);}
.nav-dots .nav-dot:hover
{cursor: pointer;
background-color: rgba(0, 0, 0, 0.8);}
input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6
{ background: rgba(0, 0, 0, 0.8);}