/*------------------------------------------------------
G L O B A L  E L E M E N T S
------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	padding: 0;
	margin: 0;
	height: auto;
	/*background: #000 url(Images/1.gif); */
	background: #fff url(Images/spacer.gif) no-repeat center top;
	/*background: #5a5a5a repeat url(Images/bkg_wood.jpg) fixed;*/
	text-align:center;
font:11px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:#4b4c4f;
 }

a {
	color: #AC1119;	
	text-decoration: none;

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

img a {border:none;}


.left		{ float: left; margin-right: 3px;
margin-top: 2px;
margin-bottom: 2px;}

.right		{ float: right; margin-left: 3px;
margin-top: 2px;
margin-bottom: 2px;}

em {
font-weight:bold;
font-style:normal;
color:#000;
}

#search
{
padding:15px 10px 2px 10px;
float: right;
margin: 0px;
}

h2.header {
	float:right;
	clear:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.45em;
	letter-spacing:-1px;
	font-style:oblique;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin: 0px 0px 0px 0px; 
	padding: 6px 20px 2px 5px;

}
h2 a:link {
	text-decoration: none;
	color: #222;
}
h2 a:visited {
	text-decoration: none;
	color: #222;
}
h2 a:hover {
	text-decoration: none;
	color:#AC1119;
}
h2 a:active {
	text-decoration: none;
	color:#AC1119;
}

h3 {
clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.125em;
	text-transform:uppercase;	
	font-style: normal;
	font-weight:bold;
	color:#AC1119;
	text-align:left;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;

}
h3 a:link {
	text-decoration: none;
	color: #AC1119;
}
h3 a:visited {
	text-decoration: none;
	color: #AC1119;
}
h3 a:hover {
	text-decoration: none;
	color: #222;
}
h3 a:active {
	text-decoration: none;
	color: #222;
}

h3 strong{
	color:#fff;
}

h3 strong a:link {
	text-decoration: none;
	color:#fff;
}
h3 strong a:visited {
	text-decoration: none;
	color:#fff;
}
h3 strong a:hover {
	text-decoration: none;
	color:#4b4c4f;
}
h3 strong  a:active {
	text-decoration: none;
	color:#4b4c4f;
}

/*------------------------------------------------------
C O N T A I N E R
------------------------------------------------------*/

#container {
	padding: 0;
	margin: 0 auto;
	width: 982px;
	text-align: left;

}

#box {
	position:absolute;
	margin: 0 auto 0px auto;
	padding: 5px 0px;
	width: 980px; height:auto;
	min-height:800px;

}
#top {
	float:left;
	width: 978px;
	height:auto;	text-align: left;
	
}
#bottom {
	float:left;
	width: 980px;
	height:auto;	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff url(Images/leftbar.gif) no-repeat left top;
	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#sidebar {
	float:left;
	width: 170px;
	height:auto;	text-align: left;

	
}

.sidelined {
	margin-top: 10px;
	padding: 5px 0px 0px 0px;
	border-top:solid #ccc 2px;}
	
#content {
	float:right;
	width: 798px;
	height:auto;	text-align: left;
	background: #f5f5f5 url(Images/bgndfadewhite.jpg) repeat-x left top;
		border-left: 1px solid #ccc;

}

#content ul{
padding:0px 0px 0px 20px;
list-style-image: url(Images/bullet.gif);
list-style-type: circle;
}


#content ol{
padding:0px 0px 0px 20px;
list-style-type:decimal;
}

#logo {
	float:left;
	
	width:350px;
	height:69px;
	z-index:300;
	margin:0;
	padding:0;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Images/logo.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#logo[id] {
  background:url("Images/logo.png") top left no-repeat;
}

#logo span { display:none; }



.index_feature {
	float: left;
	width:981px;
	margin:0;
	padding:0;
	overflow:hidden;


}

.index_nosplash {
	float: left;
	width:982px;
	margin:0;
	padding:0;
	overflow:hidden;

}


.tech_top {
	float: left;
	width:390px;
	margin:0;
	padding: 0 0 10px 0;
	overflow:hidden;

}



.tech_top h3 {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform:uppercase;	
	font-style: normal;
	font-weight:bold;
	color:#fff;
	letter-spacing: .005em;
	text-align:left;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;

}


.tech_results {
	float: left;
	width:795px;
	margin:0;
	border-top: 0px solid #ccc;
	padding: 0 0 10px 0;
	overflow:hidden;
}

