@charset "utf-8";
/* CSS Document */
body{background:#000 url(../images/bg.jpg) no-repeat center top; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; min-height:100%;}
h1{}
h2{}
p{font-size:12px; margin:5px; padding:0; position:relative;}

#pros{position:relative; margin:0 auto; text-align:center;}
#pros p{font-family:Impact, Tahoma, Verdana, "Times New Roman"; font-size:35px; color:#fff; margin:5px;}

a{color:#3399FF; text-decoration:none;}
a:hover{text-decoration:underline;}

#container{display:block; width:960px; margin: 0 auto; margin-top:220px; padding-top: 15px; margin-bottom: 30px;}
#content{display:block; position:relative; width:auto; margin:0 auto; background:transparent; color:#fff; font-size: 12px; padding: 10px; padding-top: 20px;}
#footer{position:fixed; bottom:0px; width:100%; text-align:center; border-top: 1px solid #333333; font-weight:bold; background:#000}
#footer p strong{color:#FF0000;}

#price_list{width:100%;}
#price_list2{width:100%;}
#price_list3{width:100%;}
#price_list4{width:100%;}
#price_list5{width:100%;}
#price_list td{border-bottom:1px solid #333333; padding:5px; margin-bottom: 10px;}
#price_list2 td{border-bottom:1px solid #333333; padding:5px; margin-bottom: 10px;}
#price_list3 td{border-bottom:1px solid #333333; padding:5px; margin-bottom: 10px;}
#price_list4 td{border-bottom:1px solid #333333; padding:5px; margin-bottom: 10px;}
#price_list5 td{border-bottom:1px solid #333333; padding:5px; margin-bottom: 10px;}

.show{display:block; width:100%;}

#links{clear:both; display:block; margin:0; padding-top:5px; text-align:center; background:#101010; border-top:1px solid #191919;}
#links a{display:inline-block; margin: 0px 15px; padding-bottom: 5px; font-size: 12px; color: #fff; font-weight:bold; border-bottom:2px solid transparent;}
#links a:hover{border-bottom:2px solid #ff0000; text-decoration:none;}
.products:hover{border-bottom:2px solid #ff0000; text-decoration:none;}

#logo{display:block; margin:0 auto; margin-bottom: 5px; height:70px; width:320px; background:url(../images/website_flash.png) no-repeat bottom center;}
.red{color:#FF0000}

#prods{position:relative; display:block; width: 960px; margin:0 auto; margin-top:10px;}

.install{width:auto; display:none;}
.hide{display:none;}

#bestweb{display:block; position:absolute; bottom:30px; left: 10px; width:100px; height:130px; background:url('../images/bestweb.png') no-repeat center center;}

#top_layer{display:block; position:fixed; top:0; width:100%; background:url('../images/trans_ninety.png'); z-index:998; margin:0 auto; border-bottom: #191919 1px solid;}
#products{display:block; position:relative; width:960px; margin:0 auto; margin-bottom:8px;}

#loading_page{
	display:none;
	margin:0 auto;
	margin-top: 10px;
	text-align:center;
	color:#ccc;
	font-weight: bold;
}

#main {
	position:relative;
	width: auto;
	display: block;
	overflow: show;
	margin:0 auto;
	text-align:center;
	background-color: #202020;
	border: 2px solid #303030;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}

#main_rest{
	position:relative;
	width: auto;
	display: block;
	overflow: show;
	margin:0 auto;
	text-align:justify;
	background-color: #202020;
	border: 2px solid #303030;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
	padding:15px;
}
#main2 {
	position:relative;
	width: auto;
	display: block;
	overflow: show;
	margin:0 auto;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}

#rightside{
	position:relative;
	width: 206px;
	display: block;
	float:right;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
	margin-top:10px;
}

#leftside{
	margin-right: 220px;
	margin-top:10px;
}

.box{
	background-color: #202020;
	border: 2px solid #303030;
	width: auto;
	margin-bottom: 25px;
	padding: 10px;
}

