/*Author:Genevieve G. Tan*/
body {background:#fff3c9 url('yellow_bg.gif') repeat; font:9px Arial, Verdana, Trebuchet MS; text-align:left; color:#993300;}
a:link, a:visited {color:#666666; text-decoration:none;}
a:hover {color:#ffcc00; text-decoration:none;}
b {letter-spacing:1.5pt; text-transform:uppercase;}
a img {border:0px;}
div{text-align:justify;}
#textbox {border:1px solid #993300; background-color:#fedd65; font:9px Arial, Verdana, Trebuchet MS; color:#993300;}
ul, ul li {margin:8px; padding:0; line-height:10px; font-size:9px;}
#content {text-align:center; width:100%; height:100%;}
#contain {border:0px; background-color:transparent; width:554px; text-align:left; margin-right:auto; margin-left:auto;}
.spacer {clear:both; height:3px; width:100px; font-size:3px;}
.header {width:554px; height:178px; float:left; background:url('header_back.gif') no-repeat;}
.header02 {width:554px; height:178px; float:left; background:url('header_front.gif') no-repeat;}
.menubar{margin-top:143px; z-index:1; width:554px; height:35px; background:url('menu_bg.gif') no-repeat;}
#maincontent {background-color:#transparent; width:554px; float:left;}
#left {float:left; width:211px; margin-right:3px;}
.sabout01{float:left; width:211px; height:127px; background:#ffffff url('bg_about.gif') no-repeat;}
.sabout02{overflow-x:hidden; overflow-y:auto; width:195px; height:99px; margin-left:9px;}
.sreadme01{float:left; width:211px; height:82px; background:#ffffff url('bg_readme.gif') no-repeat;}
.sreadme02{overflow-x:hidden; overflow-y:auto; width:195px; height:53px; margin-left:9px;}
.swork01{float:left; width:211px; height:127px; background:#ffffff url('bg_work.gif') no-repeat;}
.swork02{width:205px; height:100px; margin-left:6px;}
#right {float:left; width:340px;}
.mshop01{float:left; width:340px; height:102px; background:#ffffff url('bg_shop.gif') no-repeat;}
.mshop02{width:328px; height:71px; margin-left:6px; margin-top:2px;}
.mpandaemo01 {float:left; width:110px; height:94px; background:url('bg_pandaemo.gif') no-repeat;}
.mpandaemo02 {width:98px; height:65px; margin-left:6px;}
.mlink01 {float:left; width:230px; height:94px; background:url('bg_link.gif') no-repeat;}
.mlink02 {overflow-x:hidden; overflow-y:auto; width:214px; height:63px; margin-left:9px; margin-top:2px;}
.mupdates01{width:340px; height:140px; background:#ffffff url('bg_updates.gif') no-repeat;}
.mbody{width:340px; height:342px; background:#ffffff url('bg_blank.gif') no-repeat;}
/*frames*/
#menu {float:left; margin-right:10px; margin-top:0px; }
#frame {overflow-x:hidden; overflow-y:auto; height:107px; width:326px; font-size:10px; background-color:transparent; border:0px; padding:2px 5px 7px; line-height:1;}
*html #frame {height:105px; width:322px; margin-left:4px;}
#framebody, #one, #two, #three {float:left; overflow-x:hidden; overflow-y:auto; height:306px; width:320px; font-size:10px; background-color:transparent; border:0px; padding-left:2px 5px 7px; line-height:1;}
*html #framebody, * html #one, * html #two, * html #three {height:302px; width:311px; margin-left:4px; padding-top:6px; }
.bodycon {width:334px; height:321px; margin-left:6px;}
/*Dropdown*/
#dropmenudiv{border-left:1px solid #fff3c9; border-right:1px solid #f8981d; border-top:1px solid #fff3c9; border-bottom:1px solid #f8981d; position:absolute; line-height:12px; z-index:100;}
#dropmenudiv a{background-color:#fedd65; width:100%; display:block; text-indent:5px; padding:2px 0; text-decoration:none; font:#f8981d bold;}
#dropmenudiv a:hover{background-color:#fff3c9;}
/*Rollover*/
a#b01 {float:left; display:block; width:65px; height:35px; background-image:url('m_home01.gif');}
a#b01:hover {background-image:url('m_home02.gif');}
.rl01 {background-image:url("m_home02.gif") no-repeat -1000px -1000px;}
a#b02 {float:left; display:block; width:64px; height:35px; background-image:url('m_blog01.gif');}
a#b02:hover {background-image:url('m_blog02.gif');}
.rl02 {background-image:url("m_blog02.gif") no-repeat -1000px -1000px;}
a#b03 {float:left; display:block; width:64px; height:35px; background-image:url('m_work01.gif');}
a#b03:hover {background-image:url('m_work02.gif');}
.rl03 {background-image:url("m_work02.gif") no-repeat -1000px -1000px;}
a#b04 {float:left; display:block; width:64px; height:35px; background-image:url('m_goodies01.gif');}
a#b04:hover {background-image:url('m_goodies02.gif');}
.rl04 {background-image:url("m_goodies02.gif") no-repeat -1000px -1000px;}
a#b05 {float:left; display:block; width:64px; height:35px; background-image:url('m_projects01.gif');}
a#b05:hover {background-image:url('m_projects02.gif');}
.rl05 {background-image:url("m_projects02.gif") no-repeat -1000px -1000px;}
a#b06 {float:left; display:block; width:64px; height:35px; background-image:url('m_links01.gif');}
a#b06:hover {background-image:url('m_links02.gif');}
.rl06 {background-image:url("m_links02.gif") no-repeat -1000px -1000px;}
a#b07 {float:left; display:block; width:64px; height:35px; background-image:url('m_contact01.gif');}
a#b07:hover {background-image:url('m_contact02.gif');}
.rl07 {background-image:url("m_contact02.gif") no-repeat -1000px -1000px;}