/* CSS Document */

/* ------------------------------------------------------------------ LAYOUT ------------------------------------------------------------------- */
.divider { width:928px;height:20px; overflow:hidden; float:left; margin :0px; background:url(../images/background.jpg) repeat-y scroll;}

#left { width:888px; height:auto; overflow:hidden; float:left; margin :0px; padding-bottom:20px; padding-left:20px; padding-right:20px;  background:url(../images/background.jpg) right repeat-y scroll;}
#left h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin:0px; float:left; padding:0px; color:#005288; width:888px;}
#left p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; float:left; padding:0px; color:#535353; width:620px; padding-left:20px; padding-top:20px;}
#left p a {color:#535353; text-decoration:none; font-weight:bold}
#left p a:hover {color:#535353; text-decoration:underline}
#left img { float:left; margin-top:20px;}
#left h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#005288;padding-left:20px; padding-top:0px;width:620px; float:left; margin:0px;}
#left h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:0px; float:left; padding:0px; padding-left:20px; color:#005288; width:620px; }
#left h2 a {color:#005288; text-decoration:none}
#left h2 a:hover {color:#005288; text-decoration:underline}
#top { width:928px;height:256px; overflow:hidden; float:left; margin :0px; background:url(../images/banner.jpg) no-repeat scroll;}
/* ------------------------------------------------------------------ COLUMNS ------------------------------------------------------------------ */
#left ul { float:left; width:860px; list-style:none; margin:0px; padding:0px; font-size:12px; color:#535353; padding-top:10px;}
#left ul li { padding-left:20px; background:url(../images/bullet2.jpg) left top no-repeat; height:18px;}

#mainImages { width: 250px; float:left}
#mainImages2 { width: 250px; float:left}

#boxHolder {float:left; width:908px; padding-top:20px; padding-bottom:20px; padding-left:20px; background:url(../images/background.jpg)}
#boxHolder img { float:left; padding-right:8px;}
#boxHolder h3 {background:url(../images/bullet.jpg) top left no-repeat; float:left; margin:0px; padding:0px; font-size:14px;padding-left:35px; color:#005288; margin-left:20px; width:200px; padding-bottom:10px; padding-top:0px;}
.box {float:left; width:281px; padding-right:20px;}
.boxTop { width:281px; float:left; height:18px; background:url(../images/box_top.jpg) top left no-repeat}
.boxMiddle {width:281px; float:left; background:url(../images/box_middle.jpg) top left repeat-y; height:auto}
.boxMiddle p {float:left; width:250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#535353; padding-left:20px; margin:0px; padding-top:20px;}
.boxMiddle p a {color:#005288; text-decoration:none}
.boxMiddle p a:hover {color:#005288; text-decoration:underline}
.boxBottom {width:281px; float:left; height:18px; background:url(../images/box_bottom.jpg) top left no-repeat}

.aboutBox { float:left; width:888px;}
.contactBox {float:right; width:300px;}
.contactBox p { float:left; text-align:right; padding-right:20px; width:280px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#005288; font-weight:bold; margin:0px; padding:0px; padding-top:20px;}
.contactBox p a {color:#005288; text-decoration:none}
.contactBox p a:hover {color:#005288; text-decoration:underline}
.contactBox img {float:right; padding-top:10px; padding-right:20px; border:none}

.productHolder { float:left; width:295px; text-align:center; padding-top:20px;}

.projectBox {float:left; width:888px; padding:0px; margin:0px; padding-bottom:20px; padding-top:10px;}
.projectBox img {float:left; padding:0px; padding-right:10px; padding-left:12px; margin:0px;}
#screenshot {
	BORDER: #122025 1px solid; DISPLAY: none; Z-INDEX: 200; BACKGROUND: #5c5c5c; MARGIN: 0px; PADDING: 8px; POSITION: absolute
}


div#kpl_ovw_caption        { background-color:#005288; border-color: #122025; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:8px; font-weight: normal; text-align: center; position:fixed;
                             }			          

div#kpl_ovw_caption span   { font-size:   12px;}			                               /* caption text */

.layer3 {float:left; width:900px; margin:0px; padding:0px; margin-top:-7px;}
html>/**/body .layer3 {
	
	 margin-top:-1px;
}

.layer4 {float:left; width:900px; margin:0px; padding:0px; overflow:visible; margin-top:-7px;}
html>/**/body .layer4 {
	
	 margin-top:-1px;
}