* { margin: 0; padding: 0; }
body { background-color: #000; font-family: Verdana; font-size:12px;}
p { margin:10px; line-height:20px; margin-bottom:20px; }
h1 {font-size:16px;margin-left:10px;margin-top:10px;color: #FFCC00; display:block; border-bottom:1px solid  #FFCC00; }
a {color:White;}
a:hover{color: #FFCC00;}

/*wrapper***************************************************************/
#w { background-image: url( i/b.jpg); width: 900px; height: 500px; overflow: hidden; position: absolute; }

/*content***************************************************************/
#cborder {width: 450px; height: 498px; position: absolute; left: 0px; top: 0; overflow: auto;border:1px solid white;   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='i/semi.png');}
.semi[class] {  background-image:url(i/semi.png);}
.c {  color:#fff;  display:none;}
.c ul {margin:10px;}
.c ul li { color: white; list-style-position: inside; list-style-type: square; margin-bottom:10px; }

/*menu***************************************************************/
#m { height: 500px; position: absolute; left: 500px; top: 10px; }
#m ul li { color: #fff; list-style: none; }
#m ul li a { color: #fff; text-decoration: none; }
#m ul li a:hover { color: #FFCC00; font-weight: bold; }

#contact {
color:White; width:900px;height:30px;
}