body {
margin:0;
padding:0;
height:100%; /* this is the key! */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

#content {
position:absolute;
top:9%;
right:0;
padding:0 10px 0 10px;
margin:0 9% 0 9%;
width:282px;
height:81%; /* works only if parent container is assigned a height value */
background:#5985c6;
overflow:auto;
border-left:solid 15px #ffffff;
border-bottom: solid 1px #ffffff;

}
#contentbottom {position:absolute;bottom:10px; padding:12px 12px 12px 12px;}
#contentregular {padding:12px;}
#content p {padding:0 10px 0 10px;color:#ffffff}
#content h3 {padding:0 10px 0px 10px; color:#ffffff; font-size:14px; font-weight:normal; margin:10px 0 0 0 ; line-height:18px;}
#content h2 {padding:10px 10px 10px 10px;color:#ffffff; font-size:14px; font-weight:bold; }
#content p {margin:0 0 0 0; padding-bottom:5px;}
a {color:#FFCC66; text-decoration:none; font-size:14px;}
img {border:0}
a:hover {color:#FFCC66; text-decoration:underline;}


#header {
position:absolute;
top:0;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;
}

.slices {width:82%;height:90%;position:absolute;background:transparent}
.slices>div {top:0;left:0;width:82%;height:90%;position:absolute;background:relative}


#level01 {
position:absolute;
top:9%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}


#level02 {
position:absolute;
top:18%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level03 {
position:absolute;
top:27%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level04 {
position:absolute;
top:36%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level05 {
position:absolute;
top:45%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level06 {
position:absolute;
top:54%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level07 {
position:absolute;
top:63%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level08 {
position:absolute;
top:72%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#level09 {
position:absolute;
top:81%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:9%; /* works only if parent container is assigned a height value */
color:#333;

}

#footer {
position:absolute;
text-align:left;
top:90%;
padding:0;
margin:0 9% 0 9%;
width:82%;
height:10%; /* works only if parent container is assigned a height value */
color:#333;
}


#nav {
float:right;
font-size:11px;
letter-spacing:.05em;
color:#444444;
width:302px;
padding:0;
margin-top:2%
}

#title {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
color:#444444;
width:300px;
padding:0;
margin-top:2%
}

#selection {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
color:#444444;
text-transform:uppercase;
position:absolute;
bottom:4%
}