* {padding:0px; margin:0px;border-collapse:collapse;}
body { font-family: verdana, arial, sans-serif; font-size: 0.8em; 
color:#333; background: #bfbcba url('/images/bg.jpg'); 
margin:0px;height:100%; letter-spacing: .2px;}

/* COMMON FEATURES*/
h3 { height:27px; }
div#content { padding-top: 110px; margin: 0px 0 40px 150px; width:690px; }
cite { display:block; text-align:right; padding-bottom: 10px;}
sub { display:block; text-align:right; 
color:#3F5891;font-style:italic;font-size:12px; font-weight: bold; 
font-family: arial, sans-serif; letter-spacing: .5px;}
sub.level2 { font-size: 0.9em; color:#ffffff; } 
h5 { height:14px; padding:8px 0px 0px 0px; }
a { color:#444444;}

div#musicPlayer { position:absolute; top: 20px; left: 440px;}

a#nextproject span b { display:none; }
a#nextproject span { display:block;height:21px;width:113px;position:absolute; }
a#nextproject { border:0px solid blue; background-image:url(/images/btn_nextproject.gif); height:20px; width:113px; position:absolute; margin-left:140px; margin-top:20px }


/* COLUMN: FEATURED  */
div#featured {font-family: arial, sans-serif; float:right;width:250px;font-weight:bold;margin-top:48px; text-align: justify; font-size: 0.9em;}
div#featured p.white { color:#fff; font-weight:bold; padding-bottom: 15px; font-family: arial, sans-serif; font-size: 1.2em;}

/* COLUMN: MAIN*/
div#main { min-height:800px; float:left; width:428px; padding-bottom: 40px;}
div#main p.date { color:#fff; font-weight:bold; margin-top:-8px;  }
div#main div#titleblock { position:relative; height:48px; }
div#main td { vertical-align:top; padding-bottom:3px; font-size:0.9em}
div#main th { text-align:left; margin-top:5px; background-color:#8a827d; color:#fff; }
div#main p { padding-top: 8px; text-align: justify; font-size:0.85em }

div#footer { width:100%; height:40px; background-color:#000; clear:both;  text-align:center; color:#888;font-size:0.8em; padding-top:20px;}

/* LOGO */
h1#logo strong, h2#logo { display:none; }
h1#logo { position:absolute; width:310px; height:240px; left:16px; top:18px; background: url('/images/logo.png');  }

/* MAIN MENU */
div#mainmenu {
     position: absolute; width:54px; top: 290px; left: 68px;
}

div#mainmenu h4 { display:none; }
div#mainmenu ul li a span b { }

div#mainmenu b {display:none; }
div#mainmenu span { position:absolute; width:54px;height: 16px; }
div#mainmenu a { position:absolute; width:54px; height:16px; }
div#mainmenu li { position:relative; height: 18px; list-style: none; line-height:14px;}

div#mainmenu a#about { background: url('/images/nav_about_off.png');}
div#mainmenu a#about:hover { background: url('/images/nav_about_on.png'); }
div#mainmenu a#music { background: url('/images/nav_credits_off.png');}
div#mainmenu a#music:hover { background: url('/images/nav_credits_on.png'); }
div#mainmenu a#demo { background: url('/images/nav_demo_off.png');}
div#mainmenu a#demo:hover { background: url('/images/nav_demo_on.png'); }
div#mainmenu a#services { background: url('/images/nav_services_off.png');}
div#mainmenu a#services:hover { background: url('/images/nav_services_on.png'); }
div#mainmenu a#links { background: url('/images/nav_links_off.png');}
div#mainmenu a#links:hover { background: url('/images/nav_links_on.png'); }
div#mainmenu a#contact { background: url('/images/nav_contact_off.png');}
div#mainmenu a#contact:hover { background: url('/images/nav_contact_on.png'); }