body {
font-size: 10px;
font-family: arial, helvetica, sans-serif;
background-color: #666;
margin: 0;
}

/* structure ---------------*/

#container {
display: block;
width: 780px;
height: 560px;
background-color: #fff;
padding: 10px;
margin: 8px auto;
}

#left {
display: block;
width: 355px;
height: 545px;
float: left;
background-color: #999;
letter-spacing: 1px;
padding: 15px 15px 0 15px;
color: #fff;
}

#content {
display: block;
width: 350px;
margin: 373px 0 0 0;
}

.seventies {
background: url(../images/70.jpg) no-repeat top left;
}

.aura {
background: url(../images/aura.jpg) no-repeat top left;
}

.concretebeats {
background: url(../images/concretebeats.jpg) no-repeat top left;
}

.ensemble {
background: url(../images/ensemble.jpg) no-repeat top left;
}

.frequency {
background: url(../images/frequency.jpg) no-repeat top left;
}

.hitline {
background: url(../images/hitline.jpg) no-repeat top left;
}

.inkd {
background: url(../images/inkd.jpg) no-repeat top left;
}

.jazztraditions {
background: url(../images/jazztraditions.jpg) no-repeat top left;
}

.littleitaly {
background: url(../images/littleitaly.jpg) no-repeat top left;
}

.metro {
background: url(../images/metro.jpg) no-repeat top left;
}

.mojito {
background: url(../images/mojito.jpg) no-repeat top left;
}

.rockshow {
background: url(../images/rockshow.jpg) no-repeat top left;
}

.screendoor {
background: url(../images/screendoor.jpg) no-repeat top left;
}

.stylus {
background: url(../images/stylus.jpg) no-repeat top left;
}

.swingkings {
background: url(../images/swingkings.jpg) no-repeat top left;
}

.uptown {
background: url(../images/uptown.jpg) no-repeat top left;
}

#right {
display: block;
width: 370px;
height: 530px;
float: right;
padding: 15px 0 15px 15px;
background-color: #d9d8d8;
}

/* text ---------------*/

#left h1 {
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 20px;
}

#right h1 {
font-size: 20px;
font-weight: bold;
color: #333;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #fff;
display: block;
padding: 5px 0 0 0;
}

h3 {
font-size: 11px;
color: #fff;
font-weight: normal;
line-height: 1px;
}

.name {
font-weight: bold;
padding: 0 0 0 15px;
}

h4 {
color: #333;
font-weight: bold;
font-size: 13px;
}

.intro {
font-size: 12px;
color: #fff;
font-weight: normal;
line-height: 16px;
}

p {
font-size: 10px;
color: #fff;
font-weight: normal;
line-height: 13px;
}

.insinf {
font-family: "Verdana", arial, helvetica. sans-serif;
font-size: 9px; 
margin: 0;
padding: 0;
letter-spacing: 1px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
color: #333;
}

li {
list-style-type: none;
font-size: 10px;
font-weight: bold;
color: #333;
margin: 0;
padding: 0;
}

/* anchors ---------------*/

a.thumbs {
display: block;
width: 80px;
float: left;
text-decoration: none;
margin: 0 4px 15px 0;
padding: 3px;
}

a.thumbs:hover, a.thumbs:active {
background-color: #fff;
}

a.logo {
display: block;
width: 145px;
height: 40px;
float: left;
text-decoration: none;
margin: 15px 5px 0 0;
}

a.inf {
text-decoration: none;
color: #333;
}

a.inf:hover, a.inf:active {
color: #fff;
}

/* img ---------------*/

img {
border: none;
}

#swf {
display: block;
width: 375px;
height: 375px;
margin: 25px auto 0 auto;
}

/* misc ---------------*/