html, body {height:100%;} 
body{ background-color:#DDE1FF; font-family: Arial;}
a { color:#d00}
#wrapper {height:100%;}
#container { margin: 20px auto;width: 900px; background: #fff; box-shadow:0px 0px 10px #666; }
#header{padding: 20px; background-color:#CCCCCC;
				background-image: -webkit-gradient(linear, left top, left bottom, from( #CCCCCC), to( #999999)); /* Saf4+, Chrome */
				background-image: -webkit-linear-gradient( #CCCCCC, #999999); /* Chrome 10+, Saf5.1+ */
				background-image:    -moz-linear-gradient( #CCCCCC, #999999); /* FF3.6 */
				background-image:     -ms-linear-gradient( #CCCCCC, #999999); /* IE10 */
				background-image:      -o-linear-gradient( #CCCCCC, #999999); /* Opera 11.10+ */
				background-image:         linear-gradient( #CCCCCC, #999999); }
#header h1 { margin: 0; color:#fff; }
#navigation { float: left; width: 900px; background: #333; }
#navigation ul { margin: 0; padding: 0; }
#navigation ul li { list-style-type: none; display: inline; }
#navigation li a { display: block; float: left; padding: 10px 20px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
#navigation li a:hover, #navigation li a.selected { background: #d00; }
#content-container { float: left; width: 900px; background: #fff url(layout-two-fixed-background.gif) repeat-y 100% 0; }
#content { clear: left; float: left; width: 560px; padding: 20px 0; margin: 0 0 0 30px; display: inline; }
#content h2 { margin: 0; }
#aside { float: right; width: 240px; padding: 20px 0; margin: 0 20px 0 0; display: inline; }
#aside h3 { margin: 0; }
#aside li { font-size:11px;}
#footer { clear: both;text-align: right; padding: 20px; height: 1%; background-color:#CCCCCC;
				background-image: -webkit-gradient(linear, left top, left bottom, from( #CCCCCC), to( #999999)); /* Saf4+, Chrome */
				background-image: -webkit-linear-gradient( #CCCCCC, #999999); /* Chrome 10+, Saf5.1+ */
				background-image:    -moz-linear-gradient( #CCCCCC, #999999); /* FF3.6 */
				background-image:     -ms-linear-gradient( #CCCCCC, #999999); /* IE10 */
				background-image:      -o-linear-gradient( #CCCCCC, #999999); /* Opera 11.10+ */
				background-image:         linear-gradient( #CCCCCC, #999999);  }
.clear { clear:both; display:block;}
#isolog { margin:0; padding:0;}
#isolog li{ list-style-type:none;margin:0; padding:0;margin-bottom:5px;}
#isolog li a { border-radius:3px ; background-color:#eee; padding:10px; display:block; text-decoration:none;}
#isolog li a:hover { background-color:#d00; color:#fff;} 
#about {   text-align:center; padding: 10px;}
#about a  {color:#777; font-size:11px; text-decoration:none;}