/**********************************************************
**	                   Basic Settings                    **
**********************************************************/
body {
	background-color:#17272f;
	background-image:url(../images/bg-repeat.png);
	background-repeat:no-repeat;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.container  {
	width: 800px;
	text-align: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

* html img,
* html .png {

behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
); 


}

/**********************************************************
**                          Header                       **
**********************************************************/

.header  {
	width: 866px;
	height: 65px;
	text-align: right;	
	margin-top: 100px;
	padding: 0px 0px 0px 0px;
	vertical-align: text-bottom;
}

/* Logo and Nav Link */
div#logo {
	float: left;
	height: 65px;
}

h1.title {
	background:transparent url(../images/headerlogo.jpg) no-repeat scroll 0 0;
	width: 263px;
	height:24px;
	text-align:left;
	border-style: none;
}

span.title {
	display: none;
}

/* Nav Menu */
.header a  {
	color: white;
	border-style: none;
	outline: none;
}

.header a:hover  {
	color: #7a9ea7;
	outline: none;
}

.topNav {	
	float: right;
	margin-top: 23px;
	
}

.topNav a {
	padding-left:5px;
	padding-right:10px;
	text-decoration:none;
}

.topNav ul li{
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type :none;
	
}

#endLink {
	border-right: none;
}
/**********************************************************
**                        index.cfm                      **
**********************************************************/

.contenthome  {
	background-repeat: no-repeat;		
	background-image:url(../images/contentbg.png);
	width: 866px;
	height: 292px;
	text-align: left;
}

.nav {
	padding: 25px 15px;
	border: none;
}

.navSeperator {
	 width: 2px; 
	 height: 140px;
}

.idcard {
	
	float: left;
	width: 225px;
	height: 75px;
	border: 1px solid #757575;
	margin: 0px;
	padding: 2px;
	background-color: #e3e3e3;
	
}


.idcard a {
	
	color: #326eb7;
	
}

.idcard img {
	
	float: left;
	padding-right:5px;
	
}


.left  {
	float: left;
	width: 250px;
	height: 272px;
	padding: 10px;
	font-size: 11px;
	overflow: auto;
	line-height: 17px;
	font-size: 12px;
	
}

.left img  {
text-align: center;
margin-left:3px;
margin-top:2px;
	
}


.left a  {
	color: #757575;
	text-decoration: none;
}

.left a:hover  {
	
	color: #5a7b8c;
	text-decoration: underline;
}


.right  {
	float: right;
	width: 584px;
	height: 277px;
	padding: 7px 7px 8px 5px;
}

.bottomcontent  {

	width: 866px;
	text-align: center;
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0px 10px 00px 0px;


	
}

.bottom {
float: left;
	width: 844px;
	text-align: left;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #131d23;
	border: 1px solid #566167;

	
}

.bottomsisel {
float: left;
	width: 834px;
	text-align: left;
color: #000;
	padding: 10px 10px 10px 10px;
	background-color: #e9e9e9;
	border: 1px solid #566167;

	
}

.contact {
float: left;
	width: 540px;
	text-align: left;
color: #000;
	padding: 10px 10px 10px 10px;
	background-color: #e9e9e9;
	border: 1px solid #566167;

	
}


.productright {
	float: right;
	width: 250px;
	text-align: left;
	color: #000;
	padding: 10px 10px 10px 10px;
	background-color: #e9e9e9;
	border: 1px solid #566167;

	
}


#podcast  {
	width: 400px;
	height: 80px;
	float: left;

}

#pdf  {
	width: 385px;
	height:55px;
	float: left;
	color: #000;

	padding: 10px;
}

#pdf a {
padding-left:5px;
	color: #000;
	text-decoration: none;
}

#pdf a:hover {
	color: #757575;
	text-decoration: underline;
}

#pdf img  {

	float: left;
	
}

#seperator  {
	padding-top: 20px;
	width: 800px;
	border-bottom: 1px solid #757575;
	
}
#seperator-clear  {
	float: left;
	padding-top: 20px;
	width: 800px;
	border-bottom: 1px solid #757575;
	
}

.featured1 {
	width: 340px;
	height: 150px;
	border: 1px solid #566167;
	float: left;



}

.featured2 {
	width: 250px;
	height: 150px;
	border: 1px solid #566167;
	float: left;

	margin-left: 10px;
}

.featured3 {
	width: 250px;
	height: 150px;
	border: 1px solid #566167;
	float: left;

	margin-left: 10px;

}	


#videoplayer  {
	
	float:left;
	padding-left:10px;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 10px;
	
}


.footer {
	color: #596b7d;
		text-decoration: none;
		float: left;
		padding-bottom:20px;
		
		padding-top:10px;
}

.footer a {
	color: #596b7d;
	text-decoration: none;
}

.footer a:hover {
	color: #fff;
	text-decoration: underline;
}



#slideshow * { margin: 0; padding: 0; }
#slideshow { position: relative; padding: 0px; width: 583px; height: 276px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('../images/bg.png'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu {  list-style-type: none; width: 140px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 12px ; color: #fff; padding: 5px 0 5px 28px; line-height: 19px; }
#slideshow #menu li.background { background: url('../images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }


#back a { font-size: 11px; }
h2 { font: 18px "Georgia"; color: #666; margin-top: 0; }
h3 { font: 13px "Lucida Grande", "Verdana"; color: #999; text-transform: uppercase; font-weight: bold; }
#slideshow-options ul { padding: 0; }
#slideshow-options ul li { list-style-type: none; display: inline; padding-right: 0; }

.cf_error { color:red; }
	.cf_textentry { min-width:300px; width:100%; max-width:400px; width:expression(document.body.clientWidth>400?"400px":"auto");}
	textarea.contactform { height:4in; }
	.cf_required { color:green; }
	#cf_version { text-align:right; }
	#cf_global_error { margin-bottom:0.25cm; }
	.cf_field { margin-bottom:0.5cm; }
	.cf_nt { display:none; }
	.cf_preview { border:thin black ridge; padding:1cm; max-width:400px; width:expression(document.body.clientWidth>400?"400px":"auto");margin-bottom:1cm;}


 .boxgrid{  
     width: 340px;  
     height: 150px;   
     float:left;   
     overflow: hidden;  
     position: relative;  
 }  
 .boxgrid img{  
     position: absolute;  
     top: 0;  
     left: 0;  
     border: 0;  
 }
 
  .boxgrid2{  
     width: 250px;  
     height: 150px;   
     float:left;   
     overflow: hidden;  
     position: relative;  
 }  
 .boxgrid2 img{  
     position: absolute;  
     top: 0;  
     left: 0;  
     border: 0;  
 }
 
   .boxgrid3{  
     width: 250px;  
     height: 150px;   
     float:left;   
     overflow: hidden;  
     position: relative;  
 }  
 .boxgrid3 img{  
     position: absolute;  
     top: 0;  
     left: 0;  
     border: 0;  
 }
 

#lightbox{
	background-color:#000;
	padding: 10px;
	border-bottom: 2px solid #757575;
	border-right: 2px solid #757575;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; 
font-size: 12px;
}
#keyboardMsg a{ float: right; 
font-size: 12px;
color:#757575;
}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}