/* CSS Document */

body {
margin: 0;
padding: 0;
background: #0b0b0b;
}

#whole_page {
background: #000;
height: 700px;
width: 1200px;
}

#top_box {
height: 200px;
width: 1200px;
position: absolute;
left: 0px;
top: 0px;
}

#left_box {
height: 200px;
width: 500px;
position: absolute;
left: 0px;
top: 200px;
}

#center_box {
height: 198px;
width: 198px;
position: absolute;
left: 500px;
top: 200px;
}

#right_box {
height: 200px;
width: 500px;
position: absolute;
left: 700px;
top: 200px;
}

#bottom_box {
height: 300px;
width: 1200px;
position: absolute;
top: 400px;
left: 0px;
}

#top_text {
position: absolute;
top: 140px;
left: 500px;
opacity: 0;
overflow: hidden;
}

#left_text {
position: absolute;
top: 300px;
left: 320px;
opacity: 0;
overflow: hidden;
}

#right_text {
position: absolute;
top: 300px;
left: 720px;
opacity: 0;
overflow: hidden;
}

#bottom_text {
position: absolute;
top: 420px;
left: 500px;
opacity: 0;
overflow: hidden;
}

.clear_frame {
background: #111;
opacity: .7;
}

#portrait {
width: 200px;
height: 200px;
position: absolute;
top: 200px;
left: 500px;
opacity: 0;
}

a {
font-family: courier;
font-size: 1.6em;
color: #00f;
text-decoration: none;
}

.text_box {
border: 1px #0b0b0b dashed;
}

.text_box:hover {
border: 1px #f00 dashed
}