Widgets Loading dynamically and semi structured

app/assets/stylesheets/desktopmain.css

@@ -62,7 +62,7 @@ body {
 a, a:hover { text-decoration: none; }
 /* desktop layout */
 #container {
-	margin: 72px 0 0 156px;
+	margin: 48px 0 0 156px;
 	}
 #header {
 	padding: 0 0 12px 0;
@@ -72,7 +72,7 @@ a, a:hover { text-decoration: none; }
 	width: 156px;
 	height: 540px;
 	position: absolute;
-	top: 144px;
+	top: 120px;
 	left: 0;
 	z-index: 9;
 	}
@@ -154,7 +154,35 @@ a, a:hover { text-decoration: none; }
 	height:516px;
 	}
 	
-.appname { font-size: 15px; }
+.appname {
+	font-size: 15px;
+	height: 30px;
+	line-height: 30px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 2;
+	}
+.w1.h1 .appname { text-align: center; }
+.w2.h2 .appname { font-size: 21px; }
+.appicon { 
+	display: block;
+	width: 60px; 
+	height: 60px;
+	margin: 0 auto;
+	position: relative;
+	}
+.appholder {
+	position: relative;
+	padding-bottom: 12px;
+	}
+.holder_f {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+/*	left: 0;
+	top: 0; */
+	}
 .dtitle { 
 	font-size: 30px;
 	line-height: 60px;
@@ -163,22 +191,8 @@ a, a:hover { text-decoration: none; }
 	position: relative;
 	z-index: 9;
 	}
-.dtitle:hover {
-	/* $(this).addClass( .thmc1 or .thmc2 ); */
-	}
-.dtitle:hover .section_slc { display: block; }
-.section_slc {
-	display: none;
-	position: absolute;
-	width: 252px;
-	left: 0;
-	top: 60px;
-	font-size: 15px;
-	line-height: 34px;
-	}
-.section_slc li { border-top: solid 1px #f2f2f2; padding: 0 12px; }
-.section_slc li:first-child { border: none; }
-.section_slc li:hover { background-color: #F0F0F0; }
+/*.section_slc { width: 252px; }*/
+
 .admbg { background-color: #fff; }
 .admtxt { color: #666; }
 .admtxt:hover { color: #666; }
@@ -198,6 +212,21 @@ a, a:hover { text-decoration: none; }
 	left: 0;
 	top: 0;
 	}
+
+/* simple dropdown menu */
+.sdm {}
+.sdm:hover .sdm_o { display: block; }
+.sdm_o {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 60px;
+	font-size: 15px;
+	}
+.sdm_o li { border-top: solid 1px #f2f2f2; }
+.sdm_o li:first-child { border: none; }
+.sdm_o .admtxt { display: block; line-height: 36px; }
+.sdm_o .admtxt:hover { background-color: #F0F0F0; }
 /* theme color opacity */
 .op10 { opacity: 1; }
 .op09 { opacity: 0.9; }
@@ -231,6 +260,7 @@ a, a:hover { text-decoration: none; }
 .element {
 	margin: 0 12px 12px 0;
 	float: left;
+	position: relative;
 	/*display:inline-block;*/
 	}
 .group{
@@ -250,7 +280,7 @@ a, a:hover { text-decoration: none; }
 	max-width: 340px;
 }
 .g_sep { width: 11px; border-left: solid 1px #fff; }
-.appicon { width: 60px; height: 60px; }
+
 
 .clear { clear: both; }
 
@@ -270,7 +300,7 @@ a, a:hover { text-decoration: none; }
 
 /* Orbit Notification */
 #orbitnote {
-	position: absolute;
+	position: fixed;
 	top: 0;
 	left: 50%;
 	margin-left: -206px;