body { margin: 0px; font-family: verdana; min-width: 1100px; }
.fl { float: left; }
.fr { float: right; }
.c { clear: both; }
.sp { clear: both; height: 20px; }
hr { border: 0px; height: 1px; background-color: #CCCCCC; }
.e { color: #CC3333; }
.s { font-size: 8pt; }



.mouse-bg {
margin-top: 200px;
position: fixed;
z-index: -5;
width: 150%;
height: 100%;
}



#background { background-image: url(/d/images/about-timeline.gif); background-repeat: no-repeat; background-position: center center; }


h1 { font-size: 18pt; color: #666666; font-weight: normal; margin: 0px; margin-bottom: 5px; }
h2 { font-size: 16pt; color: #88b7e6; font-weight: normal; text-transform: uppercase; margin: 0px; }

h3 { font-size: 12pt; color: #3366ff; font-weight: normal; margin: 0px; margin-bottom: 10px; }
h4 { font-size: 12pt; color: #333333; font-weight: normal; text-transform: uppercase; border-bottom: 5px solid #333333; padding-bottom: 10px; }


.form-submit { border: 0px; padding: 10px 20px 10px 20px; font-size: 8pt; text-transform: uppercase;  font-family: tahoma;  color: #FFFFFF; background-color: #cc0000; cursor: pointer; }
.form-submit:hover { color: #FFFFFF; background-color: #22c502; }

.frml { padding: 2px; font-weight: bold; margin-top: 10px; }
.frmr { padding: 2px; }
.frm { width: 90%; padding: 5px; font-family: verdana; }
.menu {  }

.menu a:link { font-size: 10pt; text-transform: uppercase; color: #666666; text-decoration: none; }
.menu a:link:hover { color: #73abe3; }
#logo { margin-left: 40px; -webkit-filter: brightness(92%);
-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; 
  z-index: 10; } 
#logo:hover { -webkit-filter: brightness(100%);   -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
.menu-options  { color: #cad5e0; font-size: 8pt; line-height: 14pt; }

.menu ul {
  text-align: left;
  display: inline;
   list-style: none;
  
}
.menu ul li {
font-size: 10pt;
 color: #EEEEEE;
  display: inline-block;
  margin-right: 30px;
  position: relative;
  padding: 12px 0px 20px 0px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
}
.menu ul li:hover {
  color: #73abe3;
  
}
.menu ul li ul h1 { font-size: 14pt; color: #88b7e6; font-weight: normal; text-transform: uppercase; }


.row:hover{ background-color: #f0f4fd; }


.menu ul li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  display: none;
  opacity: 0;
  
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
  background: #EEEEEE; 
  padding: 20px;
  display: block; 
  width: 1000px;
  color: #fff;
  border: 1px solid #CCCCCC;
  border-top: 0px;

     box-shadow: 5px 5px 10px #666666;


   
}

.menu ul li ul:hover {
}

.menu ul li ul li { 

}
.menu ul li ul li:hover { background: #0857a0; }
.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}





.left-menu ul {
  text-align: left;
  display: inline;
  list-style: none;
  display: none;
}

.left-menu ul li {
font-size: 10pt;
 color: #EEEEEE;
  display: inline-block;
  margin-right: 50px;
  position: relative;
  padding: 12px 0px 20px 0px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
  margin-bottom: 10px;

}

.container { width: 1000px; margin: auto; margin-top: 100px; }





.button a { margin-right: 10px; text-decoration: none; background-color: #666666; padding: 5px 10px 5px 10px; font-size: 8pt; color: #FFFFFF; }


.row { text-decoration: none; color: #666666; padding: 10px; border-top: 1px solid #CCCCCC; font-size: 8pt; }
.row:hover { background-color: #EEEEEE; }