

	/*
	Author: KiSpring Inc.
	date  : 9/29/08 
	*/


	body{
		font: 12px/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
		background:#FFFFFF url("../images/bg.jpg") repeat-x;
		margin:20px;
		}
	img{border:none;}

	.noscript{
		font-size:14pt;
		color:#FFFFFF;
		text-align:center;
		background:#bc1f1f;
		padding:10px;

		}



	/* NAVIGATION HEADER */
	.navigation{
		width:881px;
		height:111px;
		margin-right:auto;
		margin-left:auto;
		border-bottom:solid 1px #e7e7e7;
		}
	.navigation div{
		float:left;
		margin-top:36px;
		}
	.navigation ul{
		list-style-type:none;
		margin:7px 0px 0px 70px;
		}
	.navigation ul li{
		float:left;
		margin-right:1px;
		}
	.navigation a{
		display:block;
		height:29px;
		outline:none;
		}

	.home, .current .home:hover{
		background: url("../images/nav/home.gif") no-repeat;
		background-position:0px -30px;
		}
	.current .home, .current .home:hover{background-position:0px 0px;}
	.home:hover{background-position:0px -59px;}
	.ourcompany{
		background: url("../images/nav/ourcompany.gif") no-repeat;
		background-position:0px -30px;
		}
	.current .ourcompany, .current .ourcompany:hover{background-position:0px 0px;}
	.ourcompany:hover{background-position:0px -59px;}

	.products{
		background: url("../images/nav/products.gif") no-repeat;
		background-position:0px -30px;
		}
	.current .products, .current .products:hover{background-position:0px 0px;}
	.products:hover{background-position:0px -59px;}
	.solutions{
		background: url("../images/nav/solutions.gif") no-repeat;
		background-position:0px -30px;
		}
	.current .solutions, .current .solutions:hover{background-position:0px 0px;}
	.solutions:hover{background-position:0px -59px;}
	.news{
		background: url("../images/nav/news.gif") no-repeat;
		background-position:0px -30px;
		}
	.current .news, .current .news:hover{background-position:0px 0px;}
	.news:hover{background-position:0px -59px;}




	.notice{
		width:885px;
		height:130px;
		text-align:center;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		overflow:hidden;
		}
	.notice img{margin-top:30px;margin-bottom:30px;}

	.large-notice{
		font-size:25pt;
		text-align:center;
		padding-top:80px;
		height:200px;
		width:885px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		}
	.medium-notice{
		font-size:19pt;
		text-align:center;
		padding-top:10px;
		width:885px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		}
	.small-notice{
		font-size:14pt;
		text-align:center;
		padding-top:10px;
		height:180px;
		width:885px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		}


	/* BLOCK QUOTE */

	.quote{
		font-size:9pt !important;
		font-style:italic;
		line-height:14px;
		background: url("../images/quote.gif") no-repeat;
		padding:35px 20px 20px 20px;
		height:100px;
		}
	.quote span{color:#666666 !important;}
	.quote sup{
		font-size:7pt !important;
		color:#696969;
		}

	/* PRODUCT IMAGE */
	.product{
		width:885px;
		height:303px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:0px;
		margin-top:5px;
		position:relative;
		}

	.product .asm, .product .kipoint, .product .kidisplay{
		width:291px;
		height:291px;
		position:absolute;
		}


	.product .asm{left:4px;}
	.product .kipoint{left:304px;}
	.product .kidisplay{left:598px;}

	.product .item{
		width:370px;
		position:absolute;
		left:12px;
		top:30px;
		}
	p a{color:#306E9A;}
	p a:hover{
		color:#000000;
		background:#f0f9fe;
		}

	/* PRODUCT */

	.product .description{
		margin:20px 14px 0px 14px;
		}
	.product .description h1 a, .product .description h2 a, .product .description h3 a{
		font-size:20pt;
		font-weight:normal;
		text-decoration:none;
		color:#000000;
		margin:0px;
		padding:0px;
		}
	.product .item .description h1 a{color:#2b475c}
	.product .description h1,.product .description h2, .product .description h3  {margin:0px;}
	.product .description p{
		font-size:9pt;
		color:#333333;
		line-height:14px;
		margin-bottom:10px;
		}
	.product .item .description p{
		font-size:11pt;
		color:#666666;
		line-height:16px;
		}
	.product .description p span{
		font-weight:bold;
		color:#2B5C7F;
		}

	.product .more{
		text-align:left;
		padding-right:5px;
		}
	.product .item .more{
		text-align:left;
		margin-top:35px;
		}
	.product .item .more a{
		float:left;
		margin-right:5px;
		}



	/* CASE */
	.case{
		background: url("../images/rss-bg.gif") repeat-x;
		background-position:left bottom;
		padding:20px 0px 10px 0px;
		margin:0px 0px 20px 25px;
		}
	.case div{
		font-size:8pt;
		color:#D3D3D3;

		clear:both;
		text-align:right;
		margin-right:25px;
		}

	.case ul, .case li{
		list-style-type:none;
		margin:0px;
		padding:0px;
		}
	.case ul{
		margin:0px 0px 0px 40px;
		clear:both;
		}
	.case li{
		float:left;
		padding:4px;
		}

	.case .label{
		font-size:12pt;
		text-align:right;
		color:#d3d3d3;
		width:60px;
		padding-right:10px;
		}
	.case .client{
		font-size:16pt;
		}
	.case .descr{
		font-size:9pt;
		color:#666666;
		}
	.case li span{
		color:#5b8118;
		background:#FFFFFF !important;
		}

	/* TAG LINE */

	.product .tag{
		text-align:center;
		width:291px;
		height:32px;
		position:absolute;
		bottom:0px;
		}
	.product .tag a, .product .tag a:hover{
		font-size:9pt;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		}

	.product .tag-large{
		text-align:center;
		width:885px;
		height:44px;
		position:absolute;
		bottom:0px;
		background: url("../images/tag-large-bg.gif");
		}
	.product .tag-large a, .product .tag-large a:hover{
		font-size:9pt;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		margin-top:12px;
		}


	/* CONTENT BODY */
	.content-body{
		width:885px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		/*border-top:solid 1px #CACACA;*/
		}

	/**/


	.sidebar{
		width:291px;
		float:left;
		}

	.content{
		width:590px;
		float:right;
		margin-top:30px;
		margin-bottom:80px;
		}


	.content .lft-col{
		margin-left:10px;
		width:290px;
		float:left;
		}
	.content .rgt-col{
		width:290px;

		float:right;
		}


	/* TABS */


	.panel{display:none;}


	/* SIDEBAR */
	.sidebar ul{
		list-style-type:none;
		margin:2px 0px 0px 0px;
		padding:0px;
		}
	.sidebar ul li{
		background:#FFFFFF;
		margin:0px;
		
		}
	.sidebar ul li.current{
		background:#FFFFFF url("../images/tabs.gif") repeat-y;
		margin:0px;
		}
	.sidebar ul li a{
		font-size:14pt;
		color:#8c8c8c;
		text-decoration:none;

		border-top:solid 1px #eaeaea;
		display:block;
		padding:6px 5px 7px 28px;
		}
	.sidebar ul li.current a{color:#333333 !important}
	.sidebar ul li ul li{
		background:#f0f9fe url("../images/sub-tabs.gif") no-repeat;
		background-position:top right;
		border-top:solid 1px #FFFFFF;
		border-left:solid 1px #eaeaea;
		border-right:solid 1px #FFFFFF;
		}
	.sidebar ul li ul li div{
		font-size:8pt;
		font-weight:bold;
		color:#666666;
		margin-left:45px;
		padding:3px;
		cursor:default;
		}

	/* TABS DEFAULTS */
	.active-tab-body {display: block;}
	.sidebar ul li ul {display:none;}
	.sidebar ul li.current ul {display:block;}


	/* TEXT CONTENT */
	.content .sec, .columns .sec{
		margin:0px 10px 15px 10px;
		clear:both;
		}
	.content .sec-note{
		margin:0px 20px 15px 20px;
		clear:both;
		}

	.content h1, .columns h1{
		font-size:15pt;
		font-weight:normal;
		color:#333333;

		margin:0px;
		padding:0px;
		}
	.content h2{
		font-size:15pt;
		font-weight:normal;
		color:#333333;

		margin:0px;
		padding:0px;
		}

	.content sup{font-size:8pt;}
	.content .hr{
		border-bottom:dotted 1px #D3D3D3;
		margin:10px 0px 30px 0px;
		}

	.content p.large{
		font-size:11pt;
		color:#8c8c8c;
		}
	.content p{
		font-size:9pt;
		color:#666666;
		margin-bottom:10px;
		}
	.content p span{
		font-size:10pt;
		font-weight:bold;
		color:#35729E;
		}

	.spec p{
		font-size:8pt !important;
		line-height:12px;
		}

	.content p img{
		float:left;
		margin:5px 10px 3px 0px;
		}

	.content .new{
		font-size:7pt;
		font-weight:bold;
		color:#FFFFFF;
		position:absolute;
		left:-40px;
		top:4px;
		background: url("../images/new.gif") no-repeat;
		width:40px;
		height:20px;
		}


	/* SPECIFICATION LISTS */
	.content .gray{background:#F5F5F5;}

	.content ul li {
		font-size:8pt;
		position:relative;
		}
	.content ul li span{
		font-size:7pt;
		font-weight:bold;
		background:#ddecf7;
		}

	/* ACRONYM CURSOR */
	acronym{cursor:help;}
	acronym:hover{background:#f0f9fe;}

	/* CONTACT FORM */
	.hide{display:none;}
	.form-sec{
		margin-top:10px;
		padding:25px 25px 140px 25px;
		background:#F5F5F5 url("../images/footer-bg.gif") repeat-x;
		background-position:left bottom;
		clear:both;
		border-top:solid 4px #D3D3D3;
		}
	.form-sec h2{
		font-size:20pt;
		}
	.form-sec p{margin-bottom:30px;clear:both;}

	form .row{clear:both;}
	form .row div{
		float:left;
		width:35%;
		}
	form input.txt, form textarea{
		font-size:11pt;

		border:solid 1px #CCCCCC;
		
		width:93%;
		padding:3px;
		margin:3px 5px 18px 0px;
		background: #ffffff url("../images/text-field-bg.gif") repeat-x;
		}
	form input.txt:focus, form textarea:focus{border:solid 1px #5599ca;}

	form textarea{height:120px;}
	form label{
		font-size:10pt;
		font-weight:bold;
		color:#666666;
		display:block;
		}
	form label span{
		font-size:7pt;
		color:#D3D3D3;
		}
	form .msg-body, form .email{clear:both;}

	form .submit{
		margin:20px 0px 20px 0px;
		}

	form #error{
		font-size:8pt;
		font-weight:bold;
		color:#FFFFFF;
		background:#b21d1d;		
		padding:4px;
		text-align:center;
		width:93%;
		visibility:hidden;
		}


	/* TICKER */
	.ticker{
		text-align:center;
		background: url("../images/rss-bg.gif") repeat-x;
		background-position:bottom left;
		width:885px;
		min-height:20px;
		padding:16px 0px 13px 0px;
		margin-left: auto;
		margin-right:auto;
		margin-top:0px;
		position:relative;
		clear:both;
		}
	.ticker ul{
		list-style-type:none;
		margin:0px;
		padding:0px;
		}
	.ticker ul {display:none;}
	.ticker #togglenewsticker{
		background: url("../images/rss-ticker.gif") no-repeat;
		position:absolute;
		top:20px;
		left:10px;
		width:16px;
		height:16px;
		}
	.ticker #togglenewsticker:hover{
		background: url("../images/rss-ticker-toggle.gif") no-repeat;
		}
	.ticker a{
		font-size:10pt;
		font-weight:bold;
		font-style:normal;
		color:#666666;
		letter-spacing:1px;
		text-decoration:none;
		background: url("../images/hilight-gray.gif") repeat-x;
		padding:3px;
		}

	.ticker a:hover span{
		color:#1c3a4f;
		border-bottom:solid 2px #2B5C7F;
		}



	/* NEWS */
	.news-headlines{
		width:881px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:65px;
		}
	.news-headlines ul{
		list-style-type:none;
		clear:both;
		width:100%;
		margin:0px;
		padding:0px;
		border-top:solid 1px #F5F5F5;
		}

	.news-headlines ul li{float:left;}

	.news-headlines .date{
		font-size:8pt;
		font-style:italic;
		text-align:right;
		line-height:9pt;
		color:#D3D3D3;
		width:120px;
		padding:16px 0px 10px 0px;
		}
	.news-headlines .date b{font-size:7pt;}
	.news-headlines .title{
		font-size:18pt;
		color:#646464;
		line-height:22pt;
		padding:15px 0px 10px 10px;
		width:410px;
		}
	.news-headlines .title a{
		color:#306e9a;
		text-decoration:none;
		}
	.news-headlines .title a:hover{
		color:#666666;
		text-decoration:underline;
		}
	.news-headlines .summary{
		font-size:8pt;
		color:#666666;
		width:320px;
		float:right !important;
		padding:10px 0px 10px 10px;
		}

	.news-headlines .month{
		font-size:8pt;
		font-weight:bold;
		color:#D3D3D3;
		clear:both;
		
		padding:3px 3px 3px 6px;
		}


	/* SITEMAP COLUMNS */
	.col-1, .col-2, .col-3{
		width:280px;
		float:left;
		margin:0px 5px 150px 0px;
		}


	.col-1 .title, .col-2 .title, .col-3 .title{
		font-size:16pt;
		font-weight:bold;
		color:#666666;
		}
	.col-2 .sub{font-weight:bold !important;}

	.col-2 ul li ul li{font-weight:normal !important;}

	.col-1 a, .col-2 a, .col-3 a{
		font-size:9pt;
		color:#666666;
		text-decoration:none;
		}
	.col-1 a:hover, .col-2 a:hover, .col-3 a:hover{text-decoration:underline;}
	.col-1 a:visited, .col-2 a:visited, .col-3 a:visited{color:#6795b5;}


	/* FOOTER */
	.footer{
		font-size:8pt;
		color:#999999;
		width:885px;
		margin-right:auto;
		margin-left: auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:8px 0px 8px 0px;
		clear:both;
		background:#F5F5F5;
		position:relative;
		border-top:solid 5px #FFFFFF;
		}
	.footer div{margin-left:10px;}
	.footer .links{
		color:#D3D3D3;
		position:absolute;
		top:8px;
		right:10px;
		}
	.footer a{color:#D3D3D3;}

	.valid-xhtml{
		padding-top:10px;
		}
	.valid-xhtml a{
		font-size:7pt;
		font-weight:bold;
		text-decoration:none;
		color:#dcdcdc;
		}
	.valid-xhtml a:hover{
		color:#D3D3D3;
		text-decoration:underline;
		}


	/* PRODUCT SELECTION */

	.footer-links{
		color:#d5d5d5;
		text-align:center;
		width:885px;
		height:160px;
		margin-top:0px;
		margin-left: auto;
		margin-right:auto;
		margin-bottom:10px;
		padding:20px 0px 0px 0px;
		position:relative;
		background: #FFFFFF url("../images/footer-bg.gif") repeat-x;
		background-position:left top;
		}
	.footer-links ul{
		text-align:left;
		
		
		margin:0px 0px 0px 0px;
		padding:20px 20px 20px 25px;
		float:left;
		list-style-type:none;
		}
	.footer-links ul a{
		font-size:8pt;
		font-style:normal;
		text-decoration:none;
		color:#666666;
		padding:4px;
		}
	.footer-links ul a b{
		font-size:9pt;
		font-weight:bold;
		}
	.footer-links ul a:hover{
		/*text-decoration:underline;*/
		/*background:#fffea9;*/
		background:#D3D3D3;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}

	.footer-links a.sitemap{color:#d5d5d5 !important;}
	.footer-links a.sitemap:hover{color:#666666 !important;}

	.footer-links .contact-footer{
		position:absolute;
		top:20px;
		right:0px;
		height:150px;
		background: url("../images/footer-icon.gif") no-repeat;
		background-position:10px 2px;
		}
	.footer-links .contact-footer{
		font-size:8pt !important;
		color:#a4a4a4;
		}
	.footer-links .contact-footer b{color:#666666;}
	.footer-links .contact-footer div{
		text-align:left;
		margin:0px 25px 0px 35px;
		}
	.footer-links .contact-footer span{
		padding:3px;
		background:#F5F5F5;
		}




