*	{
		margin:0;
		padding:0;
		border: none;
	}
	
	html	{
		background: #252525 url(../images/bg_repeat.jpg) repeat-x fixed; 
		/* Height is 100%, so the body can be 100% */ 
		height: 100%; 
	}

	body	{
		background: url(../images/kmmlayouts_bg-stripes-2560.png) scroll no-repeat;
		background-position: center -100px;
		height: 1200px;
		font: small Geneva, Arial, Helvetica, sans-serif;
	}
	
	blockquote	{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 80px;
		text-align: left;
	}
	
	cite {
		float: right;
		font: italic x-small Geneva, Arial, Helvetica, sans-serif;
		padding-top: 5px;
		padding-bottom: 20px; 
	}
	
	img {
		border: none;
	}
	
	h3	{
		font: italic medium Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #669999;
		padding-bottom: 10px;
	}
	
	h4	{
		font-size: small;
		font-weight: bold;
		color: #669999;
	}
	
	p	{
		margin-top: 5px;
		margin-bottom: 15px;
	}
	
	#newsletter	{
		width: 340px;
		height: 62px;
		background: url(../images/newsletter_icon.png) left top no-repeat;
		padding-top: 2px;
		margin-top: 5px;
		position: absolute; 
		}	

	#newsletter:hover	{
		background: url(../images/newsletter_icon.png) left -64px no-repeat;
		}
		
		#newsletter p {
			margin-top: 5px;
			margin-bottom: 0px;
			margin-left: 64px;
			color: #fff;
			}
		
		#newsletter a {
			color: #CCFF66;
			text-decoration: none;
			font-weight: bold;
			padding-right: 20px;
			}
		
		#newsletter a:hover {
			background: url(../images/tick.png) right no-repeat;
			}
	
	#inner div{
	/*	border: thin solid magenta;*/
	}
	
	#bottom	{
		background: url(../images/inner_bottom.png) bottom center no-repeat;
		clear: both;

	}
	
	#bottom p	{
			padding: 0 20px 0 0;
			color: #333;
		}
	
	#bottom a 	{
			text-decoration: none;
			color: #000;
		}
		
		#bottom a:hover	{
				border-bottom: 1px dotted #000;
			}
	
	#outer	{
		/*background:;*/
		height: 100%;
	}

	#content	{
		background: url(../images/content_repeat.png) center repeat-y;
		width: 880px;
		padding-bottom: 10px;
	}
	
	#endFrame	{
		background: url(../images/content_bottom.png) top center no-repeat;
		width: 880px;
		margin-top: 0px;
		height: 20px;
		border: none;
	}
	
	#inner	{
		background: #FFFFFF url(../images/inner_top.jpg) top center no-repeat;
		width: 820px;
		margin: 0 auto;
	}
	
	#header	{
		background: url(../images/kmm_logo.png) no-repeat bottom;
		width: 880px;
		height: 140px;
		vertical-align: bottom;
	}
	
	#menu	{
		background: url(../images/menu_bg.png) bottom center no-repeat;
		width: 880px;
		height: 54px;/**/
	}

	#menu_inner	{
		padding-top: 4px;
		margin-left: 40px
	}
	
	#pageTitle	{
	}
	
	#showcase{
		background: url(../images/showcase_bgrpt.png) repeat-x;
	}
	
	#col1{
		float: left;
		width: 55%;
		padding: 10px;
		padding-top: 0px;
		margin-top: 30px;
		margin-right: 10px;
		border-right: 1px dotted #CCCCCC
	}
	
	#col2{
		float: none;
		padding-left: 10px;
		padding-top: 30px;
		/*margin-top: 30px;*/
	}
	
	#col3{
		float: left;
	}
	
	#col4{
		float: left;
	}
	
	#col5{
		float: left;
	}
	
	#footer{
		background: url(../images/footer_bg.png) repeat-x top;
		width: 100%;
		height: 210px;
		clear: both;
	}
	
	#footer_inner	{
		width: 880px;
		margin: 0 auto;
		color: #fff;
	}
	
	#footer_inner a	{
		color: #fff;
	}
	
	#footer1{
		background: url(../images/address_bg.png) top left no-repeat;
		padding-top: 35px;
		border: none;
		width: 410px;
		height: 200px;
		float: left;
		margin-left: 30px;
	}
	
	#footer1 div	{
		 margin-left: 5px;
	}
	
	#footer2{
		border: none;
		width: 410px;
		height: 200px;
		float: left;
		margin-right: 30px;
		margin-top: 10px;
	}
	
	#validation{
	}

	#copyright{
		width: 840px;
		margin: 0 auto;
		text-align: right;
		color: #fff;
		font-style: italic;
	}
	
	#site_id	{
		text-indent: -9999px;	
		display: inline-block;
	}
	
	#wrapper	{
		width: 880px;
		margin: 0 auto;
	}
	
	#callout	{
		position: relative;
		top: -142px;
		left: 198px;
		/*background: ;*/
		width: 99px;
		height: 48px;
		display: block;
	}
	
	#callout a {
		background: url(../images/map-callout.png) no-repeat;
		display: block;
		width: 99px;
		height: 48px;
		overflow: hidden;
		text-indent: -9999px;
	}
	
