/*Standard settings to normalize document from the start */

/* Normalizes margin, padding */

body {
background-image:url(../images/abc_bckg.png);
}

#wrap{
padding:0;
margin:auto;
}

#container{
margin:auto;
}
/* Removes list-style from lists */
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}


div#box{
position:relative;
width:806px;
height:180px;
margin:auto;
}


div#butoane{
	position:absolute;
	margin-top:-180px;
	margin-left:3px;
	width:806px;
	height:180px;
  z-index:99;
}

div#images{
	width:800px;
	height:600px;
	overflow:hidden;
	margin:auto;
/*	border:2px solid #525252;*/ 
}


div#butoane li{
	position:relative;
	display:inline;
	width:160px;
	height:176px;
	text-indent:-9999px;
	float:left;
}
	
/* #3. Make the Buttons Clickable */

li#companie a, li#shop a, li#hosting a, li#webdesign a, li#suport a{
	width:160px;
	height:176px;
	display:block;
}

/* #3. Normal Button States */
li#companie{
	background:url(../images/companie_up.png) no-repeat;
	}
li#shop{
	background:url(../images/shop_up.png) no-repeat;
	}
li#hosting{
	background:url(../images/hosting_up.png) no-repeat;
	}
li#webdesign{
	background:url(../images/webdesign_up.png) no-repeat;
	}
li#suport{
	background:url(../images/suport_up.png) no-repeat;
	}

	
/* #3. Hover Button States */
li#companie:hover{
	background:url(../images/companie_hover.png) no-repeat;
	}
li#shop:hover{
	background:url(../images/shop_hover.png) no-repeat;
	}
li#hosting:hover{
	background:url(../images/hosting_hover.png) no-repeat;
	}
li#webdesign:hover{
	background:url(../images/webdesign_hover.png) no-repeat;
}
li#suport:hover{
	background:url(../images/suport_hover.png) no-repeat;
}


#monitor{
position:relative;
width:auto;
height:auto;
margin:auto;
text-align:center;
}

#trafic{
position:relative;
width:auto;
height:auto;
margin:auto;
text-align:center;
}