* {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/sv/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;}
a:hover {text-decoration: underline; color: #333333;}
.max {padding-bottom: 160px; max-width: 1264px; min-width: 1000px; margin: 0px auto;}

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

.h-top {position: absolute; right: 96px; top: 64px; width: 262px;}
.h-top ul {width: 130px; float: left; font: bold 9px Tahoma, Verdana, Arial, sans-serif;}
.h-top li {background: url(http://img01.imagemaniac.com/sv/images/bullet.gif) 0px 1px no-repeat; padding: 0 0 0 12px;}
.h-top a {color: #b163f3;}
.h-top a:hover {color: #969696;}

.desc {width: 305px; position: absolute; text-align: center; right: 119px; color: #666666; top: 15px; line-height: 10px; font: normal 10px Tahoma, Verdana, Arial, sans-serif;}

.bookmark2 {position: absolute; width: 92px; left: 863px; top: 52px;}
.bookmark2 a {display: block; text-indent: -9000px; overflow: hidden; height: 41px; background: url(http://img01.imagemaniac.com/sv/images/b2.gif) 0px 0px no-repeat;}
/*head*/

/*menus*/
.nav {position: absolute; right: 68px; top: 123px;}
.nav .select {width: 179px;}
.nav .select a span {display: block; cursor: pointer; height: 23px; font-weight: bold; color: #b37000; text-indent: 80px;}
.nav .select a:hover span {text-decoration: underline; color: #666666;}
.nav .select a {text-decoration: none;}
.select a:hover, .nav .select li:hover a {cursor: pointer; text-decoration: none;}
.nav .sub {display: none;}
.nav .sub ul {float: left; width: 105px; margin-right: 8px; font-weight: normal; font-size: 11px;}
.nav table {position: absolute; border-collapse: collapse;  font-size: 11px;}
.nav .select li a:hover .sub, .nav .select li:hover .sub {display: block; position: absolute; width: 458px; z-index: 100; top: 20px; background: #fbf8de; border: 1px solid #000000; margin-left: -295px; padding: 5px 0 5px 14px;}
.nav .select li a {color: #ee5300;}
.nav .select li a:hover {color: #969696;}
.nav .sub ul li {border-bottom: 1px dotted #dca889; padding: 2px 0;}
/*menus*/

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

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

/*title*/
.title {background: url(http://img01.imagemaniac.com/sv/images/title.png) 0px 0px no-repeat; width: 413px; height: 20px; padding-top: 5px; text-align: center; margin: 0px auto; color: #FFFFFF; font-size: 15px;}
/*title*/

/*bookmark*/
.bookmark {background: url(http://img01.imagemaniac.com/sv/images/bookmark.png) 0px 0px no-repeat; width: 419px; height: 27px; margin: 0px auto 15px auto; position: relative;}
.bookmark a {display: block; height: 25px; width: 160px; background: url(http://img01.imagemaniac.com/sv/images/dn2.gif) -4px 0px no-repeat; position: absolute; text-indent: -9000px; overflow: hidden; left: 128px;}
/*bookmark*/

/*hardlink*/
.hardlink {width: 984px; margin: 0px auto 15px auto; padding: 0 0 0 5px;}
.hardlink div {width: 241px; float: left; font-weight: bold; background: url(http://img01.imagemaniac.com/sv/images/hardlink.png) 0px 0px no-repeat; height: 36px; padding-top: 20px; text-align: center; font-size: 14px; margin-right: 5px;}
.hardlink a {color: #657f00;}
.hardlink a:hover {color: #9d9696;}
/*hardlink*/

/*top*/
.top {background: url(http://img01.imagemaniac.com/sv/images/top-bg.gif) 0px 0px repeat-y; width: 970px; margin: 0px auto 15px auto;}
.top-top {background: url(http://img01.imagemaniac.com/sv/images/top-top.png) 0px 0px no-repeat;}
.top-bottom {background: url(http://img01.imagemaniac.com/sv/images/top-bottom.png) 0px 100% no-repeat; padding: 0 0 15px 14px;} 
.top ul {width: 237px; float: left; font: bold 11px Tahoma, Verdana, Arial, sans-serif;}
.top a {color: #ee5300;}
.top h2 {padding: 6px 34px 12px 0; text-align: center; color: #FFFFFF; font-size: 15px;}
/*top*/

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

.infooter a {color: #000000; font-weight: bold;}
.infooter p {padding-bottom: 7px;}
.infooter div {width: 308px; padding: 50px 0 0 340px; font: normal 10px Tahoma, Verdana, Arial, sans-serif; text-align: center;}
.infooter p.link a {color: #ee5300; font-size: 15px;}
.infooter p.link a:hover {color: #cccccc;}
/*footer*/