/* ------------------------------------------------------------------------------- Main Menu Styles ---------------------------------------------------------------------------------- */	


#nav, #nav ul {
	width: 800px;
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 5000;
}

#nav li a { /* first level and all menu a tags unless otherwise styled */
	display: block;
	width: 10em;
	height: 35px;
	padding: 0px;
	padding-top: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#nav li:hover {
	background: url(../images/menu_hover.png) no-repeat bottom center;
}

#nav li .sub:hover{ /*for top level menu items that have a sub menu not working atm, unless styled on link but then doesn't stay lit on submenu mouseover :( */
	background: url(../images/menu_hover_sub.png);
}

#nav li li:hover {
	background: url(../images/submenu_over_rpt.png) repeat-y;
}

#nav li li a:hover {
	color: #00CC33;
	padding-left: 10px;
}


#nav li li a	{ /* 2nd level and all subsequent a tags unless otherwise styled */
/*	height: 26px;*/
	padding-top: 5px;
	font-weight: normal;
	text-align: left;
	color: #333;
	padding-left: 5px;
	padding-right: 1px;
}

#nav li li li a { /* 3rd and subsequent level a tags unless otherwise styled */
	width: auto;
	padding-left: 5px;
	color: #fff;
}

#nav li li li a:hover {
	color: #fff;
}

#nav li li .lv3_btm { /* 3rd level endcap */
	background: url(../images/l3_btm.png) no-repeat top;
	height: 15px;
}

#nav li li .lv3_btm:hover { /* 3rd level endcap */
	background: url(../images/l3_btm.png) no-repeat top;
}

#nav li { /* lvl1 li tags */
	float: left;
	width: 10em;
	text-align: center;
	background: url(../images/menu_off.png) no-repeat bottom center;
}

#nav li li { /* lvl2 li tags */
	float: none;
	width: 150px;
	background: url(../images/submenu_rpt.png) repeat-y;
}

#nav li #lv2_top { /* 2nd level right end cap */
	width: 150px;
	height: 12px;
	background: url(../images/submenu_top.png) no-repeat;
}

#nav li #lv2_end { /* 2nd level right end cap */
	width: 150px;
	height: 12px;
	background: url(../images/submenu_bottom.png) no-repeat;
}
	
#nav li li li { /* lvl3 li tags */
	width: 200px;
	float: none;
	background: #666666;
	text-align: left;
}

#nav li li li:hover {
	background: #333333;
}

#nav li ul { /* 2nd level menu ul */
	position: absolute;
	/*width: 10em;*/
	left: -999em;
}

#nav li ul ul { /* 3rd level menu ul */
	margin: 0;
	margin-top: -1px;
	width: 129px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}


#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul  {
	left: 120px;
}

#nav li li:hover ul, #nav li li.sfhover ul{
	left: auto;
}

.dd	{ /* for 2nd level menu links that have a sub level, should add a down arrow next to the link*/
	
}

