@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "verdana";
	src: url(verdana.eot)
}

body {
	color: #909090;
	font-family: verdana, arial;
	padding:0px;
    background:#000000;
}

A:link {text-decoration: none; color: #00FFFF;}
A:visited {text-decoration: none; color: #00FFFF;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #00FF00;}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest images height to prevent overlaying*/
}

.thumbnail img{
/*border: 1px solid white;*/
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
/*border: 1px solid blue;*/
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
padding: 5px;
left: -1000px;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 12px;
left: 55px; /*position where enlarged image should offset horizontally */
z-index: 50;


}

div.main {
	width: 850px;
    margin-left: auto;
	margin-right: auto;
	border-color: #282828; 
	border-style: solid; 
	border-width: 1px;
	background:#1b1b1b;
}
#header {
	width: 850px;
	height: 112px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	background-image:url('pics/header.png');
}
#links {
	width: 850px;
	text-align: left;
}
div.mainmob {
	width: 450px;
        margin-left: auto;
	margin-right: auto;
	border-color: #282828; 
	border-style: solid; 
	border-width: 1px;
	background:#1b1b1b;
}
#headermob {
	width: 450px;
	height: 112px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background-image:url('pics/header.png');
}
#linksmob {
	width: 450px;
	text-align: left;
}
#containermob {
	float: left;
	margin-left: 0px;
	width: 450px;
	text-align: left;
}
#container {
	float: left;
	margin-left: 0px;
	width: 850px;
	text-align: left;
}
#info {
	text-align: left;
	margin: 10px 0px 10px 0px;
	background:#171717;
	border-color: #282828; 
	border-style: solid; 
	border-width: 1px;
}
#context {
	text-align: left;
	margin: 5px 5px 5px 10px;
}
#label {
	text-align: left;
	margin: 20px 0px 0px 100px;
	color: #8a9c08;
	font-weight: bold;
}
#menu {
	float: right;
    width: 50px;
	height: 112px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background-image:url('pics/fade.png');
}
p.small {
	line-height: 5px;
}


#Box1 {
    float: left;
	margin-left: 50px;
    width: 347px;
}

#Box2 {
    float: left;
	margin-left: 50px;
    width: 347px;
}

#Boxm1 {
    float: left;
	margin-left: 50px;
    width: 744px;
	height: 120px;
}

#Boxf1 {
    float: left;
	margin-left: 50px;
 	width: 347px;
	height: 100px;
}

#Boxf2 {
    float: left;
	margin-left: 90px;
    width: 307px;
	height: 100px;
}

#B1 {
	float: left;
	width: 400px;
	height: 112px;
}
#B2 {
	float: right;
	width: 70px;
	height: 105px;
	margin: 0px 5px 0px 5px;
	background-image:url('pics/fade.png');
}
#B3 {
	float: right;
	width: 60px;
	height: 105px;
	margin: 0px 5px 0px 5px;
	background-image:url('pics/fade.png');
}
#B4 {
	float: right;
	width: 70px;
	height: 105px;
	margin: 0px 5px 0px 5px;
	background-image:url('pics/fade.png');
}
#B5 {
	float: right;
	width: 80px;
	height: 105px;
	margin: 0px 5px 0px 5px;
	background-image:url('pics/fade.png');
}
#B6 {
	float: right;
	width: 60px;
	height: 105px;
	margin: 0px 5px 0px 5px;
	background-image:url('pics/fade.png');
}
#B7 {
	float: right;
	width: 50px;
	height: 105px;
	margin: 0px 5px 0px 5px;
	background-image:url('pics/fade.png');
}
#p1 {
	float: left;
	width: 200px;
	height: 15px;
	margin: 0px 5px 0px 5px;
}
#p2 {
	float: left;
	width: 10px;
	height: 15px;
	margin: 0px 5px 0px 5px;
}
#p3 {
	float: left;
	width: 20px;
	height: 15px;
	text-align: right;
	margin: 0px 5px 0px 5px;
}

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; color: #FFFFFF; }
#tooltip1 a:hover span { display: block; position: absolute; width: 50px; background-color: #1b1b1b; border-color: #282828; height: 20px; left: 100px; top: -10px; color: #FFFFFF; padding: 5px; }


div.b1
{
  width:347px;
  height:61px;
  margin-top: 10px;
  background:url(pics/t1.png);
  border:1px solid #1b1b1b;
}
div.b2
{
  width:347px;
  height:61px;
  margin-top: 10px;
  background:url(pics/t2.png);
  border:1px solid #1b1b1b;
}
div.b3
{
  width:347px;
  height:61px;
  background:url(pics/t3.png);
  border:1px solid #1b1b1b;
}
div.b4
{
  width:347px;
  height:61px;
  background:url(pics/t4.png);
  border:1px solid #1b1b1b;
}
div.b5
{
  width:347px;
  height:61px;
  background:url(pics/t5.png);
  border:1px solid #1b1b1b;
}
div.mc
{
  width:347px;
  height:70px;
  background:url(pics/mc.png);
  border:1px solid #1b1b1b;
}
div.transbox
{
  width:347px;
  height:61px;
  margin: 0px 0px 0px 0px;
    /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}
div.transbox p
{
  margin: 20px 0px 0px 100px;
  font-weight:bold;
  color:#8a9c08;
  font-family: arial;
  font-size: 16px;
}

#envelope-1 {position:relative; z-index:1;}


		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 2em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


h1{
	color: #909090;
	font-family: arial;
	font-size: 12px;
	font-style: bold;
	border-style: none;
	text-align: center;
	margin: 90px 0px 0px 0px;
}
h2{
	font-family: arial;
	color: #8a9c08;
	font-size: 16px;
	border-style: bold;
}
h3{
	color: #909090;
	font-family: arial;
	font-size: 13px;
	border-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
h4{
	color: #909090;
	font-family: arial;
	font-size: 12px;
	border-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
h5{
	color: #909090;
	font-family: arial;
	font-size: 14px;
	font-style: bold;
	border-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
h6{
	color: #8a9c08;
	font-family: arial;
	font-size: 14px;
	font-style: bold;
	border-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
h7{
	color: #909090;
	font-family: arial;
	font-size: 14px;
	font-style: bold;
	border-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#footer {
    clear: left;
	width:100%;
	margin-bottom: 50px;

}


.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}