*          { background: #000; margin: 0; padding: 0; border: 0; }
body       { background: #000; font-family: helvetica, arial, sans-serif; color: #CCC; }
html       { background: #000; min-height: 620px; }
#container,
#area      { background: #000; position: absolute; width: 975px; height: 590px;
             text-align: left; left: 50%; top: 50%; margin-left: -487px; margin-top: -295px; }
#logo      { position: absolute; left: 8px; top:  0px; }
#menu      { position: absolute; right: 20px; top: 80px; }
#menu li   { display: inline; list-style: none; font-size: 16px;
             padding-left: 15px; }

#menu li a, #menu li.selected a     { text-decoration: none; color: #CCC; }
#menu li a:hover, #menu li.selected { color: #0078AD; }

#info      { width: 400px; }
#short     { width: 270px; }
#proj      { width: 200px; }
#long      { width: 580px; }

#info,    #short,    #proj,    #long    { position: absolute; left: 8px; top: 110px;
                                          color: #CCC; }
#info h1, #short h1, #proj h1, #long h1 { font-size: 18px; margin-bottom: 16px; }
#info p,  #short p   #proj p,  #long p  { font-size: 12px; margin-botton: 10px; }
#info p,  #short p,            #long p  { text-align: justify; }
#proj p                                 { text-align: left;    }
#info li, #short li, #proj li, #long li { font-size: 12px; list-style: none; }

#ftp           { position: absolute; left: 8px; bottom: 0px;
                 text-decoration: none; font-size: 12px; color: #CCC; }

a#credit       { position: absolute; right: 20px; bottom: -15px;
                 text-decoration: none; color: #666; font-size: 10px; }

#slide         { position: absolute; right: 20px; top: 110px; }
#portfolios    { position: absolute; left: 8px; top: 110px; width: 975px; }
#portfolios li { display: block; list-style: none; float: left;
                 width: 121px; float: left; font-size: 11px; color: #999; }
h4             { position: absolute; left: 8px; top: 330px; color:  #FFF; font-size: 12px; }
#thumbs        { position: absolute; left: 8px; top: 350px; }

#res, #mul, #off, #ret, #edu, #gov, #int, #otb { position: absolute; top: 131px; }
#res { left:   8px; }
#mul { left: 129px; }
#off { left: 250px; }
#ret { left: 371px; }
#edu { left: 492px; }
#gov { left: 613px; }
#int { left: 734px; }
#otb { left: 855px; }