@charset "utf-8";
/* KPR Software */

body { background:#2d2d2d url(img/bg.jpg) repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }

h1 { font-size:22px; letter-spacing:-0.05em; margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { font-size:12px; color:#000; font-weight:bold; padding:0px; }

a { outline:none; }
a:link { color:#48D8D7; text-decoration:none; font-weight:bold; outline:none; }
a:visited { color:#48D8D7; text-decoration:none; font-weight:bold;  }
a:hover { color:#48D8D7; text-decoration:underline; font-weight:bold;  }

/*IDs*/
#grey { width:1000px; background:#383531; overflow:hidden; margin:0 auto; border:1px #000 solid; }

#container { width:916px; background:#191512; margin:0 auto; padding:0px 7px; overflow:hidden; }

#header { width:100%; background:#191512; padding:10px 0px; text-align:right; font-size:11px; }
#header ul { list-style:none; margin:0px; }

#banner { width:906px; height:158px; clear:both; background:url(img/banners/home.jpg) top left no-repeat; padding:20px 10px 0px 0px; }
#intro-text { width:350px; float:right; }
#intro-text h1 { margin:0 0 10px 0; }
#intro-text p { display:block; margin:5px 0 0 0; font-size:12px; }

#sidebar { width:205px; float:left; padding:15px 5px 20px 15px; background:#181512 url(img/side.jpg) top left no-repeat; margin-top:5px; min-height:400px; }
#sidebar ul { list-style:none; margin:0px; padding:5px; }
a.more { margin-right:20px; float:right; }

#faq { width:45px; height:32px; padding:75px 0px 0px 150px; background:url(img/faq.jpg) top left no-repeat; clear:both; float:left; margin-top:15px; }
#resellers { width:195px; height:32px; padding:75px 0px 0px 0px; background:url(img/resellers.jpg) top left no-repeat; clear:both; float:left; margin-top:15px; }
#dl { width:45px; height:32px; padding:75px 0px 0px 150px; background:url(img/driver-downloads.jpg) top left no-repeat; clear:both; float:left; margin-top:15px; }

#content { width:668px; float:right; padding:20px 0px 20px 20px; }

.product-wrap { width:668px; float:left; clear:both; margin-top:20px; }
.box-tie { width:195px; float:left; margin-right:20px; margin-top:20px; }
.top { width:195px; height:9px; background:url(img/top.jpg) top left no-repeat; }
.box { width:175px; padding:0px 10px 5px 10px; background:#fff url(img/bg-box.jpg) bottom left no-repeat; overflow:hidden; }
.box p { margin:0px; }
.box a { float:right; }

/* FOOTER */
#footer { width:100%; clear:both; padding:10px 0px; color:#fff; font-size:9px; text-align:center; border-bottom:1px solid #fff; padding:10px 0px; margin-bottom:15px; }
#footer ul { list-style:none; margin:0px; }
#footer li { display:inline; }
#footer a:link { color:#fff; text-decoration:none; float:none; }
#footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }
#footer img { margin:10px 30px 10px 0px; }

#pro ul { padding-left: 0; margin-left: 0;  color:#fff; }
#pro ul li { list-style:none; border-bottom:1px solid #fff; padding:3px 0px; }
#pro ul li a { display:block; padding: 0.2em 1em; color:#fff; text-decoration:none;  background:transparent; }
#pro ul li a:hover { color: #fff; background-color:#48D8D7;  }

/*CLASSES*/

.title { color:#43D7D6; font-size:18px; }
.logo { margin:0px 0px 0px 25px; }
.black { color:black; }
.aqua { color:#48D8D7; }
.bold { font-weight:bold; }
.greytitle { color:#333; font-size:18px; border-bottom:1px solid #fff; font-family:Tahoma, Arial, Verdana; margin:0px; }
.aquatitle { color:#48D8D7; font-size:18px; font-weight:normal; border-bottom:1px solid #fff; font-family:Tahoma, Arial, Verdana; margin:0px; }
.news-item { width:100%; clear:both; }
.go { width:25px; height:21px; padding:5px 0px 0px 7px; background:transparent url(img/go.png) top left no-repeat; }
.find { width:106px; height:21px; padding:5px 0px 0px 0px; text-align:center; background:transparent url(img/find.png) top left no-repeat; }
.centre { margin:0 auto; }
.space { margin-left:40px ; margin-bottom:15px; }
.cb { clear:both; }
.cb-mt { clear:both; margin-top:10px; }
.fl { float:left; }

ul.cb li img { margin-right:50px; float:left; margin-bottom:20px; margin-top:20px; }
.formstyle { width:190px; border:1px solid #000; font-size:11px; padding:3px; margin-bottom:5px; }
.button { width:60px; background-color:#48D8D7; color:#000; font-size:11px; border:1px solid #000; padding:3px; }


#product-banner { width:906px; height:158px; clear:both; background:url(img/banners/products.jpg) top left no-repeat; padding:20px 10px 0px 0px; }
#product-intro { width:195px; float:left; padding-left:20px; }
.four-product-wrap { width:886px; float:left; clear:both; margin-top:20px; padding-left:20px; }

#cont-banner { width:660px; height:178px; float:right; background:url(img/banners/contact.jpg) top left no-repeat; margin-top:5px; }
#address { width:250px; float:left; padding:0px 0px 0px 30px; margin:20px 50px 0px 0px; }
#address ul { padding:0; margin:5px; list-style:none; }
#map { width:360px; float:left; margin-top:20px; }

#case { width:668px; float:left; padding:0px 0px 20px 20px; }
#case-banner { width:660px; height:178px; float:right; background:url(img/banners/case.jpg) top left no-repeat; margin-top:5px; }

#dl-banner { width:660px; height:178px; float:right; background:url(img/banners/downloads.jpg) top left no-repeat; margin-top:5px; }
#driver-banner { width:660px; height:178px; float:right; background:url(img/banners/drivers.jpg) top left no-repeat; margin-top:5px; }

#profile-banner { width:660px; height:178px; float:right; background:url(img/banners/profile.jpg) top left no-repeat; margin-top:5px; }

#access-banner { width:660px; height:178px; float:right; background:url(img/banners/accessories.jpg) top left no-repeat; margin-top:5px; }

#faq-banner { width:660px; height:178px; float:right; background:url(img/banners/faq.jpg) top left no-repeat; margin-top:5px; }

#mkt-banner { width:906px; height:158px; clear:both; background:url(img/banners/markets.jpg) top left no-repeat; padding:20px 10px 0px 0px; }

#news-banner { width:906px; height:158px; clear:both; background:url(img/banners/news.jpg) top left no-repeat; padding:20px 10px 0px 0px; }

#gallery { width:226px; float:right; }
#gallery img { float:left; margin-right:6px; margin-bottom:6px; }