.light { background-color: #FFFFFF; }
.bright { background-color: #2766A2; }

a { color: #2766A2; }
a:hover { color: #000000; text-decoration: none; }

#about {position: absolute; left: 85px; top: 55px; width: 311px; display: none; z-index:10;}
#live  {position: absolute; left: 184px; top: 55px; width: 310px; display: none; z-index:10;}
#learn {position: absolute; left: 383px; top: 55px; width: 311px; display: none; z-index:10;}
#play  {position: absolute; left: 481px; top: 55px; width: 311px; display: none; z-index:10;}
#work  {position: absolute; left: 284px; top: 55px; width: 311px; display: none; z-index:10;}

#about ul {list-style: none; padding: 0; margin: 0; }
#about .normal {font-size: 70%; line-height: 21px; height: 21px; background-image:url(../img/nav_bg01.gif); background-repeat: repeat-x; padding-left: 20px; }
#about .bottom {font-size: 70%; line-height: 21px; background-image:url(../img/last_bg.gif); background-repeat: no-repeat; padding-left: 20px; }
#about a { text-decoration: none; line-height: 21px; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
#about a:hover { text-decoration: none; line-height: 21px; color: #000000; padding-top: 5px; padding-bottom: 5px; }

#live ul {list-style: none; padding: 0; margin: 0;}
#live .normal {font-size: 70%; background-image:url(../img/live_bg.gif); background-repeat: repeat-x; padding-left: 20px; }
#live .bottom {font-size: 70%; background-image:url(../img/live_last.gif); background-repeat: no-repeat; padding-left: 20px; }
#live a { text-decoration: none; line-height: 21px; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
#live a:hover { text-decoration: none; line-height: 21px; color: #000000; padding-top: 5px; padding-bottom: 5px; }

#work ul {list-style: none; padding: 0; margin: 0;}
#work .normal {font-size: 70%; background-image:url(../img/work_bg.gif); background-repeat: repeat-x; padding-left: 20px; }
#work .bottom {font-size: 70%; background-image:url(../img/work_last.gif); background-repeat: no-repeat; padding-left: 20px; }
#work a { text-decoration: none; line-height: 21px; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
#work a:hover { text-decoration: none; line-height: 21px; color: #000000; padding-top: 5px; padding-bottom: 5px; }

#learn ul {list-style: none; padding: 0; margin: 0;}
#learn .normal {font-size: 70%; background-image:url(../img/learn_bg.gif); background-repeat: repeat-x; padding-left: 20px; }
#learn .bottom {font-size: 70%; background-image:url(../img/learn_last.gif); background-repeat: no-repeat; padding-left: 20px; }
#learn a { text-decoration: none; line-height: 21px; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
#learn a:hover { text-decoration: none; line-height: 21px; color: #000000; padding-top: 5px; padding-bottom: 5px; }

#play ul {list-style: none; padding: 0; margin: 0;}
#play .normal {font-size: 70%; background-image:url(../img/play_bg.gif); background-repeat: repeat-x; padding-left: 20px; }
#play .bottom {font-size: 70%; background-image:url(../img/play_last.gif); background-repeat: no-repeat; padding-left: 20px; }
#play a { text-decoration: none; line-height: 21px; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
#play a:hover { text-decoration: none; line-height: 21px; color: #000000; padding-top: 5px; padding-bottom: 5px; }

/* Safari only */
#about img { padding-left: 14px; padding-bottom: 1px; margin: 0px; border: none; }
#live  img { padding-left: 14px; padding-bottom: 1px; margin: 0px; border: none; }
#learn img { padding-left: 14px; padding-bottom: 1px; margin: 0px; border: none; }
#play  img { padding-left: 14px; padding-bottom: 1px; margin: 0px; border: none; }
#work  img { padding-left: 14px; padding-bottom: 1px; margin: 0px; border: none; }

/* Mozilla / camino / opera / etc */
#about img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -4px; # }
#live  img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -4px; # }
#work  img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -4px; # }
#learn img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -4px; # }
#play  img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -4px; # }

/* IE Only Stuff */
*html #about img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -2px; }
*html #live  img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -2px; }
*html #work  img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -2px; }
*html #learn img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -2px; }
*html #play  img { padding-left: 14px; padding-bottom: 0px; margin: 0px; border: none; margin-bottom: -2px; }