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

html {
	height: 100%;
	background-image: none;
}

/* Type */

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 12px/18px  Arial, Verdana, sans-serif;
	background-color:#fff;
	color:#666;
	line-height: 170%;
	background-image:url(../images/background2-gray.jpg);
	background-repeat:no-repeat;
	background-position: center -50px;
	overflow:scroll !important;
}


strong, b {
 font-weight:bold; 
}
em, i { 
  font-style:italic; 
}

sup {
  padding-left:1px; font-size:10px !important; 
  font-weight:normal !important; 
  vertical-align: baseline; 
  position: relative; 
  bottom: 0.8em; 
  color:#76797c; 
  _position:static !important; 
}

.superscript {
  padding-left:1px; font-size:10px !important; 
  vertical-align: baseline; 
  position: relative; 
  bottom: 1em; 
  _position:static !important; 
}
/*---- typography ----*/
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right; }

.style-i {color: #2e6ebf}
.style-m {color: #e7b347}
.style-a {color: #40a2a7}
.style-g {color: #967878}
.style-o {color: #e7b347}

.style-blue {color: #08c}

#content p { 
	color: #666; 
}

#content a { 
	text-decoration: none; 
	color: #08c; 
}

#content a:hover{ 
  text-decoration: underline; 
}

#content a:active{ 
  text-decoration: underline;
  margin:0; 
}

#content #description li{
	color:#08c;
	
}

#content #description li span{
	color:#666;
}

img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }


a img {  
  border:none;
}

a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border:none !important;
}

.indented
{
   color: #666; 
   padding-left: 30pt;
   padding-right: 10pt;
}

#content #frontImage-vis { 
	background-image:url(../images/technology-vis-front-image.png);
	background-repeat:no-repeat;
    float: left;
    width: 100%;
	padding-top: 10px; 
	margin-top: 10px;
	margin-bottom: 35px; 
	height:360px;
	padding-bottom: 10px;
}

#content #frontImage-videoReg {
	background-image:url(../videoreg/images/video-registarion-front-image.png);
	background-repeat:no-repeat;
	background-position:0 55;
	float: left;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 35px;
	height:auto;
	padding-bottom: 10px;
}
#content #frontImage-videoReg-contact { 
	background-image:url(../videoreg/images/video-uav.png);
	background-repeat:no-repeat;
    float: left;
    width: 100%;
	padding-top: 10px; 
	margin-top: 10px;
	margin-bottom: 35px; 
	height:300px;
	padding-bottom: 10px;
}

#footer a { 
	text-decoration: none; 
	color: #08c; 
}

#footer a:hover{ 
  text-decoration: underline; 
  color: #08c; 
}

#footer a:active{ 
  text-decoration: underline;
  color: #08c; 
  margin:0; 
}