/** universal **/
body {
background-color: #ffffff;
background: transparent url(../images/background.jpg) no-repeat;
}

a {
text-decoration: none;
}

ul {
list-style-type: none;
margin-top: 0px;
}

li {
display: inline;
}

#logo {
position: absolute;
left: 0px;
top: 0px;
}

#centerShadow {
position: absolute;
z-index: 0;
width: 900px;
text-align:right;
border: 0px #000000 solid;
margin-top: 110px;
margin-left: -10px;
}

#centerShadowClosed {
position: absolute;
z-index: 0;
width: 900px;
text-align:right;
border: 0px #000000 solid;
margin-top: 107px;
margin-left: -10px;
}

#prevNext {
position: absolute;
z-index: 1;
margin-top: 408px;
margin-left: 740px;
}

/** top menu **/
#topMenu {
position: absolute;
left: 500px;
top: 0px;
}

/** bottom menu **/
#bottomMenu {
position: absolute;
top: 522px;
left: -40px;
width: 600px;
}

#bottomMenu li {
cursor: pointer;
margin-right: -4px;
}

/** shortcut **/
#shortcutMenu {
position: absolute;
top: 527px;
left: 600px;
width: 600px;
}

#shortcutMenu li {
cursor: pointer;
margin-right: -4px;
}

/** thumbnail box **/
#thumbnailBody {
width: 1000px;
height: 280px;
margin-top: 108px;
margin-left: -10px;
position: absolute;
}

#thumbnailCenter {
width: 810px;
height: 326px;
border: 0px solid #000000;
background: transparent url('../images/thumb_bg.jpg') top left repeat-x;
float: left;
overflow: hidden;
}

#leftArrow {
height: 100%;
background: transparent url('../images/thumb_prev.jpg') center no-repeat;
width: 55px;
height: 326px;
border: 0px solid #000000;
float: left;
cursor: pointer;
}

#rightArrow {
height: 100%;
background: transparent url('../images/thumb_next.jpg') center no-repeat;
width: 55px;
height: 326px;
border: 0px solid #000000;
float: left;
cursor: pointer;
}

#firstPage, #secondPage {
width: 806px;
height: 240px;
border: 0px solid #000000;
text-align: center;
/*background: transparent url('../images/thumb_bg.jpg') top left repeat-x;*/
position: absolute;
z-index: 1;
float: left;
margin-left: 50px;
margin-top: 146px;
overflow: hidden;
}

/** thumbnail images **/
img#thumbnails {
margin-bottom: 20px;
_padding-bottom: 20px;
margin:4px 12px;
}

img#lastRow {
margin:4px 12px;
}
/** end of thumbnail box **/

/** pages box **/
#pagesBody {
/*height: 280px;*/
margin-top: 128px;
/*margin-bottom: 110px;*/
margin-left: 6px;
position: absolute;
display: auto;
}

#leftBodyArrow, #rightBodyArrow {
height: 100%;
border: 0px solid #000000;
float: left;
cursor: pointer;
}

#pagesBody_outter {
width: 892px;
height: 280px;
overflow: hidden;
border: 0px solid #000000;
}

#pagesBody_inner {
width: 19624px;
/*width: 870px;*/
height: 840px;
cursor: url('cursor.png');
}

#page0, #page1, #page2,
#page3, #page4, #page5,
#page6, #page7, #page8,
#page9, #page10, #page11,
#page12, #page13, #page14,
#page15, #page16, #page17,
#page18, #page19, #page20,
#page21 { float: left; }