@charset "utf-8";
/* CSS Document */

* { padding:0; border:0; margin:0;}
body,html { font-size:11px; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#fff; width:100%; height:100%; }

a { color:#666; text-decoration:none; font-weight:bold;}
a:hover { text-decoration:underline; color:#4a2f79;}

#loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(images/progress.gif); }
#supersize{ position:fixed; z-index:1; background-color:#fff; }
#supersize img, #supersize a{ height:100%; width:100%; position:absolute; z-index: 0; }
#supersize .prevslide, #supersize .prevslide img{ z-index: 1; }
#supersize .activeslide, #supersize .activeslide img{ z-index: 2; }
#maincontent { position:absolute; top: 0; left: 0; z-index: 50; width:100%; min-height:100%; height:auto; z-index:80; }

#menu { position:absolute; right:53px; top:220px; width:200px; height:auto; margin-bottom:40px; z-index:50000; }
#menu ul { position:relative; float:right; list-style:none; width:200px; height:auto;}
#menu ul li { position:relative; float:left; width:200px; height:auto; text-align:right; }
#menu ul li a{ text-decoration:none; display:block; height:15px; color:#666; }
#menu ul li a.active{ color:#4a2f79; font-weight:bold; }
#menu ul li a:hover{ text-decoration:underline; color:#4a2f79; }

#logo { position:absolute; right:0px; top:50px; z-index:100; width:506px; height:162px;}
#symbol { position:fixed; right:0px; bottom:0px; z-index:50; width:70px; height:288px; background-image:url(symbol.png);}
#container { position:absolute; right:55px; top:345px; width:410px; height:auto; margin-bottom:40px; z-index:50000; text-align:justify; padding-bottom:40px;}
#container_small { position:relative; float:left; width:205px; height:auto; z-index:50000;}

#container p { width:160px; color:#666;}
#container ul { margin-left:30px;}

h1 { font-size:14px; color:#4a2f79; margin:0 0 7px 0;}
h2 { font-size:12px; color:#666; margin:0 0 7px 0;}