#nav ul #lvl_e	{ /*right endcap for top level menu*/
	background: url(../images/cs_blocks.png);
	width: 129px;
	height: 31px;	
}

#nav .sub:hover {
	background: url(../images/submenu_parent_hover.png) no-repeat bottom center;
	}
	
#nav .active	{
	background: url(../images/menu_active.png) no-repeat bottom center;
	}

/* ------------------------------------------------------------------------ contact form styles ----------------------------------------------------------------------------------- */

label	{
	vertical-align: top;
	color: #CCCCCC;
}

#contact_wrapper {width:100%;}

#contact_wrapper h4 {
	color: #FFFFFF;
}

.contactForm	{
	text-indent: 85px;
}

.message {background:#eee; color:#000; display:none; width: 310px; padding: 10px; position: absolute; z-index: 10000; margin: 0 auto;}

.message li	{list-style-type: none; text-indent: 10px; color: #990000;}

.contact {vertical-align: top; text-align: right; margin-top: 5px;}

.contact ul {list-style-type:none; width:100%; vertical-align: top;}

.contact li {list-style-type:none; vertical-align: top;  margin: 0px; padding-top: 2px;}

.contact li.special {display:none;}

.input {width:320px;}

.contact textarea {width:320px;}

.submitbutton	{
	text-indent: 328px;
}

/* ---------------------------------------------------------------- styles for product pages -------------------------------------------------------------------------------------- */

img	{
	border: 0px;
}

#content_header	{
	width: 820px;
	height: 150px;
	background: url(../images/showcase_bgrpt.png) repeat-x top;

}

#content_header #curves {
	background: url(../images/inner_top_clear.png) top no-repeat;
	height: 100%;
}

div #scomp_logo	{
	background: url(../images/1416_logo.png) no-repeat;
	float: left;
	width: 368px;
	height: 113px;
	margin-top: 20px;
	margin-left: 15px;
}

div #scomp_bimg {
	background: url(../images/1416fish.png) top right no-repeat;
	float: right;
	width: 50%;
	height: 189px;
	margin-right: 0px;
	margin-bottom: -100px;
}

div #f176_logo	{
	background: url(../images/176_logo.png) top left no-repeat;
	float: left;
	width: 371px;
	height: 120px;
	margin-top: 20px;
	margin-left: 15px;
}

div #f176_bimg {
	background: url(../images/176_banner_image.png) top right no-repeat;
	float: right;
	width: 50%;
	height: 318px;
	margin-right: 0px;
	margin-bottom: -200px;
}

div #cs_logo	{
	background: url(../images/cs_logos.png) top left no-repeat;
	float: left;
	width: 400px;
	height: 130px;
	margin-top: 20px;
	margin-left: 30px;
}

div #cs_blocks {
	background: url(../images/cs_blocks.png) top right no-repeat;
	float: right;
	width: 20%;
	height: 245px;
	margin-right: 30px;
	margin-bottom: -100px;
}

div #gong_logo	{
	background: url(../images/gong_logo_300x100.png) top left no-repeat;
	float: left;
	width: 300px;
	height: 130px;
	margin-top: 20px;
	margin-left: 15px;
}

div #gong_gavel {
	background: url(../images/gong_gavel.png) top right no-repeat;
	float: right;
	width: 50%;
	height: 207px;
	margin-right: 0px;
	margin-bottom: -150px;
}

div #od_logo	{
	background: url(../images/kod-300x100.png) top left no-repeat;
	float: left;
	width: 300px;
	height: 130px;
	margin-top: 20px;
	margin-left: 30px;
}

div #od_blocks {
	background: url(../images/kod_group_359x332.png) top right no-repeat;
	float: right;
	width: 40%;
	height: 332px;
	margin-right: 30px;
	margin-bottom: -150px;
}

div #tp_logo	{
	background: url(../images/tp_logo-260.png) top left no-repeat;
	float: left;
	width: 260px;
	height: 130px;
	margin-top: 20px;
	margin-left: 30px;
}

div #tp_blocks {
	background: url(../images/tp_floating.png) top right no-repeat;
	float: right;
	width: 40%;
	height: 332px;
	margin-right: 0px;
	margin-bottom: -150px;
}