.tech_results h3 {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform:uppercase;	
	font-style: normal;
	font-weight:bold;
	color:#fff;
	letter-spacing: .005em;
	text-align:left;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;

}

.2col {
	column-count: 2;
   	column-gap: 10px;
}
.3col {
	column-count: 3;
   	column-gap: 10px;
}



.left_side {
	border-left: 1px solid #fff;
}




.tech_feature {
	float: left;
	left:150px;
	top:111px;
	width:650px;
	height:269px;
	margin:0;
	padding:0;
	background: #d8d8d8 url(Images/bgndfade3.jpg) repeat-x left top;

}


.tech_feature_side1 {
	float: left;
	left:0px;
	top:80px;
	width:143px;
	height:300px;
	margin:0;
	padding:0;

}


#left {
	   /* position: absolute;*/
	float:left;
	clear:left;
	width:100%;
	margin:0;
	text-align:left;
	padding:0px 0px 0px 0px;

	
}
#left span { display:none }

#left td {
padding-bottom:2px;
padding-top:2px;
border-bottom:1px solid #ccc;

}


#center {
	   /* position: absolute;*/
	float:left;
	width:495px;
	margin:0;
	text-align:left;
	padding:0px 0px 0px 0px;


}
#center td {
padding-bottom:2px;
padding-top:2px;
border-bottom:1px solid #ccc;

}

#right {
	   /* position: absolute;*/
	   clear:right;
	float:right;
	width:280px;
	margin:0;
	text-align:left;
	padding:0px 0px 0px 0px;
	border-left: 1px solid #ccc;


}

#right .p4 {clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-transform:uppercase;	
	font-style: normal;
	font-weight:normal;
	color:#222;
	text-align:center;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 0px 0px 0px;
}
#right .p4 a:link {
	text-decoration: none;
	color: #999;
}
#right .p4 a:visited {
	text-decoration: none;
	color: #999;
}
#right .p4 a:hover {
	text-decoration: underline;
	color: #222;
}
#right .p4 a:active {
	text-decoration: none;
	color: #222;
}


#techsearch {
	   /* position: absolute;*/
	clear:left;
	float:left;
	margin:0;
	width:170px;
	text-align:left;
	padding:0px 5px 5px 5px;
	/*background-color:#CCCC00;*/
}



#rant {
	   /* position: absolute;*/
	   clear:right;
	float:right;
	margin:0;
	width:270px;
	text-align:left;
	padding:0px 5px 5px 5px;
	/*background-color:#CCCC00;*/
}




#news {
	   /* position: absolute;*/
	   clear:right;
	float:right;
	margin:0;
	width:270px;
	text-align:left;
	padding:0px 5px 5px 5px;
	/*background-color:#A0BB07;*/

}








#intro {
	   /* position: absolute;*/
	   clear:left;
	float:left;
	margin:0;
	width:485px;
	text-align:left;
	padding:0px 5px 5px 5px;
}

#tech {
	   /* position: absolute;*/
	   clear:left;
	float:left;
	margin:0;
	width:485px;
	text-align:left;
	padding:0px 5px 5px 5px;
	border-bottom:1px #ccc solid;
}

#product {
	   /* position: absolute;*/
	   clear:left;
	float:left;
	margin:0;
	width:485px;
	text-align:left;
	padding:0px 5px 5px 5px;
	border-bottom:1px #ccc solid;
}



#right td {
padding-bottom:2px;
padding-top:2px;
border-bottom:1px solid #ccc;

}

#left_box {
	   /* position: absolute;*/
	float:left;
	width:80px;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:2px 5px 2px 5px;
	border-right:0px solid #ccc;


}

#left_titles {
	   /* position: absolute;*/
	float:left;
	width:400px;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0px 5px 0px 5px;


}

#right_box {
	   /* position: absolute;*/
	float:right;
	width:130px;
	margin:0px 0px 5px 8px;
	text-align:left;
	padding:0px 0px 10px 5px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;


}

