@charset "UTF-8";
/* CSS Document 
* Website: Koren Nelson Design, All rights reserved.
* Author: George Rausch [http://modifiedideas.com]
*/

/* COLORS

Light gray: #9A9B9E
Dark gray: #87878C
White: #FFF
Light orange: #DE4C28
Fuchsia: #A62D5F
Red: #B52D34
Purple: #7A317A

*/

/* Reset CSS elements */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  
ol, li, dl, dt, dd, form, a, fieldset, input, th, td {  
	margin: 0; padding: 0; border: 0; outline: none;  
	} 

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
	
body {  
   line-height: 1;  
   font-size: 88%;  
   	}  

h1, h2, h3, h4, h5, h6 {  
  font-size: 100%;  
  padding: .6em 0;  
  margin: 0 15px;  
  	}  

ul, ol { list-style: none; }  
  
img { border: 0; }

a {
	text-decoration: none;
	color: #fff;
	}
	
a:hover {
	color: #DE4C28;
	}
/* DEFAULT STYLES */

body {
	background-image: url(images/bgrepeat2.gif);
	background-repeat: repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #87878C;
	}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom:2em;
	letter-spacing:1px;
	}

p.table{
	margin:0;
	font-size: 12px;
	}

img.square {
	height: 350px;
	width: 350px;
	}

.grayitalic {
	font-weight:bold;
	letter-spacing:3px;
	color: #9A9B9E;
	text-transform: uppercase;
	}
	
#wrapper {
	margin: 90px auto 0px auto;
	width: 402px;
	background: none;
	padding: 0;
	}

#maindisplay {
	position: relative;	
	width: 380px;
	height: 380px;
	background-color: #87878C;
	border: 2px solid #fff;
	padding: 9px;
	}

#topimage {
	position: absolute;
	width: 398px;
	height: 22px;
	top: -25px;
	left: 0px;
	background-image:url(images/kndslogan.png);
	background-repeat: no-repeat;
	}
	
*html #topimage { /* IE6 Transparent PNG fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/kndslogan.png', sizingMethod='scale');
	background: none;
	}	
	
#centerimage {
	position: relative;
	width: 350px;
	height: 350px;
	background-color: #fff;
	border: none;
	padding: 15px;
	}

#subnav1 {
	width: 398px;
	height: 67px;
	background-color: #87878C;
	border: 2px solid #fff;
	border-top: none; /* top border is used from the #maindisplay properties */
	margin: 0;
	padding: 0;
	}
	
*html subnav1 { /* IE6 FIX */
	width: 390px;
	}

#sectionlogo {
	float: left;
	width: 80px;
	height: 51px;
	border-right: 2px solid #fff;
	padding: 9px;
	}
	
#description {
	float: right;
	width: 262px;
	height: 31px;
	margin: 9px;
	padding: 9px;
	background-color: #fff;
	}
	
*html #description { /* IE6 FIX */
	width: 261px;
	height: 31px;
	margin: 9px 4px 0 0 !important;
	}
	
#descriptionimage { /* This is the description box with only an image in it */
	float: right;
	width: 280px;
	height: 49px;
	margin: 9px;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	}
	
*html #descriptionimage { /* IE6 FIX */
	padding: 0px;
	margin: 9px 4px 0 0;
	}
	
	
#subnavbar {
	width: 398px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-color: #87878C;
	border: 2px solid #fff;
	border-top: none; /* top border is used from the #subnav1 properties */
	}
		
/* ABOUT PAGE */


#centerimageabout {
	position: relative;
	width: 350px;
	height: 350px;
	background-color: #fff;
	border: none;
	padding: 15px;
	}
	
#centerimageabout p {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	margin-bottom:5px;
	}

#centerimageabout p.table{
	margin:0;
	font-size: 11px;
	}

/* SPECIAL SUBPAGE BACKGROUND IMAGES */

div.purple {
	height: 294px;
	width: 294px;
	padding: 28px;
	background-image: url(images/bgpurple.png);
	background-repeat: no-repeat;
	}

div.red {
	height: 294px;
	width: 294px;
	padding: 28px;
	background-image: url(images/bgred.png);
	background-repeat: no-repeat;
	}
	
div.fuchsia {
	height: 294px;
	width: 294px;
	padding: 28px;
	background-image: url(images/bgmaroon.png);
	background-repeat: no-repeat;
	}
	


/* SIDE NAVIGATION MENUS */

#sidenavigation {
	position: absolute;
	width: 100px;
	top: 9px;
	right: -109px;
	}
	
#sidenavigation ul li{
	padding-bottom: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	}

#sidenavigation ul li.smallspacing {
	letter-spacing: 2px;
	}
	
a.red:hover {
	color: #B52D34;
	}

a.fuchsia:hover {
	color: #A62D5F;
	}
	
a.purple:hover {
	color: #7A317A;
	}
		
td {
	vertical-align:top;
	}
	
/* SUB NAVIGATION CONTROLS */

#homebox {
	float: left;
	width: 98px;
	height: 22px;
	border-right: 2px solid #fff;
	background-color: #87878C;
	background-image: url(images/hometab.png);
	background-repeat:no-repeat;
	background-position: left top;
	}
	
a:hover #homebox{
	background-image:url(images/hometab.png);
	background-repeat:no-repeat;
	background-position: 0 -22px;
	}
	
#contactbox {
	float: left;
	width: 98px;
	height: 22px;
	border-right: 2px solid #fff;
	background-color: #87878C;
	background-image: url(images/contacttab.png);
	background-repeat:no-repeat;
	background-position: left top;
	}
	
a:hover #contactbox{
	background-image:url(images/contacttab.png);
	background-repeat:no-repeat;
	background-position: 0 -22px;
	}
	
#contactinfobox {
	float: left;
	width: 198px;
	height: 22px;
	background-image: url(images/contactinfo_tab.png);
	background-repeat:no-repeat;
	background-position: left top;
	}
	
a:hover #contactinfobox {
	background-image:url(images/contactinfo_tab.png);
	background-repeat:no-repeat;
	background-position: 0 -22px;
	}
	
#backbox {
	float: left;
	width: 98px;
	height: 22px;
	border-right: 2px solid #fff;
	background-image: url(images/backtab.png);
	background-repeat:no-repeat;
	background-position: left top;
	}
	
a:hover #backbox {
	background-image:url(images/backtab.png);
	background-repeat:no-repeat;
	background-position: 0 -22px;
	}
	
#nextbox {
	float: left;
	width: 98px;
	height: 22px;
	background-image: url(images/nexttab.png);
	background-repeat:no-repeat;
	background-position: left top;
	}
	
a:hover #nextbox{
	background-image:url(images/nexttab.png);
	background-repeat:no-repeat;
	background-position: 0 -22px;
	}


/* COMPANY DETAILS */

span.companyname {
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #87878C; 
	}
	
span.detail {
	font-size: 11px;
	font-style:oblique;
	color: #87878C; 
	}
	
a.web {
	display:block;
	font-size: 11px;
	letter-spacing: 1px;
	color: #87878C;
	margin-top: 3px;
	}
	
*html a.web {
	display: inline;
	}

a.web:hover {
	color: #DE4C28;
	}

	
/* EXTRAS */	
	
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.SpryHiddenRegion {
   visibility: hidden;
	}

.hidden {
	visibility:hidden;
	}