/* CSS Document common */
html {
height: 100%;
max-height: 100%;
min-height: 100%;
background-color: #e5e5e5;
overflow: auto;
}

body {
font-size: medium;
font-family: Arial, sans-serif;
color: #7f7f7f;
position: relative;
width: 866px;
margin: 0 auto;
max-height: 100%;
min-height: 100%;
overflow: hidden;
background: #e5e5e5 url(i/w7.gif) no-repeat center center;
}

* html body {
height: 100%;
}

#wrap {
display: none;
height: 570px;
}
a {
color: #999999;
text-decoration: none;
}
#header {
height: 70px;
position: relative;
}
#header h1 {
width: 274px;
height: 70px;
position: relative;
background: #e5e5e5 url(i/logo.png) no-repeat right 12px;
overflow: hidden;
line-height: 250px;
}
#content {
position: relative;
height: 472px;
width: 866px;
background-color: #4c4c4c;
background: #4c4c4c url(i/wallpaper.png);
}
#menu {
float: left;
position: relative;
width: 181px;
height: 100%;
background: transparent url(i/wm.png) no-repeat 123px -1px;
}
#menu ul {
margin: 15px 0 0 0;
padding: 0;
}
#menu li {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
#menu li.active {
}
#menu li a {
font-size: 14px;
display: block;
padding: 7px 0 7px 24px;
width: 95px;
}
#menu li.active a {
color: #ffffff;
}
#menu a.hovering, #menu li.active a.hovering {
color: #cccccc;
/*background-color: #000000;*/
}
#preview {
float: left;
position: relative;
width: 114px;
height: 460px;
overflow: hidden;
margin: 12px 0 0 0;
}
* html #preview {
zoom: 1;
}
#preview ul {
padding: 0 0 0 0;
margin: 0 0 0 2px;
}
* html #preview ul {
zoom: 1;
margin: 0 0 0 -1px;
}
#preview li {
display: block;
width: 64px;
height: 64px;
background-color: #7f7f7f;
padding: 8px;
margin: 0 0 12px 11px;
list-style-type: none;
}
#preview li.last {
margin: 0 0 -6px 10px;
}
* html #preview li {
zoom: 1;
padding: 8px 8px 5px 8px;
}
#preview li.active{
background-color: #cccccc;
}
#preview li.hovering{
background-color: #ffffff;
}
#preview li img {
cursor: hand;
}
#main {
width: 520px;
height: 520px;
text-align: center;
position: absolute;
top: -60px;
left: 320px;
background-color: #cccccc;
line-height: 520px;
}
#photowrap {
position: relative;
width: 520px;
height: 520px;
line-height: 520px;
background: transparent url(i/lb.png) -2px bottom no-repeat;
}
* html #photowrap {
zoom: 1;
}
#main img {
margin: auto;
vertical-align: middle;
}
#main h2 {
color: #000000;
font-size: 18px;
}
#shield {
position: absolute;
top: -60px;
left: 320px;
width: 520px;
height: 520px;
z-index: 10000;
text-align: right;
}
#footer {
width: 100%;
clear: left;
position: absolute;
}
#contacts {
float: left;
position: relative;
margin: 0 0 0 116px;
background-color: #7f7f7f;
width: 158px;
height: 23px;
text-align: center;
}
* html #contacts {
width: 157px;
margin: 0 0 0 59px;
}
#contacts a{
font-size: 12px;
color: #4a4a4a;
display: block;
padding: 4px 0 0 0;
}
#contacts a:hover{
color: #ffffff;
}
#copyright {
float: left;
position: relative;
font-size: 10px;
padding: 6px 0 0 12px;
}
#copyright span {
font-weight: bold;
}

.jScrollPaneContainer {
position: relative;
overflow: hidden;
overflow: hidden;
margin: 0 0 0 0;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 12px;
background-color: #7f7f7f;
height: 100%;
}

* html .jScrollPaneTrack {
zoom: 1;
}

.jScrollPaneDrag {
position: absolute;
background-color: #cccccc;
cursor: pointer;
overflow: hidden;
}

* html .jScrollPaneDrag {
zoom: 1;
}

#wait {
position: absolute;
top: 130px;
left: 515px;
display: none;
}

#prev, #next {
position: absolute;
font-size: 10px;
font-weight: bold;
width: 145px;
color: #dbdbdb;
z-index: 9999999;
}

#prev a, #next a{
font-size: 10px;
font-weight: bold;
color: #7f7f7f;
}

#prev a:hover, #next a:hover{
color: #000000;
}

#prev {
top: -250px;
left: 0;
}

#next {
bottom: -250px;
right: 0;
}