* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
body  {font: 11px Arial, Helvetica, sans-serif; min-height: 100%; background: url(http://img01.imagemaniac.com/tb/images/head-x.jpg) 0px 0px repeat-x #FFFFFF; height: auto !important; height: 100%; position: absolute;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
a {text-decoration: none; color: #913a00;}
a:hover {text-decoration: underline;}
.max {padding-bottom: 160px; max-width: 1216px; min-width: 1000px; margin: 0px auto;}

/*head*/
.head {background: url(http://img01.imagemaniac.com/tb/images/head.jpg) 0px 0px no-repeat; width: 968px; margin: 0px auto; position: relative; height: 200px;}

.desc {width: 230px; position: absolute; text-align: center; right: 145px; color: #666666; top: 0px; line-height: 10px; font: normal 9px Tahoma, Verdana, Arial, sans-serif;}
.desc strong {color: #76198a;}

.bookmark2 {position: absolute; width: 113px; left: 65px; top:60px;}
.bookmark2 a {display: block; text-indent: -9000px; overflow: hidden; height: 26px; background: url(http://img01.imagemaniac.com/tb/images/2.gif) 0px -60px no-repeat;}

.nav {position: absolute; left: 622px; top: 88px;}
.nav li {float: left; margin-right: 2px;}
.nav li a {display: block; height: 33px; text-indent: -9000px; overflow: hidden;}
.q01 {width: 95px;}
.q02 {width: 92px;}
.q03 {width: 91px;}
/*head*/

/*thumbs*/
.thumbs {padding: 0 0 0 1px; text-align: center;}
.thumbs img {width: 240px; height: 180px; border: 1px solid #000000; margin: 0 1px 1px 0; background: url(http://img01.imagemaniac.com/tb/images/image-bg.jpg) 0px 0px no-repeat;}
.thumbs a:hover img {border: 1px dashed #999999;}
/*thumbs*/

/*title*/
.title {width: 573px; height: 22px; padding-top: 7px; text-align: center; background: url(http://img01.imagemaniac.com/tb/images/header.png) 0px 0px no-repeat; margin: 0px auto; font-size: 14px; color: #8c1ea6;}
.bottom-bg {background: url(http://img01.imagemaniac.com/tb/images/bottom-bg.png) 0px 0px no-repeat; width: 674px; height: 55px; margin: 0px auto 15px auto;}
/*title*/

/*bookmark*/
.bookmark {background: url(http://img01.imagemaniac.com/tb/images/bookmark.png) 0px 0px no-repeat; width: 202px; height: 21px; position: relative; margin: 0px auto;}
.bookmark a {display: block; height: 21px; width: 202px; background: url(http://img01.imagemaniac.com/tb/images/dn2.gif) 8px 0px no-repeat; position: absolute; text-indent: -9000px; overflow: hidden;}
/*bookmark*/

/*hardlink*/
.hardlink {width: 930px; margin: 0px auto 15px auto; padding: 0 0 0 5px;}
.hardlink div {width: 305px; float: left; font-weight: bold; background: url(http://img01.imagemaniac.com/tb/images/hardlink.png) 0px 0px no-repeat; height: 38px; padding-top: 17px; text-align: center; font-size: 18px; margin-right: 5px;}
/*hardlink*/

/*top*/
.top {width: 948px; margin: 0px auto; background: #ffe4a3; padding: 6px 0 0 9px;}
.top ul {width: 237px; float: left; font: bold 11px Tahoma, Verdana, Arial, sans-serif; font-size: 13px;}
.top li {background: url(http://img01.imagemaniac.com/tb/images/bullet.gif) 0px 3px no-repeat; padding: 0 0 6px 13px;}
/*top*/

/*footer*/
.footer {position: absolute; bottom: 0; left: 0; width: 100%; background: url(http://img01.imagemaniac.com/tb/images/footer-x.png) 0px 100% repeat-x; height: 193px;}
.infooter {background: url(http://img01.imagemaniac.com/tb/images/footer.jpg) 0px 0px no-repeat; width: 829px; margin: 0px auto; height: 193px; position: relative;}

.infooter a {color: #eb75f4; font-weight: bold;}
.infooter p {padding-bottom: 5px;}
.infooter div {width: 217px; padding: 65px 0 0 490px; font: normal 9px Tahoma, Verdana, Arial, sans-serif; text-align: center; color: #8b8b8b}
.infooter p.link a {color: #bc06b5; font-size: 15px;}
.infooter p.link a:hover {color: #cccccc;}

.bookmark3 {position: absolute; left: 16px; bottom: 19px;}
.bookmark3 a {display: block; width: 152px; height: 86px; text-indent: -9000px; overflow: hidden;}
/*footer*/

.new-site-color {color: red}