html, body {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
/*	background-color:#dae4ed;*/
	background-color:#CCC;
	padding:0;
}


/*--------------------------------------------
  Preload Navigation 
--------------------------------------------*/
@media screen {
	div#preload {
	   position: absolute;
	   overflow: hidden;
	   left: -9999px; 
	   top: -9999px;
	   height: 1px;
	   width: 1px;
	}
	
    div#preloadCurrentPage {
	   position: absolute;
	   overflow: hidden;
	   left: -9999px; 
	   top: -9999px;
	   height: 1px;
	   width: 1px;
	}
}

/*--------------------------------------------*/
/*preload images for wrap and misc */
/*--------------------------------------------*/
#preloading_images{ 
	display:inline;
	width:0px;
	height:0px;
	
	/*begin main global wrap window*/
	background-image:url(../images/backgroundSky.jpg);
	background-image:url(../images/companyLogo.png);
	background-image:url(../images/main_tablewrap/fill.jpg);
	background-image:url(../images/main_tablewrap/footer.jpg);
	background-image:url(../images/main_tablewrap/top.png);
	
	/*begin internal pages global images*/
	background-image:url(../images/wrapWindow.png);
	background-image:url(../images/aboutus/aboutUs_window.png);
	background-image:url(../images/homeBT.png);
	background-image:url(../images/buttonIcon.png);
	
	background-image:url();
}
/*--------------------------------------------*/


a:focus, a:active{
outline:none;
-moz-outline: none;
}


a:link , a:visited, a:active {
 color:#0000FF;
 }

a:hover{
 color:#009900;
}    

/*-----------------------------------------
		master outer structure
-----------------------------------------*/
#master_container {
	position:relative;
	width:100%;
	height:100%;
	left:0px;
	z-index:1;
	margin: 0 auto 0 auto;
}

#header {
	position:relative;
	left:0px;
	top:16px;
	width:959px;
	height:17px;
	z-index:1;
	background-repeat: no-repeat;
	background-image: url(../images/main_tablewrap/top.png);
	cursor:hand;
}

#logo {
	position:absolute;
	left:50px;
	top:40px;
	width:192px;
	height:67px;
	z-index:99;
	background-image: url(../images/companyLogo.png);	
	cursor: hand;
	cursor:pointer;
	outline:none;
	
	
}

#navigation {
	position:absolute;
	left:125px;
	top:467px;
	z-index:99;
}

#homeBT{
	position:absolute;
	left:15px;
	top:445px;
	width:89px;
	height:79px;
	z-index:99;
	background-image: url(../images/homeBT.png);
	background-repeat: no-repeat;
	cursor: hand;
	cursor:pointer;
	outline:none;
}


#content{
	position:relative;
	left:0px;
	top:0px;
	width:959px;
	z-index:1;
}

#skyBacground{
	position:absolute;
	left:2px;
	top:25px;
	width:945px;
	height:326px;
	z-index:2;
	background-image: url(../images/backgroundSky.jpg);
	background-repeat: no-repeat;
}


#fillBG{
	position:relative;
	left:0px;
	top:16px;
	width:959px;
	height:440px;
	z-index:1;
	background-image: url(../images/main_tablewrap/fill.png);
}


#footer {
	position:relative;
	left:0px;
	top:16px;
	width:959px;
	height:119px;
	z-index:1;
	background-image: url(../images/main_tablewrap/footer.png);
	background-repeat: no-repeat;
	
}

#iframeTablewrap{
	position:absolute;
	left:270px;
	top:55px;
	width:650px;
	z-index:5;
}


#outerWrap{
	position:absolute;
	left:10px;
	top:20px;
	width:630px;
	height:340px;
	z-index:5;
	background-image: url(../images/divWindow.jpg);
}

.homeText{
	position:absolute;
	top:170px;
	left:460px;
	font-size:11px;
	color:#000066;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.homeArrow{
	background-image: url(../images/homeArrow.png);
	background-repeat:no-repeat;
	width:22px;
	height:21px;
}

.noFlashImageHome{
	position:absolute;
	top:18px;
	left:180px;
}
.noFlashImage{
	position:absolute;
	left:70px;
}


/*--------------------footer---------------------*/

	
/*#bottomnavigation{
	position:absolute;
	left:219px;
	top:548px;
	z-index:100;
}*/

#bottomnavigation{
	position:relative;
	top:-30px;
	z-index:100;
	color:#666666;
	font-size:9px;
}

#bottomnavigation a:link, #bottomnavigation a:visited, #bottomnavigation a:active{
	color: #333;
	text-align: left;
	text-decoration: none;
}

#bottomnavigation a:hover{
	color: #0000FF;
	text-decoration: underline;
}


/*--------------------------
Internal Pages Global elements
---------------------------*/
#wrapWindow{
	background-image: url(../images/wrapWindow.png);
	background-repeat: no-repeat;
	height: 380px;
	width: 673px;
	position:absolute;
	top:55px;
	left:250px; 
	z-index:5; 
}

#buttonIcon{
	background-image: url(../images/buttonIcon.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 38px;
}

.left{float:left;}

.right{float:right;}

.clear{clear:both;}

img {border:0px;}
/*--------------------------
	Mission Page 
---------------------------*/

