body {
 font-family: arial;
 font-size: 11px;
 font-color: #000000; 
 scrollbar-face-color : #FFFFFF;
 scrollbar-shadow-color : #000000;
 scrollbar-highlight-color : #000000;
 scrollbar-3dlight-color : #FFFFFF;
 scrollbar-darkshadow-color : #FFFFFF;
 scrollbar-track-color : #FFFFFF;
 scrollbar-arrow-color : #000000;
 }
a.blue {  font-family: arial; font-size: 11px; font-style: normal; text-decoration: none; color: #00CCFF}
a.bluesml {  font-family: arial; font-size: 9px; font-style: normal; text-decoration: none; color: #00CCFF}
a:hover { color: #FF6600; text-decoration: underline}
.smltext {
 font-family: arial;
 font-size: 9px;
 font-color: #000000; 
}

.description {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; border: none}

.more {  
font-family: arial; 
font-size: 11px; 
color: #FF6600;
text-decoration: none; 
}

.more:hover {  
color: #0066CC;
text-decoration: underline; 
}

.main {
position: absolute; 
float: left;
width:500px; 
height:420px;
padding: 0px;
margin: 0px;
background: #EEEEEE;
}

#topdrawers {
position: relative; 
float: left; 
}

.image01 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/banner.jpg");
background-repeat: no-repeat;
}

.image02 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/cracksman.jpg");
background-repeat: no-repeat;
}

.image03 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/quizboys.jpg");
background-repeat: no-repeat;
}

.image04 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/youthpaint.jpg");
background-repeat: no-repeat;
}

.image05 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/oldminers.jpg");
background-repeat: no-repeat;
}

.image06 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/arty.jpg");
background-repeat: no-repeat;
}

.image07 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/lightbox.jpg");
background-repeat: no-repeat;
}

.image08 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/bustourboy.jpg");
background-repeat: no-repeat;
}

.image09 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/luvpc.jpg");
background-repeat: no-repeat;
}

.image10 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/ecto.jpg");
background-repeat: no-repeat;
}

.image11 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/radiancelx.jpg");
background-repeat: no-repeat;
}

.image12 {
width: 500px; 
height: 375px;
margin: 0px 0px 0px 0px;
background: url("../../images/overview/opendayfaces.jpg");
background-repeat: no-repeat;
}

#textpop {
position: relative; 
float: left;
width: 500px; 
height: 100px;
line-height: 1.5em;
padding: 10px 20px 2px 10px;
background: #CCCCCC; 
}


#holder {
width: 120px;
text-align: left;
float: left;
margin-left: 0;
margin-right: 30px;
padding: 0;
margin-top: -5px;
}

#holder img {
margin-top: 5px;
padding: 0;
border: 1px solid #CCCCCC;
margin-bottom: 5px;
}

#holder a {
padding-left:10px;
padding-right:0;
text-align: left;
margin-left: -10px;
}

