* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
body  {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background: url(../images/head-x.jpg) top repeat-x #001346; min-height: 100%; 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;}
h1 {display: none;}
a {text-decoration: underline; color: #04B8FD;}
a:hover {text-decoration: none;}

/*center*/
.center {width: 1000px; margin: 0px auto; padding-bottom: 135px;}
/*center*/

/*head*/
.head {background: url(../images/head-left.png) 0px 0px no-repeat; position: relative;}
.head-right {background: url(../images/head-right.png) 100% 0px no-repeat; height: 144px;}
/*head*/

/*menus*/
.nav {top: 77px; position: absolute; left: 342px;}
.nav .select {float: left; margin-right: 1px;}
.nav .select a span {display: block; height: 41px; background: url(../images/iefix.gif); font-size: 15px; color: #FFFFFF; text-indent: 7px; padding-top: 8px; text-align: center; padding-right: 8px;}
.nav .select a:hover span {color: #000000;}
.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: 108px; margin-right: 8px; font-weight: normal; font-size: 12px;}
.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: 476px; z-index: 100; top: 39px;  margin-left: -170px;}
.nav .select a:hover .sub li a, .nav .select li:hover .sub li a {display: inline; color: #FFFFFF;}
.nav .sub ul li {border-bottom: 1px dotted #FFFFFF; padding: 2px 0;}
.drop_T {background: url(../images/drop-t.png) left top no-repeat; height: 10px; font-size: 1px; line-height: 10px;}
.drop_B {background: url(../images/drop-b.png) left bottom no-repeat; height: 10px; font-size: 1px; line-height: 10px;}
.dropbg {background: url(../images/drop-bg.png) repeat-y; padding-left: 10px;}
.nav div.dropbg a:hover {text-decoration: underline; color: #072A71;}
.q01, .q02 {width: 109px;}
.q03 {width: 117px;}
.q04 {width: 139px;}
.q05 {width: 140px;}

.nav .q03 .sub ul, .nav .q04 .sub ul {width: 144px;}
/*menus*/

/*desc*/
.desc {text-align: center; width: 618px; margin-left: 342px; padding-top: 10px;}
/*desc*/

/*thumbs*/
.thumbs {margin-bottom: 35px;}
.thumbs div {width: 248px; float: left; font-size: 15px; text-align: center; background: url(../images/image-bg.png) 0px 0px no-repeat; margin: 0 1px 10px 1px;}
.thumbs img  {width: 240px; height: 320px; margin: 4px 0 6px 0;}
/*thumbs*/

/*thumbs2*/
.thumbs2 {padding: 3px 0 45px 0; width: 940px; margin: 0px auto;}
.thumbs2 img {width: 180px; height: 240px; background: url(../images/tn_small.jpg) 0px 0px no-repeat; padding: 4px;}
/*thumbs2*/

/*thumbs5*/
.thumbs5 {padding: 3px 0 45px 0; width: 940px; margin: 0px auto;}
.thumbs5 img {width: 180px; height: 240px; border: 1px solid #FFFFFF; margin: 0 4px 4px 0;}
/*thumbs5*/

/*thumbs5b*/
.thumbs5b {padding: 3px 0 45px 5px; width: 940px; margin: 0px auto;}
.thumbs5b img {width: 180px; height: 240px; border: 1px solid #FFFFFF; margin: 3px;}
/*thumbs5b*/

/*thumbs3*/
.thumbs3 {padding: 3px 0 45px 10px;}
.thumbs3 img {width: 240px; height: 180px; border: 1px solid #FFFFFF; margin: 0 4px 4px 0;}
/*thumbs3*/

/*thumbs4*/
.thumbs4 {padding: 3px 0 45px 4px; width: 987px; margin: 0px auto;}
.thumbs4 img {width: 135px; height: 180px; border: 1px solid #FFFFFF; margin: 0 4px 4px 0;}
/*thumbs4*/

/*top*/
.top {background: url(../images/top-bg.jpg) 0px 0px repeat-y; width: 970px; margin: 0px auto; position: relative;}
.top-top {background: url(../images/top-top.jpg) 0px 0px no-repeat;}
.top-bottom {background: url(../images/top-bottom.jpg) 0px 100% no-repeat; padding: 85px 0 75px 35px;}
.top a {font-size: 15px; padding-right: 5px;}
.top ul {width: 230px; float: left; margin: 20px 0;}
.top li {line-height: 21px; background: url(../images/bullet.png) 0px 0px no-repeat; padding: 0 0 0 28px; margin-bottom: 10px;}
.bookmarks {width: 418px; position: absolute; bottom: 14px; left: 263px;}
.bookmarks a {display: block; text-indent: -99999px; overflow: hidden; height: 54px; background: url(../images/iefix.gif);}
/*top*/


/*footer*/
.footer-x {background: url(../images/footer.jpg) 0px 100% repeat-x; width: 100%; position: absolute; bottom: 0px; height: 135px;}
.footer {background: url(../images/logosmall.png) 0px 0px no-repeat; width: 720px; margin: 30px auto 0px auto; height: 105px; position: relative;}
.footer p {padding: 47px 0 0 119px;}
/*footer*/