* { margin:0; padding: 0; }
html,body { height:100%; overflow:auto; background: #fffffa; }
body { font-size:62.5%; }
.container {  width:100%; height:100%; overflow:auto; z-index: 1;}

.horizon { position:absolute; top:50%; left:0; width:auto; margin-top:-160px; margin-right:0; padding-right:0;  }
.wrapper { margin:0; }
#main { margin:0; padding:0; position:relative; width:auto; height:320px!important; }
#nav-head { position:fixed; left:15px; top:10px; margin:0; }
#credit { position: fixed; left: 48%; bottom: 20px;}

#nav-head ul:after,
.cf-fix:after { content: "."; height: 0px; visibility: hidden; display: block; clear: both;}
#nav-head ul,


/*======= navigation =======*/

#nav-head {  width: 600px; height: 60px; z-index: 5;}
#nav-head h1 { background: url(../images/yinna-wang-head.gif) no-repeat; display: block; height: 32px; width: 390px; text-indent: -5000em;  margin-bottom: 12px; }
#nav-head ul { position: absolute;  list-style: none;   }
ul.con-res { top: 38px; left: 0; }
ul.con-res a { color: #616161;}
ul.con-res a:hover { color: #a7a7a7;}

ul.sets { top: 38px; left: 200px;}
ul.sets a { color: #a7a7a7;}
ul.sets a:hover { color: #616161;}

#nav-head ul li {  float: left; margin-right: .5em;}
#nav-head ul li a { font-size: 1.2em; text-decoration: none; }

div.infobox { padding-top: 20px; }
div.infobox p { color: #616161; font-size: 1.2em!important; margin-bottom: 20px; margin-left:4em!important; }
div.infobox p a { color: #a7a7a7; text-decoration: none; }
div.infobox p a:hover { color: #616161;}
/*====== credit =========*/

#credit { width: 200px; height: 12px;}
#credit p { font-size: .9em; color: #b9b9b9;}
/*========= horizontal magic ===========*/
#main { display: table;}
#main p { display: table-row; }
#main p a {  text-align: center; display: table-cell; vertical-align: middle;  padding: 0 10px; margin: 0!important;  text-decoration: none; }
#main p a img { padding: 4px; border: 1px solid #ececec;  }


/*========= typography ==========*/
body { font-family: "Lucida Grande", Verdana, Arial, sans-serif; }

.active:hover, .active { color: #616161 !important; }

div.infobox p { color: #616161; font-size: 1em; margin-bottom: 20px; margin-left: 6em; }
div.infobox p a { color: #a7a7a7; text-decoration: none; }
div.infobox p a:hover { color: #616161;}

	
a.external { background:url(../images/external.gif)  #fffcec no-repeat right -8px; padding: .2em 1em .1em 0; }
a.external:hover { background:url(../images/external.gif)  #fffcec no-repeat right 4px; }

#nav-head ul li span { font-size: 1.2em; color: #616161;}

span.last { display: none;}

/*======== manager ==========*/

div.managecontainer { position: relative; left: 5%; top: -50px; display: block; background-color: #fdffde; width: 90%; height: 650px; overflow-y: scroll; padding: 1%; border: 1px solid #ccc; }
div.managepicturecontainer {  float: left; border-right: 1px solid #ccc; padding-right: 1em; margin-left: 1em; }
div.managepicturecontainer img { border: 1px solid #ccc; padding: 5px; background: white;  }
div.managecontainer p { padding-bottom: .5em!important; line-height: 1.3em!important;}