CSS Three Column Liquid Layout with graphics

Three Column Liquid CSS layout with beveled background graphics and iframe.

body {
background:url(assets/bk_css_titlebar.jpg) #021f3d repeat-x;
color:#fff;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 20px 0;
padding:0 0 10px 0;
}
#banner {
position:absolute;
top:1px;
left:0;
width:468px;
height:60px;
z-index:2;
}
.css-bytes {
position:absolute;
top:65px;
left:10px;
width:700px;
height:15px;
background-color:transparent;
color:#b0c4de;
font-size:9px;
}
#navleft {
background:transparent url(assets/bk_css_nav.jpg) no-repeat;
color:#fff;
position:absolute;
top:80px;
left:0;
width:130px; 
height:330px;
}
#menu {
background : transparent;
position : absolute;
top : 35px;
left : 18px;
width : 95px;
height : 250px;
text-align: center;
padding: 0;
font-size:10px;
}
#navleftmid {
color : #fff;
position:absolute;
top:410px;
left:0;
width:125px;
background-color:#000;
padding:2px;
font-size:10px;
}
#viewer {
background:url(assets/bk_iframe.jpg) #003 repeat-x;
position:relative;
top:98px;
width:auto;
height:451px;
min-width:120px;
margin:0 130px;
padding:0;
z-index:3;
}
#viewertop {
background:url(assets/bk_topiframe.jpg) #003 repeat-x;
position:relative;
top:98px;
width:auto;
height:18px;
min-width:120px;
margin:0px 130px;
padding:0;
z-index:3;
}
#leftbdr {
background:url(assets/bk_lt.jpg) #003 no-repeat;
height:451px;
width:20px;
float:left;
margin-right:20px;
}
#leftbdrtop {
background:url(assets/bk_toplt.jpg) #003 no-repeat;
height:18px;
width:21px;
float:left;
margin-right:20px;
}
#ifrm {
padding:0px;
display:inline;
}
#rightbdrtop {
background:url(assets/bk_toprt.jpg) #003 no-repeat;
height:18px;
width:24px;
float:right;
}
#rightbdr {
background:url(assets/bk_rt.jpg) #003 no-repeat;
height:451px;
width:25px;
float:right;
}
.css-main {
position:absolute;
top:450px;
width:98%;
height:auto;
left:0;
padding:5px;
margin-bottom:20px;
}
#rightnav {
position:absolute;
width:127px;
top:80px;
right:0;
background-color:#000;
padding:2px;
z-index:1;
font-size:10px;
}
#righttop {
position:absolute;
width:152px;
top:1px;
right:10px;
z-index:5;
}
.bluedk {
background-color:#001f3e;
color:#fff;
padding:5px;
margin:2px;
}
.bluelt {
background-color:#29527b;
color:#fff;
padding:5px;
margin:2px;
}
#shoe {
position:relative;
top:710px;
margin-left:0%;
margin-right:0%;
padding:3px;
background-color:#000;
color:#fff;
}
.foot {
margin-left:0%;
margin-right:0%;
height:15px;
padding:30 0 30 5px;
background-color:#001f3e;
color:#b0c4de;
font-size:9px;
text-align:center;
}
.css-button {
font-weight: bold;
text-align:center;
margin-bottom:3px;
margin-top:3px;
}
.css-button a {
padding: 0;
text-decoration: none;
width: 98%;
display: block;
color: #224059;
background-color: #b5c9e2;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
.css-button a:hover {
background-color: #99aabf;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;
}
img.leftb {
float:left;
margin:0 5px 0 0;
border: solid 3px #000;
width:220px;
height:220px;
}

Talking Heads Essentials music review

::: Talking Heads Fear of Music: Stop Making Sense

BIGBAER Urban Alternative Featured Artist Music Reviews

::: Fila Brazillia - Another Late Night album review - trip hop house music.
::: Telepopmusik - Genetic World review - downtempo, sexy and soulful.
::: Dan The Automator - Wanna Buy a Monkey? Trip hop DJ mixtape.

::: BIGBAER Urban Alternative Music Magazine - music reviews, history and trends.