@charset "UTF-8";
/* CSS Document */
body{
background:#000000;
}

table{
margin:auto;
max-width:800px;
border-collapse:collapse;
padding:0px;
}

table.wrapper{height:600px; margin-top:20px; background-repeat:no-repeat;}
table.header{height:44px;}
table.opacity{opacity:0.80; filter:alpha(opacity=80);background-repeat:no-repeat;}

td{padding:0px; border-spacing:0px;}

td.top{vertical-align:top;}
td.center{vertical-align:middle;}
td.bottom{vertical-align:bottom;}

td.headleft{text-align:left; vertical-align:bottom; width:170px; height:20px;}
td.headright{text-align:right; vertical-align:bottom; width:630px; height:20px;}
td.headbottom{text-align:left; vertical-align:top; width:800px; height:24px; margin-right:0px;}

td.foottop{text-align:right; vertical-align:top; width:800px; height:48px;}
td.footmiddle{text-align:right; vertical-align:top; width:800px; height:33px;}
td.footbottom{text-align:right; vertical-align:bottom; width:800px; height:10px;}

#top{
width: 100%;
height: 20px;
position:relative;
top:1.5em;
padding:0px;
margin:0px;
}

#center{
width:100%;
height:400px;
position: relative;
top:2em;
 z-index:1;
}

.flash{margin-top:-77px;}
.layer{position:relative; z-index:2;}
.portlogo{position:relative;top:-90px;}
.repeat{background-repeat:no-repeat;}

#bottom{
position: relative;
height:100px;
margin-top:85px;
text-align:right;
z-index:0;
}

#left{
width:160px;
height:500px;
float:left;
}

#middle{
width:250px;
height:auto;
position:absolute;
bottom:-3.5em;
left:294px;
text-align:justify;
float:left;
}


#right{
width:250px;
height:auto;
position:absolute;
bottom:-3.5em;
right:0em;
text-align:right;
}



#left-top{
position:absolute;
margin-top:155px;
margin-right:20px
}

#left-center{
width:70px;
height:400px;
float:left;
position:relative;
top:3.5em;
}

#left-bottom{
position:absolute;
margin-top:297px;
margin-right:20px;
width:140px;
text-align:right;
}

#right-top{
position:absolute;
margin-top:155px;
margin-left:20px;
}

#right-center{
width:70px;
height:400px;
float:right;
position:relative;
top:3.5em;
}


#right-bottom{
position:absolute;
margin-top:297px;
margin-left:20px;
width:140px;
text-align:left;
}

#middle-bottom{
position:absolute;
margin-top:297px;
text-align:left;
width:430px;
margin-left:10px
}

#viewer{
width:370px;
height:278px;
position:relative;
left:38px;
top:155px;
float:left;
}

#thumbs{
position:absolute;
right:0px;
top:453px;
}

.nav{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cc0066;
text-align:right;
letter-spacing:.15em;
line-height:10px;
text-decoration:none;
text-transform:capitalize;
float:right;
padding:0px;
}

.navleftpad{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cc0066;
text-align:right;
letter-spacing:.15em;
line-height:10px;
text-decoration:none;
text-transform:capitalize;
float:right;
padding-left:.8em;
}

.subnav{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cccc00;
text-align:center;
letter-spacing:.15em;
line-height:8px;
text-decoration:none;
float:right;
}

.subnavleftpad{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cccc00;
text-align:center;
letter-spacing:.15em;
line-height:8px;
text-decoration:none;
float:right;
padding-left:.8em;
}

.subnavstack{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cccc00;
letter-spacing:.15em;
line-height:16px;
text-decoration:none;
}

.footernav{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:.5em;
color:#cccc00;
text-decoration:none;
letter-spacing:.05em;
padding-left:.8em;
padding-right:.2em;
}


.footer{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:.5em;
letter-spacing:.05em;
color: #666666;
text-align:right;
}

.body{
font-family: "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
text-align:inherit;
line-height:14px;
}
	
img{font-size:1em; border:0px; padding:0px;}
img.thumb{padding-left:0px; border:0; width:45px; height:33px;}
img.logo{width:168px; height:20px; position:relative; top:0px; border:0; float:left;}
img.yelp{vertical-align:text-bottom;}

h1{
font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color: #cc0066;
letter-spacing: .15em;
line-height:2em;
height:2em;
margin: 0;
padding-top:.6em;
}

h2{
font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color: #cccc00;
letter-spacing: .15em;
line-height:2em;
height:2em;
margin: 0;
padding-top:.6em;
}

.chicncoop{
font-family:"Avenir LT Std 35 Light", "Helvetica Neue", Helvetica, sans-serif;
font-size:.6em;
color: #666666;
letter-spacing: 0.025em;
margin: 0;
}

a{color:#ffffff; text-decoration:none;}
a:active, a:hover{color:#cccc00; text-decoration:none;}
a:active, a:focus { outline-style: none; -moz-outline-style:none; }

a.nav:link{text-decoration:none; color:#ffffff;}
a.nav:visited{text-decoration:none; color:#ffffff;}
a.nav:hover, active{color:#cc0066;}

a.subnav:link{text-decoration:none; color:#ffffff;}
a.subnav:visited{text-decoration:none; color:#ffffff;}
a.subnav:hover, active{color:#cccc00;}

a.subnavstack:link{text-decoration:none; color:#ffffff;}
a.subnavstack:visited{text-decoration:none; color:#ffffff;}
a.subnavstack:hover, active{color:#cccc00;}

a.footer:link{text-decoration:none; color:#666666;}
a.footer:visited{text-decoration:none; color:#666666;}
a.footer:hover, active{color:#cccc00;}

/* scroller */
#scroll {width:505px; height: 498px; overflow: auto; text-align:justify;  position:absolute; right:0; top:-45px; margin:0; padding: 0;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: relative;}
.vscrollerbase {right: 0 !important;}
.vscrollerbar {width: 10px;background-color: #CCCC00;}
.vscrollerbase {height: 498px; width: 10px; background-image:url(/images/scroll_bg.gif); background-position:bottom; background-repeat:no-repeat; background-color: #333;}

#leftcol{width:240px; float:left; }
#rightcol{width:240px; margin-left: 245px; text-align:right; margin-top:-10px;}



.clear{clear:both;}