#missionComp {
	position:absolute;
	left:280px;
	top:230px;
	width:608px;
	height:192px;
	z-index:10;
}


/*--------------------------
About us Page 
---------------------------*/

#aboutUs_window{
	background-image: url(../images/aboutus/aboutUs_window.png);
	background-repeat: no-repeat;
	height: 380px;
	width: 650px;
}

/*--------------------------
Products Page 
---------------------------*/

#productWrap{
	position:absolute;
	left:251px;
	top:85px;
	width:650px;
	height:332px;
	z-index:7;
	text-align:left;
	overflow:auto;
/*	border:1px solid #006666;*/
}

#flash {
	position:absolute;
	left:-50px;
	top:120px;
	z-index:50;
	display:none;
}

.description{
	padding:5px;
	width:375px;
	color:#444;
	text-align:left;
	position:relative;
	top:-5px;
	line-height:14px;
}

.description .header
{
	color:#444;
	font-weight:bold;
	padding-bottom:3px;
}

.description-footer
{
	background-image:url(../images/products/divider.png);
	background-repeat:no-repeat;
	width:361px;
	height:15px;
	margin:0 auto;
	margin-top:10px;
}

.preview img 
{
	padding:3px;
	border:3px double #CCC;
	background-color:#FFF;
	margin-left:15px;
}

.tblwrap {border: 1px solid #0099CC;}


.product-title
{
	background-image:url(../images/products/header_bg.png);
	background-repeat:no-repeat;
	width:236px;
	height:32px;
	text-indent:15px;
	font-size:14px;
	color:#205c99;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;

}

.visitSiteBT
{
	background-image:url(../images/products/visitSiteBT.png);
	background-repeat:no-repeat;
	width:110px;
	height:24px;
	display:block;
}



/*--------------------------
	Media Page 
---------------------------*/
/*Media Navigation*/

.media_nav
{
	position:relative;
	top:21px;
	z-index:99;
	margin:auto 0;
	width:600px;
}

.media_nav .bar
{
	width:530px;
	height:83px;
}

.media_nav .bar A  , .media_nav .bar DIV
{
	display: block;
	background-repeat: no-repeat;
	float: left;
	height:83px;
}

.media_nav .bar A  , .media_nav .bar div {
	background-image:url(../images/media/media_navigation/nav_bar.gif);
}

.media_nav .bar a.current{cursor:pointer;cursor:default;}
/*
--------------------------------------------------------------------
*Note - for Image positon add width + current background x-position 
for instance if articles has 75px width add the x position (-14)
of the articles as well, example: article 75w+ 14p = 89, and that would be
your next button background-position.

*Note if a .sep (seperator) is between the to links , 
add the additional width of the .sep (seperator) in this instance is 10px

So the formula would then be like this"
75w+ 14p+ 10w  = -99
--------------------------------------------------------------------
*/

/*Misc Elements for Nav*/
.media_nav .bar .left-corner		{width: 14px;  background-position:  0px 0px;}
.media_nav .bar .right-corner		{width: 11px;  background-position:  -519px 0px;}
.media_nav .bar .sep	  			{width: 10px;  background-position: -89px 0px;}
.media_nav .bar .sep2	  			{width: 10px;  background-position:  -431px 0px;}/*this one is used after the press release button*/


/*Begin A:Links*/
.media_nav .bar .articles				{width: 75px;  background-position: -14px 0px;}
.media_nav .bar .articles:hover			{width: 75px;  background-position: -14px -84px;}
.media_nav .bar a.articles.current		{width: 75px;  background-position: -14px -84px;}

.media_nav .bar .ads					{width: 76px;  background-position: -99px 0px;}
.media_nav .bar .ads:hover				{width: 76px;  background-position: -99px -84px;}
.media_nav .bar .ads.current			{width: 76px;  background-position: -99px -84px;}

.media_nav .bar .brochures				{width: 74px;  background-position: -185px 0px;}
.media_nav .bar .brochures:hover		{width: 74px;  background-position: -185px -84px;}
.media_nav .bar .brochures.current		{width: 74px;  background-position: -185px -84px;}

.media_nav .bar .videos					{width: 74px;  background-position: -269px 0px;}
.media_nav .bar .videos:hover			{width: 74px;  background-position: -269px -84px;}
.media_nav .bar .videos.current			{width: 74px;  background-position: -269px -84px;}

.media_nav .bar .press					{width: 78px;  background-position: -353px 0px;}
.media_nav .bar .press:hover			{width: 78px;  background-position: -353px -84px;}
.media_nav .bar .press.current			{width: 78px;  background-position: -353px -84px;}

.media_nav .bar .graphics-3d			{width: 78px;  background-position: -441px 0px;}
.media_nav .bar .graphics-3d:hover		{width: 78px;  background-position: -441px -84px;}
.media_nav .bar .graphics-3d.current	{width: 78px;  background-position: -441px -84px;}


/*-- 3D-Graphics Section --*/

.media-header
{
	margin: 0 0 10px 10px;
	text-align:left;
}

.container-3D
{
	padding:5px;
	margin: 0px auto;
	width:550px;
	text-align:center;
	position:relative;
	left:20px;
}

.container-3D img 
{
	margin: 0 3px 10px 3px;
}