style.desktop.css

body{
	font-size:12px;
}

td, th{
	padding:2px 3px;
}

#container{
	width:900px;
	margin:0 auto;
}

.left{
	margin:0 0 2px 0;
	padding:0 1px 0 0;
	width:159px;
	float:left;
}

.right{
	margin:0 0 2px 0;
	padding:0 0 0 1px;
	width:369px;
	float:right;
}

.middle{
	/*margin:0 auto 2px 159px;*/
	margin:0 auto 2px 161px;
	/*padding:0 2px 0 2px;*/
	padding:0;
	width:368px;
}

/*MENU*/
.menubar{
	z-index:9;/*fix for IE!*/
	margin:0 0 2px 0;
	padding:2px 8px;
	position:relative;
	
	width:882px;/*+ pading, border = 900*/
	border:solid 1px #F90;
	background:#FFE4BB;
	border-radius:6px;
	/*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);*/
}

.menuentry{
	z-index:9;/*fix for IE!*/
	margin:0;
	padding:0;
	float:left;
	width:100px;
	position:relative;
}
.menuentryR{
	z-index:9;/*fix for IE!*/
	margin:0;
	padding:0;
	float:right;
	width:100px;
	position:relative;
	text-align:right;
}
.menuentry a, .menuentryR a{
	text-decoration:none;
}


.submenu a, .submenu span{
	display:block;
}

/* a:hover? */
.menuentry:hover .submenu{
	visibility:visible;
	opacity:1;
	
	-moz-transition:all 0.5s ease-in-out; /* Firefox */
	-webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition:all 0.5s ease-in-out;  /* Opera */
	transition:all 0.5s ease-in-out; /* Browsers that Support it */
}

.menuentry .submenu{
	z-index:10;
	position:absolute;
	display:block;
	visibility:hidden;
	opacity:0;
	
	top:100%;
	left:0;
	min-width:150px;
	margin:0px;
	padding:4px;
	
	background:#FFF;
	border:solid 1px #F90;
	border-radius:6px;
	box-shadow:4px 4px 6px rgba(0, 0, 0, 0.5);
	
	-moz-transition:all 0.5s ease-in-out; /* Firefox */
	-webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition:all 0.5s ease-in-out; /* Opera */
	transition:all 0.5s ease-in-out; /* Browsers that Support it */
}