html,body {
margin:0;
padding:0;
}

body {
font: 73% helvetica, arial, sans-serif;
line-height:1.4em;
background-color:#000000;
color: white;
}

#rapper {
width: 100%;
margin: auto;
}
			
#banner {
width:100%;
height:130px;

}

#Pic{
display:block;
position:relative;
top:0px;
width:940px;
height:130px;

}

#logo a {
display:block;
position:relative;
float:left;
width:560px;
height:130px;
background:url("images/part_1.png");

}



#logo_2 a {
display:block;
position:relative;
float:left;
width:720px;
height:130px;
background:url("images/part_1a.png");
background-repeat:no-repeat;

}


#slider_hold {
display:block;
position:relative;
top:5px;
float:left;
width:940px;
height:235px;

}


#slider_hold_b {
display:block;
position:relative;
float:left;
width:940px;
height:235px;
}

#slider_hold_c {
display:block;
position:relative;
top:-235px;
float:left;
width:940px;
height:235px;
background:url("images/part_2.png");
z-index:100;

}

#menu_hold {
display:block;
position:relative;
top:40px;
margin-bottom:30px;
width: 100%;
height:70px;
background:url("images/bg_men_hold.png");

}
 				

			
#container {
display:block;
position:relative;
width:940px;
height:auto;
margin: 0 auto;
padding: 0;
text-align: left;


}

			
#content {
width: 938px;
float: left;
margin: 50px 0 0 0;
margin-bottom: 50px;

}

#continut_a {
display:block;
position:relative;
float:left;
left:9px;
width:200px;
height:auto;

}

#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:90px;}
#flyout ul {padding:0; margin:0; list-style:none; width:90px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px;}
#flyout li a {display:block; float:left; width:130px; height:24px; background:url("images/bg_men.png"); color:#ffffff; line-height:24px; font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-indent:10px; z-index:9;}
#flyout li a.fly {background:url("images/bg_men.png") no-repeat right center; z-index:9;}



#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; color:#fff; z-index:9;}
#flyout li:hover > a {color:#f4d582;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current { color:#f4d582;}

#flyout ul  li a{background:#333333;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:80px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a { color:#f4d582;}
#flyout ul ul li:hover > a { color:#f4d582;}

#continut_b {
display:block;
position:relative;
float:left;
left:9px;
width:720px;
height:auto;
padding-bottom:20px;
background-color: #0a0a0a;
background-image:url("images/bg_content.png");

}

#continut_b  p{
padding:8px;
color:white;
font-style: "Times New Roman", Times, serif;
text-shadow: 3px 3px 3px #000;

}

#continut_b  p  span{
color:#b72727;

}

#continut_b h1 {
width:100%;
font-style:Serifs;
font-size: 1.7em;
letter-spacing: 1px;
text-transform:none;
padding:3px;
padding-left:64px;
color: lightgray;
float: left;
text-shadow: 4px 4px 4px #000; 
}

#headding {
display:block;
position:relative;
float:left;
width:720px;
height:auto;
background:#464646;
margin-bottom:16px;
}

#headding  img {
margin-bottom:4px;
}

#continut_b  h2  {
width:100%;
font-style:Serifs;
font-size: 1.7em;
padding-left:44px;
}

#box  a {
display:block;
position:relative;
top:5px;
float:left;
width:200px;
height:100px;
margin-left:26px;
margin-bottom:80px;

}

#box.hardware a {
display:block;
position:relative;
float:left;
background:url("images/bg_hardware.png");
}

#box.hardware a:hover {
display:block;
background:url("images/bg_hardware_hv.png");
}


#box.software a {
display:block;
position:relative;
float:left;
background:url("images/bg_software.png");
}

#box.software a:hover{
display:block;
background:url("images/bg_software_hv.png");
}

#box.wireless a {
display:block;
position:relative;
float:left;
background:url("images/bg_wireless.png");
}

#box.wireless a:hover {
display:block;
background:url("images/bg_wireless_hv.png");
}

#box.tarife  a{
display:block;
position:relative;
float:left;
background:url("images/bg_tarife.png");
}

#box.tarife  a:hover{
display:block;
background:url("images/bg_tarife_hv.png");
}			
		
#footer {
clear: both;
height:auto;
padding: 5px;
margin-top: 10px;
}

#foot_hold {
display: block;
position:relative;
width:940px;
height:70px;
background-image:url("images/bg_foot.png");

}

#foot_box {
display:block;
position:relative;
float:left;
margin-left:2px;
width:466px;
height:auto;

}

#foot_box  p {
margin-top:4px;
text-align:left;
padding-left:3px;
text-decoration:none;
font-family:Gadget;
font-size:1.1544em;
}

#foot_box  a:hover {
color:gray;
text-shadow: 1px 1px 1px #000;
}
 
p img {
float:left;
margin-right:14px;
margin-bottom:8px;

border:1px solid #ffffff;
-moz-border-radius:5px;
border-radius:5px;
box-shadow: 5px 5px 80px #000;
moz-box-shadow: 5px 5px 80px #000;
-webkit-box-shadow: 5px 5px 80px #000;
}

.img_right {
float:right;
margin-left:4px;
margin-bottom:8px;

border:1px solid #ffffff;
-moz-border-radius:5px;
border-radius:5px;
box-shadow: 5px 5px 80px #000;
moz-box-shadow: 5px 5px 80px #000;
-webkit-box-shadow: 5px 5px 80px #000;
}

hr {
width:90%;
border-color:gray;
}
 
a img {
border: none;
}

a:link, a:visited {
color : #FFFACD;
background : inherit;
text-decoration : none;
}

a:hover {
text-decoration : none;
color : #f4d582;
background : inherit;
}


div.img  {
  margin:2px;
  border:1px solid #CAC3F8;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}
  
div.img img  {
  display:inline;
  margin:3px;
  border:1px solid white;
}
  
div.img a:hover img  {
  border:1px solid #6253BE;
}

div.desc  {
  text-align: center;
  font-weight: normal;
  width: 110px;
  margin: 2px;
  color: #CAC3F8;
}

div.imgC {
  margin:2px;
  display:inline;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}

	/* start Sliceboxes */


.qitem {
	width:126px;
	height:126px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	left:80px;
	background: url('images/bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

/* end */