#icon_box {
	   /* position: absolute;*/
	float:right;
	width:250px;
	margin:0px 0px 5px 8px;
	text-align:left;
	padding:0px 5px 10px 5px;


}
.banner {
/* position: absolute;*/
	float:left;
	margin:0;
	text-align:left;
	padding:5px 0px 5px 0px;
	width:100%;

}
#results {
/* position: absolute;*/
clear:both;
	float:left;
	width:100%;
	margin:0;
	text-align:left;
	padding:2px 5px 2px 5px;


}
#document {
/* position: absolute;*/
clear:both;
	float:left;
	width:785px;
	margin:0;
	text-align:left;
	padding:2px 5px 2px 5px;
	border-top:1px solid #ccc;


}

#document td {
padding:4px 4px;
border-bottom:1px solid #ccc;


}

#document span td {
padding:4px 4px;
border-bottom:0px solid #ccc;


}

#store td {
padding:0px 0px;
border-bottom:0px solid #ccc;


}

#store span td {
padding:0px 0px;
border-bottom:0px solid #ccc;


}

#popup_doc {
/* position: absolute;*/
	float:left;
	width:95%;
	margin:0;
	text-align:justify;
	padding:10px 0px 10px 10px;

}

#popup_doc td {
padding-bottom:2px;
padding-top:2px;
border-bottom:1px solid #ccc;


}
#footer {clear: both; border-top: solid #ccc 1px;
  margin-bottom: 3em; font-size: 0.85em;
  color:#999;
background: url(Images/k-series_small.gif) 20px 50% no-repeat #fff;}
#footer p {margin-left: 203px; padding: 1em 20px;
}
#footer a:link, #footer a:visited {color:#aaa;}
#footer a:hover {color:#0071BC;}

/*------------------------------------------------------
S U P P O R T I N G   T E X T 
------------------------------------------------------*/

.p1 {clear:both;
	padding: 5px 2px 5px 2px;
}



.p1 strong{
}

.p1 strong a:link {
	text-decoration: none;
	color: #222;
	border-bottom:solid #ccc 0px;

}
.p1 strong a:visited {
	text-decoration: none;
	color: #222;
}
.p1 strong a:hover {
	text-decoration: none;
	color:#AC1119;
}
.p1 strong a:active {
	text-decoration: none;
	color:#AC1119;
}

.p1 em a:link {
	text-decoration: none;
	color:#AC1119;
	border-bottom:solid #ccc 0px;

}
.p1 em a:visited {
	text-decoration: none;
	color:#AC1119;
}
.p1 em a:hover {
	text-decoration: none;
	color:#000;
}
.p1 em a:active {
	text-decoration: none;
	color:#000;
}

.p2 {
	padding: 10px 0px 0px 0px;
	font-weight:bold;
}



.p3 {
	font-size:.95em;
	color:#4b4c4f;
	padding: 0px 0px 5px 0px;
}
.p4 {clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-transform:uppercase;	
	font-style: normal;
	font-weight:normal;
	color:#000;
	text-align:center;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
}
.p4 a:link {
	text-decoration: none;
	color: #fff;
}
.p4 a:visited {
	text-decoration: none;
	color: #fff;
}
.p4 a:hover {
	text-decoration: none;
	color: #fff;
}
.p4 a:active {
	text-decoration: none;
	color: #fff;
}



.p5 {
	padding: 10px 0px 0px 0px;
	border-bottom:dotted #ccc 1px;
			
}
.p6 {
	padding: 0px 0px 10px 0px;
}
.p6 a:link {
	text-decoration: none;
	color: #fff;
}
.p6 a:visited {
	text-decoration: none;
	color: #fff;
}
.p6 a:hover {
	text-decoration:underline;
	color: #fff;
}
.p6 a:active {
	text-decoration:underline;
	color: #fff;
}


.p7 {
	padding: 5px 0px 0px 0px;
	}


.p8 {
	font-weight:bold;
	color:#AC1119;
	padding: 10px 0px 0px 0px;
	border-bottom:dotted #ccc 1px;}
.p9 {
	padding: 10px 0px 10px 0px;
	}
.p10 {
	padding: 0px 0px 10px 0px;
	}

.p10 a:link {
	text-decoration: none;
	color: #AC1119;
}
.p10 a:visited {
	text-decoration: none;
	color: #AC1119;
}
.p10 a:hover {
	text-decoration: none;
	color: #666;
}
.p10 a:active {
	text-decoration: none;
	color: #333000;
}
.p13 {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#AC1119;
	padding: 5px 0px 0px 0px;
}
.p14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 0px 0px;
}
.p15 {
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:1.25em;
		color: #222;
}

