@charset "UTF-8";
/* CSS Document */




body, html {margin:0; overflow:hidden; height:100%;}

body {
background-repeat:no-repeat; 
background-position: top left;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:600;
color:#FFFFFF;
margin:0;
text-transform:uppercase;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
margin:0;
text-transform:uppercase;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
margin-top:4px;
font-weight:normal;
}



a {
text-decoration:none;
color:#FFFFFF;
}

a:hover {
text-decoration:none;
color:#0099CC;
}


ul {
margin:0px auto 20px 0px;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

li {
margin: 2px auto 3px 0px;
}

#logo_mini {
position:relative;
margin:5.5% auto 0 auto;
width:1000px;
text-align:left;
padding-left:18px;
z-index:100;
}

#content {
position:relative;
margin:-15px auto 0 auto;
width: 1000px;
height:500px;
overflow:hidden;
padding:7px 0 5px 5px;
background-image:url(images/BG_enclosure.png);
background-position: top left;
background-repeat:no-repeat;
overflow:hidden;
}

#menu {
position:relative;
float:left;
margin:7px;
border:4px solid #FFFFFF;
width:217px;
padding-left:8px;
height:464px;
display:inline;
}


#music {
position:relative;
float:left;
margin:7px;
border:4px solid #FFFFFF;
width:711px;
padding-left:8px;
height:302px;
display:inline;
background-image:url(images/black_thumb.png);
background-position:top;
background-repeat:repeat;
}

.bump{
margin-top:10px;
margin-bottom:12px;
}


#entry {
position:relative;
float:left;
margin:7px;
border: 4px solid #FFFFFF;
width:225px;
height:140px;
overflow:hidden;
display:inline;

}

#footer {
position:absolute;
margin:auto;
bottom:-20px;
width:100%;
min-width:1150px;
height:50px;
background-image:url(images/footer.png);
background-position:right top;
background-repeat:no-repeat;
text-align:center;
}

#footer p {
margin-top:5px;
}

#progressive {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:-20px;
width:980px;
height:15px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#ffffff;

}

#progressive a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
font-weight:normal;
color:#ffffff;
text-decoration:none;
padding:3px;
}

#progressive a:hover {
color:#2f2e2e;
text-decoration:none;
background-color:#FFFFFF;

}



.holder {
position:absolute; 
height:280px; 
top:-140px;
background-image:url(images/black_thumb.png);
background-position:top;
background-repeat:no-repeat;
}

.cityscape {
position:absolute;
height:465px;
width:2462px;
left:0px;
background-image:url(images/cities.jpg);
background-position:center;
background-repeat:no-repeat;
}

.cityscape_holder {
position:absolute;
height:464px;
width:968px;
left:0px;
overflow:hidden;
}

.la {
position:absolute;
top:365px;
left:20px;
text-align:center;
}

.nyc {
position:absolute;
top:365px;
left:345px;
text-align:center;
}

.pdx {
position:absolute;
top:365px;
left:672px;
text-align:center;
}


.imageleft {float:left; margin:0 12px 12px 0; padding:4px; background-color:#FFFFFF; border:1px solid #333333;}