div #kbr_logo	{
	background:  url(../images/usb_kbr_260.png) top left no-repeat;
	float: left;
	width: 260px;
	height: 130px;
	margin-top: 20px;
	margin-left: 30px;
}

div #kbr_blocks {
	background: url(../images/usbKeys_332.png)top right no-repeat;
	float: right;
	width: 40%;
	height: 332px;
	margin-right: 0px;
	margin-bottom: -170px;
}

div #ead_logo	{
	background: url(../images/ead_260.png) top left no-repeat;
	float: left;
	width: 260px;
	height: 150px;
	margin-top: 0px;
	margin-left: 30px;
}

div #ead_blocks {
	background: url(../images/tokinabox_websmall.png) top right no-repeat;
	float: right;
	width: 40%;
	height: 332px;
	margin-right: 20px;
	margin-bottom: -170px;
}
#content_header h1 {
	text-indent: -9999px;
}

#tabs	{padding-top: 40px; width: 100%; height: 435px; border: none;}

#tabs ul	{margin-bottom: 0px; border: none;}

#tabs li	{display: inline; border: none;}

#tabs li a {display: inline-block; width: 120px; height: 35px; color: #666; text-align: center; text-decoration: none; border: none;}

#tabs li a:hover {display: inline-block; width: 120px; height: 35px; color: #666; text-align: center; text-decoration: none; border: none;}

#tabs p {padding: 10px; width: 80%}

#tabs a {color: #6699CC; text-decoration: none;}

#tabs a:hover {color: #66CCFF; text-decoration: none;}

#reqs	{list-style-type: circle; margin-left: 10px; padding-top: 10px; }

#reqs li	{display: block; list-style-type: circle; padding-bottom: 30px;}

#tabs ol	{
	display: block; margin-left: 10px; padding-top: 10px;
}

#tabs ol li	{
	display: block; text-indent: 10px;
}

#tabs table	{
	width: 90%;
	border: thin solid #000;
	margin-left: 10px;
	background: #CCCCCC;
}

#tabs table td	{
	border-left: thin solid #999;
	border-bottom: thin soid #999;
	padding: 3px;
}

#tabs table th	{
	border-bottom: thin solid #000;
	text-align: left;
	padding: 3px;
}
#leftSide	{
	width: 400px;
	margin-left: 10px;
	margin-top: 40px;
	float: left;
}

#leftSide p {
	margin: 0px;
	width: 95%;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
}

#leftSide ul {
	width: 95%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
}

#leftSide li	{
	padding-bottom: 5px;
}

#rightSide	{
	width: 340px;
	margin-top: 40px;
	margin-right: 10px;
	float: right;
}

#rightSide img	{
	border: 0px;
}

#features	{
	float: none;
	width: 315px;
	color: #fff;
}

#features ul	{
	padding-left: 15px;
	list-style-type: circle;
}

#features li	{
	padding-bottom: 5px;
}

#features_top	{
	width: 315px;
	padding: 5px;
	padding-bottom: 0px;
	height: 5px;
	background: url(../images/features_top.png) top no-repeat;
}

#features_inner	{
	width: 315px;
	padding: 5px;
	padding-top: 0px;
	background: url(../images/features_rpt.png) center repeat-y;	
}

#features_inner ul	{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

#features_inner li	{
	padding-bottom: 10px;
	padding-left: 5px;
}

#features_btm	{
	width: 315px;
	padding: 5px;
	height: 10px;
	background: url(../images/features_btm.png) bottom no-repeat;
}

.rightAligned	{
	background: url(../images/rightAlignbg.png) bottom no-repeat;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	width: 320px;
}
	
.inactive:hover	{background: url(../images/tab_marker_inactive.png) bottom center no-repeat;}

.tab {background: #f1f1f1 url(../images/inner_btm_clear.png) bottom center no-repeat; width: 100%; height: 400px; padding-top: 0px; border-top: 1px solid #CCCCCC;}

.active	{color: #333; background: url(../images/tab_marker_active.png) bottom no-repeat; border: none;}

.alt	{
	background: #8a8a8a;
	color: #fff;
}