@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	background:url(images/bg_new_last.gif) repeat-y #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c1c1c1;
	
}

.nav a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #444444;
}

.nav a:hover
{
	background-color:#666666;
}

/* ----------------------------------------------------------- START NAV CSS -----------------------------------------------------------*/

.main a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #444444;
	background: url(images/recep.jpg) no-repeat;
}	

.main a:hover { background: url(images/reception.jpg) no-repeat;}


.news a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #444444;
	background: url(images/news1.jpg) no-repeat;
}	

.news a:hover{
	background: url(images/news2.jpg) no-repeat;

}



.products a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #444444;
	background: url(images/projshow.jpg) no-repeat;

}	

.products a:hover{
	background: url(images/proshow.jpg) no-repeat;

}




.gallery a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	background: url(images/gal.jpg) no-repeat;

}	

.gallery a:hover{
	background: url(images/gallery.jpg) no-repeat top;
}

.store a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	background: url(images/effect.jpg) no-repeat;
}	

.store a:hover{
	background: url(images/effects.jpg) no-repeat;
}

.tech a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #444444;
	background: url(images/techi.jpg) no-repeat;
}	

.tech a:hover{
	background: url(images/techroom.jpg) no-repeat;
}

.contacts a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#d7d7d7;
	border-bottom:1px solid #616264;
	padding:2px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #444444;
	background: url(images/conti.jpg) no-repeat;
}	

.contacts a:hover{
	background: url(images/contact_us.jpg) no-repeat;
}



/* ----------------------------------------------------------- END NAV CSS -----------------------------------------------------------*/

.biggerText
{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

.subbiggerText
{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
}

.colorGreen
{
	color:#00cb07;
}

.colorGay
{
	color:#CCCCCC;
}

.clickHere a
{
	padding:6px;
	background-color:#5e5e5e;
	color:#c1c1c1;
	text-decoration:none;
	display:block;
	border-left:5px solid #5e5e5e;
}

.clickHere a:hover
{
	color:#c1c1c1;
	background-color:#5e5e5e;
	border-left:5px solid #CCCCCC;
}

.picBorder
{
	border:3px solid #1b803d;
}

.just
{
	text-align:justify;
}

.roudnedCornersBack, .roudnedCornersBack a
{
	background-color:#3a4c61;
	color:#c1c1c1;
}

.roudnedCornersBack a:hover
{
	text-decoration:none;
}

.borderBottom
{
	border-bottom:1px solid #CCCCCC;
}

.borderBottom2
{
	border-bottom:1px solid #666666;
}

.SmallerText
{
	font-size:11px;
}

a img.picBorderLink
{
	border:3px solid #333;
}

a:hover img.picBorderLink
{
	border:3px solid #666;
	filter:;
}

a .gallery
{
	border:1px solid #666;
	
}

a:hover .gallery
{
	border:1px solid #fff;
	/*Marc: Fix for IE6 hover*/
	filter:;
}

.contactsLeft
{
	background-color:#333333;
	padding:4px;
}

.normText
{
	color:#c1c1c1;
	text-decoration:none;
}
.normText:hover
{
	text-decoration:underline;
}

/*---------------------*/
.banner {
	background-image:url(images/solid_1_new.gif);
	background-position:bottom;
}

/*.contentBack
{
	background:url(images/background2.jpg) repeat-y;
}


----------------------Showcase-------------------------*/

p
{
	margin:0px;
	padding:0px;
}

.productShow
{
	background-color:#1f1f1f;
	font-size:11px;
	color:#fff;
}



/*----------------DROPDOWN----------------------*/
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%;}
/* End */

ul li 
{
	position: relative;
}

ul li a 
{
	display: block;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

li ul
{
	position: absolute;
	left: 0px;
	top: 31px;
	display: none;
	color:#fff;
	background-color:#616161;
	border-left:1px solid #424242;
	border-right:1px solid #424242;
	border-bottom:1px solid #424242;
	text-align:left;
}

li ul a:hover
{
	background-color:#fff;
	color:#fff;
}

	
ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

li:hover ul, li.over ul 
{ 
	display: block; 
	width:270px;
}
/*----------------DROPDOWN END----------------------*/

#products{
	float: left;
	overflow: hidden;
}

.pics{
	width: 100px;
	float: left;
	padding: 0 10px 0 0;
	
}
.img{
	border: 3px solid #333;
	width: 100px;
}

.img:hover{
	border: 3px solid #666;
	width: 100px;
	filter:;
}

.lightlinks a{
	color:#13c000;
	text-decoration: none;
}

.lightlinks a:hover{
	color:#dfdede;
}

.text{
	font: bold 11px Arial;
	text-align: center;
}

hr{
	width: 250px;
}

a.img4 {
	display: block;
	width: 140px;
	height: 110px;
	text-decoration: none;
	background: url(../products/pic4.gif);
	}

a.img4:hover {
	background-position: 0 -110px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}	
	
	
a:focus{
	outline: none;
}	
	
/* ------------------------------------------------------------------- START TECH PAGE ----------------------------------------------------------- */

#technical{
	width: 910px;
	overflow: hidden;
}

.specs{
	width: 105px;
	_width: 95px;
	float: left;
	margin: 10px 25px 0 0;
	_margin: 10px 20px 0 0;
}

.tech_img{
	border: 3px solid #333;
}

.tech_img:hover{
	border: 3px solid #666;
	filter:;
}

.tech_name{
	text-align: center;
	padding:5px;
}



#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}


/* -------------------------------------------------------------------- END TECH PAGE ------------------------------------------------------------ */	
	
.clearfix {
  clear:both;
}	
	
/* ----------------------------------------------------------------------START PROTOTIP -------------------------------------------------------------

.prototip .protoblue {
	width: 250px;
	color: #fff;
}

.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
	
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

.prototip{
	-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;
}



/* Required for all tooltips, do not modify 
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \.prototip .clearfix{display:block;} IE Mac Hide End */


/* ---------------------------------------------------------------------------END PROTOTIP --------------------------------------------------------------*/	
	
/* --------------------------- START GALLERY DEMO ----------------------------*/

#tree{
	width: 218px;
}

#tree li{
	padding: 3px 0 3px 2px;
	background: #333;
	border-bottom: 1px solid #666;
}

#tree a{
	color: #999;
	font: 10px verdana;
}

#tree a:hover{
	color: #eaeaea;
}



/* --------------------------- END GALLERY DEMO ----------------------------*/