/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, h7, h8, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }


/* Global */

html 	{	}
body	{ background-color: #000;  }



/* Headings */

h1, h2, h3, h4, h5, h6, h7, H8 { font-weight: bold; }

h1 { font-size:35px; color: #FFF; margin-bottom:25px; line-height:110%; }
h2 { font-size:33px; color: #F00; margin-bottom:20px; line-height:110%; }
h3 { font-size:28px; margin-bottom:5px; color:#DFE2EC;  line-height:110%;}
h4 { font-size:20px; margin-bottom:10px; color:#999; line-height:120%;   }
h5 { font-size:24px; color: #F7EF5B ; text-align: center;  }  
h6 { font-size:35px; color:#FFF;  text-align: center;  margin-bottom:30px; }
h7 { font-size:15px; color:#FFF;   margin-bottom:30px; }
h8 { font-size:32px; color:#F00; margin-bottom:50px;  }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{
	color:#000;
	font-size:12px;
	line-height:150%;
	margin:15px 0;
	text-align: lift; }
	
p1           	{
	color:#fff;
	font-size:12px;
	line-height:150%;
	margin:15px 0;
	text-align: center; }
	
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{  }
a:link			{ color: #f00;  }
a:visited		{ color: #f00;  }
a:active		{ color: #000;  }
a:focus			{ color: #666;  }
a:hover     	{ color: #000;  }

blockquote  	{ color:#000; font-size:12px; }

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

/* Images */

.image-frame    { padding:10px; border:1px #ccc solid; margin:10px; }

/* Lists */

ul          	{  }
ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; }
ol li	     	{ color:#000; font-size:12px; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }



/* Miscellaneous */

sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}
					

					

/* Background */

#fsbg {
	height: auto;
	width: 100%;
	position: fixed;
	z-index: -100;
	left: 0px;
	top: 0px;
	min-height: 100%;
	min-width: 100%;
	
}



#pagetop {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 50px;
	background: #115180;
	color: #FFF;
	font-size: 23px;
	padding-top: 50ps;
	transition: height 0.3s linear 0s padding 0.3s linear 0s;
	overflow: hidden;
}
	
#logo     { margin:5px 0px 0px 10px; float:left; }



#wrapper1       { width:800px; height:80px; margin:25px auto;  }
#wrapper2       { width:948px; height:80px; margin:80px auto 25px auto; padding:0px 0px; }
#wrapper3       { width:960px; height:250px; margin:0px auto; margin-bottom:80px; margin-top:80px; }
#wrapper4       { width:960px; height:250px; margin:0px auto;  }
#wrapper5       { width:960px; height:80px; margin:0px auto; margin-bottom:280px;  }
#wrapper6       { margin:0px auto;  }

#hd             { width: 960px; margin:0px auto;  }
#aerial          { width: 960px; margin:0px auto;  }


#tube     { margin:10px 0px 25px 0px; float:left; }
#rightside      { width:580px; margin:10px 0px 0px 0px; float:right; font-family: Arial, Helvetica, sans-serif;  }

#video1  {  float: left;               }
#video2  {  float: right;              }
#textRight { width:420px; margin:10px 0px 0px 0px; padding-right:25px; float: right;        }
#camera { margin:20px 0px 0px 0px; float: left; padding-left: 25px;    }

#textRight2 { width:420px; margin:25px 0px 0px 0px; float: left;padding-left: 25px;    }
#phantom { margin:0px 30px 0px 0px; float: right;   }

#touch   { width:400px;
	margin:90px 0px 0px 0px;
	float: left; }
	
#connected { width:450px; margin:90px 0px 0px 0px; float: right;       }
#social-media   		{  }
#social-media ul li      { display:inline; padding:0 10px; }
#social-media ul 		{ margin-top:10px; text-align:center; }
#social-media ul li a     {  padding:0 8px; }
	
#navbar        { font-family: Arial, Helvetica, sans-serif;  }
							
#navbar ul         		{ float:right; margin:10px 50px; }
#navbar ul li			{ display:inline;  }
#navbar ul li a	  		{ padding:0px 7px;  }

#navbar a:link			{ color: #fff; font-size: 16px;  }
#navbar a:visited		{ color: #fff;  }
#navbar a:active		{ color: #000;  }
#navbar a:focus			{ color: #666;  }
#navbar a:hover     	{ color: #FF0;  }

div#container { margin-top: 25px;  width: 100%; overflow-x: hidden; }
	
header { height: 39%; }

#main { background-color: #FFF; height: 1500px; width: 100%;  overflow -x: hidden;  }

#promo { background-color: #4081C8; height: 310px; width: 100%; overflow-x: hidden;  }

#service { background-color: #FFF; height: 400px; width: 100%;  overflow-x: hidden;  }

footer { background-color: #666; height: 450px; width: 100%; overflow-x: hidden; }
#footer   { clear:both; display:block; margin:0px auto; width: 400; text-align: center;   }

/* rollover */





/* Forms */


form 	{ text-align:left; margin:20px;	}

label, submit, input, textarea 	{ 
		float: left; width: 150px; text-align:right; display:block;
		}
label  {
	float:left; width:150px;
	text-align:right; display:block;
    }
		
input, textarea { 
		border:1px #333 solid; margin-left:10px; }

input  {
	width: 280px; margin-bottom: 16px;
    }

textarea {
		width: 280px; height: 150px; margin-bottom: 16px; 
		}

select { 	}
	

.submit {
		width: 90px; height:25px;
		margin-left:150px;
		font-size:12px;
		}

br		{ clear: left; 	}



/* Miscellaneous  */

.date           { font-weight:bold; color:#F63; margin-bottom:3px; }

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:12px; font-style:normal; color:#fff; text-align:center;  }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle		{ font-size:14px; font-style:italic; color:#333;  }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px; font-weight:bold; color:#555;  }
.editor			{ font-size:14px; font-style:italic; color:#555;  }

.pub-date		{ font-size:10px; font-style:italic; color:#555; }
.article-date	{ font-size:10px; font-style:italic; color:#555;  }
.location		{ font-size:10px; font-style:italic; color:#555;  }

.float-right	{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added      	{ background:#D7D7FF; }
.removed    	{ background:#FFCECE; color:#f00; }
.changed		{ background:#FFB; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	
.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	
.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	
.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }
	
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a		{ color: #205791; }

	