/*------------------------------------------------------
F O O T E R 
------------------------------------------------------*/


.address {
	position: absolute;
	left:0px;
	top:570px;
	padding:5px 0px 10px 0px;
	font-size:.9em;
	color: #777;
	letter-spacing: 1px;
	z-index: 300;
	/*background:url("Images/footer_w.jpg") top left ;*/
	text-align:right;
	width:800px;
	height: 12px;	/*height:120px;*/
	
}
.address span {
	color: #AC1119;
	font-weight: bold;
}



.extraDiv4 {
	position: absolute; left:381px; top:620px;
	padding:0px;
	margin: 0 auto 0px auto;
	width:38px;
	height: 50px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Images/dg.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.extraDiv4[class] {
  background:url("Images/dg.png") top left no-repeat;
}


/*------------------------------------------------------
L I N K S
------------------------------------------------------*/

/* =Nav
----------------------------------------------- */
ul {
  margin:0px;
  padding:0px;
  list-style:none;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
  }
#nav {
  float:left;
  width:100%;
  padding:5px 0px 5px 0px;
  font-size:1em;
  font-weight: bold;
  text-transform:uppercase;
  
  }
    
#nav a {
	display: block;
	padding:6px 10px 6px 10px;
	color:#000;
	white-space:nowrap;
	text-decoration:none;

}



#nav a:hover {
  color:#0071BC;
   } 
  
#nav li { /* all list items */
	float: left;
	padding: 0px 35px 0px 0px;
	 /* width needed or else Opera goes nuts */

}

#nav li ul { /* second-level lists */
	position: absolute;
	float:left;
	clear:left;
	background-color:#eaeaea;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav #page_title
{
padding:0px 50px 0px 50px;
margin: 0px;
}
#nav #icon
{
margin: 0px;
}

#under li { /* all list items */
	float: left;
	clear:left;
	 /* width needed or else Opera goes nuts */
	border:solid #000;
    border-width:0px 0px 0px 0px;
}
* html #under a {
  width:1%;
  }
  


.current a{
  color:#6c9d31;
  background-color:#000;
}

#under a {
  color:#000;
  background-color:#eaeaea;
  }
#under a:hover {
  color:#fff;
  }
  
  .subnav {
float:left;
  padding:0px 0px 0px 5px;
  border-bottom:1px solid #dcdcdc;

}  
  
#subnav {
float:left;
padding:0px 25px 5px 5px;
font-size:1em;
font-weight:bold;

  
  }
#subnav ul {
  margin:0px;
  padding:0px;
  list-style:none;
}


#subnav li {
  margin:0;
  padding:2px 0px 2px 0px;
  list-style:none;
  line-height:normal;
  text-indent:0;
}


#subnav a, #nav strong {
  display:block;
  padding:0px;
  text-decoration:none;
  white-space:nowrap;
  color:#6c9d31;

  }





#contact {
  float:left;
  width:100%;
  padding:5px 0px 5px 0px;
  
  }
    
#contact a {
	display: block;
	padding:0;
	white-space:nowrap;
	text-decoration:none;

}


#content ul{
padding:0px 0px 0px 20px;
list-style-image: none;
list-style: none;
}

  
#contact li { /* all list items */
	float: left;
	padding: 0px 35px 0px 0px;
	 /* width needed or else Opera goes nuts */

}

#contact li ul { /* second-level lists */
	position: absolute;
	float:left;
	clear:left;

	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


  
#contact li:hover ul, #contact li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

* html #forumnav a {
  width:1%;
  }
#forumnav {
  float:left;
  width:100%;
  padding:5px 0px 5px 0px;
  font-size:1em;
  font-weight: bold;
  text-transform:uppercase;
  
  }
    
#forumnav a {
	display: block;
	padding:6px 10px 6px 10px;
	color:#000;
	white-space:nowrap;
	text-decoration:none;

}



#forumnav a:hover {
  color:#0071BC;
   } 
  
#forumnav li { /* all list items */
	float: left;
	padding: 0px 35px 0px 0px;
	 /* width needed or else Opera goes nuts */

}

#forumnav li ul { /* second-level lists */
	position: absolute;
	float:left;
	clear:left;
	background-color:#eaeaea;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#forumnav li:hover ul, #forumnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#forumnav #page_title
{
padding:0px 50px 0px 50px;
margin: 0px;
}
#forumnav #icon
{
margin: 0px;
}