.box h3{
	padding:0;
	margin:0;
	margin-top: -22px;
	margin-left: -8px;
	margin-bottom: 10px;
}

.box ul.lists{
	padding:0;
	margin:0;
	list-style-type:none;
}

.box ul.lists li{
	position:relative;
	clear:both;
	padding:0;
	margin:0;
	padding-top: 4px;
	border-bottom: 1px solid #303030;
}

.box ul.lists li h4{
	padding:0;
	margin:2px 0;
	font-size:11px;
}

.box ul.lists li h4 a{
	font-size:11px;
	color:#fff;
}

.box ul.lists li h4 a:hover{
	font-size:11px;
	color:#ff0000;
	text-decoration:none;
}

.box ul.lists li p{
	padding:0;
	margin:2px 0;
	margin-bottom: 5px;
	font-size:11px;
	text-align:left;
}

.box ul.lists li span{
	position:relative;
	display:block;
	float:right;
	font-size:9px;
	margin-bottom: 5px;
}

.box ul.lists li div a{
	display:block;
	padding-left:10px;
}

.box #accordion h4{
	padding:0;
	margin:2px 0;
	font-size:11px;
	padding: 4px 0;
	border-bottom: 1px solid #303030;
}

.box #accordion h4 a{
	font-size:11px;
	color:#fff;
}

.box #accordion h4 a:hover{
	font-size:11px;
	color:#ff0000;
	text-decoration:none;
}

.box #accordion p{
	padding:0;
	margin:2px 0;
	margin-bottom: 5px;
	font-size:11px;
	text-align:left;
}

.box #accordion span{
	position:relative;
	display:block;
	float:right;
	font-size:9px;
	margin-bottom: 5px;
}

.box #accordion div a{
	display:block;
	padding-left:10px;
}

.box ul.lists li div{
	margin-bottom: 3px;
}

.proj_list{
	border-bottom: 1px solid #303030;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.proj_list h4{
	display:block;
	width: auto;
	background: #000;
	padding: 10px;
	padding-left:3px;
	margin:0;
}

.proj_link p{
	padding-left:0;
	margin-left:0;
}

.align_right{
	float:right;
}

.pad_bott{
	padding-bottom: 10px;
}

#main p{text-align:justify;}
.semi_t{	
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}

#hidden_link{
	display:none;
}

#cats{
	display:block;
	width:100%;
	text-align:center;
	padding:0;
	margin:3px;
	list-style-type:none;
}

#cats li{
	float:left;
	margin:3px;
	background-color:#000;
	cursor:pointer;
	width:140px;
	height:60px;
	text-indent:-999em;
}

#cats li.key{background:url(../images/category/keyboard.jpg) no-repeat; border:1px solid #000;}
#cats li.key:hover{background:url(../images/category/keyboard.jpg) no-repeat; border:1px solid #ff0000;}

#cats li.audio{background:url(../images/category/audio.jpg) no-repeat; border:1px solid #000;}
#cats li.audio:hover{background:url(../images/category/audio.jpg) no-repeat; border:1px solid #ff0000;}

#cats li.mice{background:url(../images/category/mice.jpg) no-repeat; border:1px solid #000;}
#cats li.mice:hover{background:url(../images/category/mice.jpg) no-repeat; border:1px solid #ff0000;}

#cats li.surface{background:url(../images/category/surface.jpg) no-repeat; border:1px solid #000;}
#cats li.surface:hover{background:url(../images/category/surface.jpg) no-repeat; border:1px solid #ff0000;}

#cats li.acc{background:url(../images/category/accessories.jpg) no-repeat; border:1px solid #000;}
#cats li.acc:hover{background:url(../images/category/accessories.jpg) no-repeat; border:1px solid #ff0000;}

#cats li.lim{background:url(../images/category/lim_ed.jpg) no-repeat; border:1px solid #000;}
#cats li.lim:hover{background:url(../images/category/lim_ed.jpg) no-repeat; border:1px solid #ff0000;}

#contactInfo{margin: 5px; border:1px solid #393939; padding:5px;}
#contactInfo td{padding:5px;}