html {
	/*-moz-animation: fadeIn 2s ease 3s forwards;
   -webkit-animation: fadeIn 2s ease 3s forwards;
   -o-animation: fadeIn 2s ease 3s forwards;
   -ms-animation: fadeIn 2s ease 3s forwards;
    animation: fadeIn 2s ease 3s forwards;*/
}

/*body {font-family: Arial, Helvetica, sans-serif }*/
input[type=text],[type=password],[name=EMAIL]{border:1px solid #006699; border-radius: 3px; color:#666666; font-size:1em; margin-bottom:5px; margin-top:15px; padding:10px 0 0 5px; width:22%;}
input[type=button] {border:1px solid #E5E5E5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#666666; display:block; float:left; font-size:1em; margin-bottom:5px; margin-top:15px; width:50%;}
input[type=submit] {
	background: #fff; border: 1px solid #003399; border-radius: 5px; text-transform:lowercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; padding:5px 5px 5px 5px; font-size:1.5em; margin-top:15px; margin-right:2px; color:#ccc; width:20%;}
input[type=button]:hover, [type=submit]:hover {color:#333; opacity: 0.6;}
select{border:1px solid #006699; color:#666666; font-size:1em; margin-bottom:5px; margin-top:0px; padding:10px 0 0 5px; }
label{font-size:1.5em;}

h1 {
	margin:10px 0px 15px 20px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#006699;
}

/* Login styles */
.input {
  margin: 5px 0;
  background: white;
  float: left;
}

.input span {
  position: absolute;
  padding: 5px;
  margin-left: 3px;
  color: #999;
}

.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  border-width: 1px;
  padding: 6px;
  background: transparent;
  font: inherit;
  width: 86%;
}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}

.inputs {
	position:relative; /* make this relative to have the inner div absolute without     breaking out */
    width: 100%;  /* fix the width or else it'll be the entire page's width */
}

.inputs span { /*color:#999; margin-left:-298px; padding-top:12px; position:absolute;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
    width: 100px; 
    left: 10; 
    top: 2px; 
    bottom: 0; 
    color:#333;
}

a {
	color: #bbb;
	text-decoration: none;
	font-weight: bold;
}

/*
	theme colors
	#006699 -- blue
	#328EFD -- nice light blue
	#003366 -- dark blue
	#330066 -- purple
*/

.logo {
	background: #328EFD; border-top-right-radius: 40px; box-shadow: 3px 3px 5px #333; float: left; height: 80px; overflow: hidden; text-align: center; width: 24%;
}

.logo:hover {
	filter: alpha(opacity=75);
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

body {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:13px;		
	margin:0px;
	padding:0px;		
}

.main { background: url(../img/windowscrop.png) center; background-size:100% 100%; margin: 0 auto; overflow: hidden; text-align: center; width: 100%; }

.block { background: #003366; border-top: #fff 1px solid; cursor: pointer; display: inline-block; height: 250px; margin: 20px 20px 10px 20px; overflow: hidden; width: 28%; filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85; }

.block:hover {
	filter: alpha(opacity=95);
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
}

.block:hover #blocka { background-color: #330066 }
.block:hover #blockb { background-color: #330066 }
#blockb2 { background: #fff; border-top: #fff 1px solid; border-bottom: #fff 1px solid; color: #328EFD; display: inline-block; font-size: 18px; font-weight: normal; margin: 20px 0 0 0; overflow: hidden; width: 100% }
.block:hover #blockb2 { background-color: #330066; color: #fff }
.block:hover #blockc { background-color: #330066 }

.break { background: #fff; color: #060636; font-size: 20px; height: 50px; letter-spacing: .1em; margin: 20px auto; overflow: hidden; text-align: center; width: 100%; }

.how { background: #fff; color: #328EFD; font-family: Arial, Helvetica, sans-serif; font-size:1.3em; height: 500px; letter-spacing: .1em; margin: 50px auto; overflow: hidden; text-align: center; width: 100%; }

.contact { background: #328EFD; color: #fff; font-size:1em; height: 500px; letter-spacing: .1em; margin: 50px auto; overflow: hidden; text-align: center; width: 100%; }

.sign { background: url(../img/door.jpg) center #330066; background-size:100% 100%; margin: 0 auto; overflow: hidden; text-align: center; width: 100%; }

.iinput { border:1px solid #006699; color:#666666; float:left; font-size:1.5em; margin-top:15px; padding:2px 0 2px 5px; margin-top:0px; width:50%; }

.content { border-bottom: 2px solid #006699; float: left; margin: 0 auto; min-height: 500px; overflow: hidden; width: 75%; }

.top { background: #333; border-radius: 3px; cursor: pointer; display: none; height: 40px; opacity: 0.8; padding: 1.2em 0 0 0; position: fixed; right: 0; bottom: 0; width: 8%; z-index: 10; }

.cmenu { background: #fff; color: #ccc; cursor: pointer; float: right; height: 80px; padding: 3.1em 2em 2em 2em; text-align: center; width: 15%; }

.cmenu:hover { color: #333; }

.nav { border: 1px solid #328EFD; border-radius: 10px; color: #ccc; cursor: pointer; display:inline-block; height: 30px; margin: 5px; overflow: hidden; padding: .8em .1em 0 .1em; width: 10% }

.nav:hover { border-radius: 10px; box-shadow: 3px 3px 5px #333; color: #333; }

#nav:hover{ padding: 1px 0 0 0 }
#Menu.sticky {
	position:fixed;
	top:9em;
	right:0;
	width:230px;
	padding:10px;
	line-height:1em;
/*	z-index: -2; */
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
}

#subMenu {
	margin-top: 10px;
	padding:10px;
	background-color:#003366;
	line-height:1em;
/*	z-index: -2; */
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
}

#linkmain {color: #aaa;}

/* Again, "be nice to Opera 5". */
body>#Menu {width:18%;}

/****************************************
	Footer Menu List Styling
****************************************/
#someID, ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#linkmain {
	color: #333;
	font-size: 1.5em;	
}

.example_menu {
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
    width: 136px;
}

.expand_all,
.collapse_all {
	cursor: pointer;
}

.example_menu ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
    background-image: none;
    margin: 0;
    padding: 0;
}

.example_menu ul ul {
    display: block;
}

.example_menu ul ul li a {
    padding-left: 20px;
    width: 109px;
}

.example_menu a {
    color: #000;
	cursor: pointer;
	display: block;
    font-weight: bold;
	margin-left: 0;
	padding: 2px 2px 2px 17px;
	width: 112px;
}

.example_menu a.expanded {
    background: #bbb url('collapse.gif') no-repeat 3px 50%;
}

.example_menu a.collapsed {
    background: #bbb url('expand.gif') no-repeat 3px 50%;
}

.example_menu a:hover {
    text-decoration: none;
}

.example_menu ul a {
    background: #e8e8e8;
    border-top: 2px solid #fff;
    color: #000;
    display: block;
    font-weight: normal;
    padding: 2px 2px 2px 10px;
    width: 119px;
}

.example_menu ul a:link {
    font-weight: normal;
}

.example_menu ul a:hover {
    background : #f5f5f5;
    text-decoration: underline;
}

.example_menu li.active a {
    background: #fff;
}

.example_menu li.active li a {
    background: #e8e8e8;
}

#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
    background: transparent url('footer.jpg') no-repeat 0 0;
    border-top: 2px solid #fff;
    height: 9px;
    line-height: 15px;
    margin: 0 0 10px 0;
    width: 131px;
}

.example_menu .footer span {
    display: none;
}

.vertical {
	writing-mode:bt-lr;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	white-space:nowrap;
	display:block;
	bottom:40;
	right:-20;
	width:80px;
	height:20px;
	position:absolute;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-weight:normal;
}

#border {
	background: #328EFD;
	height:4px;
	width: 25%;
	
	-moz-animation: slide 2s ease 3s forwards;
   -webkit-animation: slide 2s ease 3s forwards;
   -o-animation: slide 2s ease 3s forwards;
   -ms-animation: slide 2s ease 3s forwards;
    animation: slide 2s ease 3s forwards;
}

@keyframes slide /* Firefox */ {
	from {width: 25%;}
	to {width: 100%;}
}

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }