* { list-style:none; border:none; margin:0; padding:0; font:1em Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; }
body { margin:0; background:url(multicolor_cubes_bg.jpg) center top; }

/* forms, inputs, select, textarea */
a { text-decoration:none; }
a:hover { text-decoration:underline; }
form { padding:5px; }
input, textarea { margin:5px 2px; }

/* only layout */
#top { width:100%; background:url(multicolor_cubes_header.jpg) top center; height:370px; padding-top:56px; float:none; position:relative; z-index:100; }	
  #header_mask { width:798px; height:354px; margin:0 auto; }
	
#container { margin:0 auto; width:960px; }
#container ul { float:left; padding:0 0 0 4px; width:956px; background:url(multicolor_cubes_buttons.jpg) top left no-repeat; }
	#container li { float:left; width:144px; padding:7px; display:block; }
		
#contents { width:880px; padding:10px 40px; float:left; margin-top:20px; }
		/* a que contiene el botón */
	li .tpop { margin:0; display:block; }
		/* div que contiene los subbotones */
	li .apop { position:absolute; float:left; display:block; visibility:hidden; width:128px; padding:5px 0; 
						  background:url(multicolor_cubes_buttons_bg.jpg) top repeat-x #0F1010; border:8px solid #0F1010; border-top:none; text-align:center; }
	li .apop a { font-size:.8em; color:#D4D0C8; margin:0; width:150px; text-align:center; }
	li .apop a:hover { color:#DBC582; font-weight:bold; }

	/* posicion del submenu en el botón*/
	#dummy { position:absolute; visibility:hidden; top:30px; left:0px; }

/* general contents */
.table_features { font:normal .80em Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; text-align:left; }
.table_features td { padding:5px; }

.table_features a { font-weight:bold; color:#BBB; }
.table_features a:hover { color:#DDD; }