@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
background-color:#919191;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e7e7e7;
}

.centerabsolute {
position: absolute;
width: 780px;
height: 550px;
left: 50%;
top: 50%;
margin-left: -390px;
margin-top: -275px;
}

#top {
width:780px;
height:56px;
overflow:hidden;
}
#top .logo {
border:none;
}
#top .tflash {
width:546px;
height:113px;
overflow:hidden;
}
#top p {
margin:0;
padding:0px 90px 5px 0px;
text-align:right;
}

#main {
width:780px;
height:435px;
overflow:hidden;
background:#919191 url(back02.jpg) top right no-repeat;
}
#main .isi {
width:250px;
padding:0px;
margin:10px 23px 0px 0px;
text-align:left;
}
#main .isi h1 {
text-align:left;
font-size:20px;
font-weight:normal;
color:#919191;
margin:0px;
padding:0px;
}
#main .isi p {
padding:0px;
margin:15px 0px 0px 0px;
text-align:left;
font-size:12px;
line-height:20px;
}
#main .pic {
padding:0px;
margin:12px 6px 0px 0px;
border:none;
}
#main .tool {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:747px;
padding:0px;
margin:10px 17px 0px 0px;
text-align:left;
}
#main .tool img {
float:left;
margin:0px 10px 0px 0px
}
#main .tool p {
margin:0px 5px 0px 0px;
}

#foo {
width:780px;
height:59px;
overflow:hidden;
background:#919191 url(back03.jpg) top right no-repeat;
}
#foo .copy {
height:30px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#656464;
text-align:center;
margin-top:5px
}

/* rate */
#block {
width:250px;
height:100%;
overflow:hidden;
padding:0px;
margin:8px 0px 0px 0px;
border:#999999 solid 1px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#block .type {
width:146px;
height:100%;
overflow:hidden;
padding:2px;
margin:0px;
background:#666666;
text-align:center;
border-bottom:#999999 solid 1px;
}
#block .rate {
width:95px;
height:100%;
overflow:hidden;
padding:2px;
margin:0px;
background:#666666;
text-align:center;
border-left:#999999 solid 1px;
border-bottom:#999999 solid 1px;
}
#block .typer {
width:146px;
height:100%;
overflow:hidden;
padding:2px;
margin:0px;
background:#666666;
text-align:center;
border-bottom:#999999 solid 1px;
}
#block .ratep {
width:95px;
height:100%;
overflow:hidden;
padding:2px;
margin:0px;
background:#666666;
text-align:center;
border-left:#999999 solid 1px;
border-bottom:#999999 solid 1px;
}
/* end rate */

/* list */
.list {
width:250px;
padding:0px;
margin:10px 23px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
}
.list ul{
list-style-type: none;
margin:0px;
padding:5px 0px 0px 0px;
}
.list li{
background: url(sign.jpg) no-repeat center left;
margin:2px 0px 0px 5px;
padding:0px 0px 0px 14px;
display: block;
}
.list h1 {
text-align:left;
font-size:15px;
font-weight:normal;
color:#919191;
margin:0px;
padding:0px;
}
/* list */


/* albumlist */
#albumlisttxt {
color: #f4f6c9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin:0 auto;
margin-top:30px;
margin-bottom:15px;
width: 640px;
}
#albumlisttxt2 {
color: #f4f6c9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
margin:0 auto;
margin-bottom:5px;
width: 640px;
}
#albumlist {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin:0 auto;
padding-left:10px;
width: 650px;
height:auto;
overflow:hidden;
}
#albumlist ul {
list-style:none;
margin:0px;
padding:0px;
}
#albumlist li {
display:inline;
width:120px;
height:90px;
margin:0px 10px 20px 0px;
float: left;
}
#albumlist img {
display: block;
border:#999999 solid 1px;
}
/* end albumlist */

/* form */
.contact {
width:400px;
padding:0px;
margin:15px 0px 0px 15px;
}
.contact p {
color:#FFFFFF;
font-size:12px;
padding:0px;
margin:0px 0px 8px 0px;
clear:both;
}
.contact label {
font-weight: bold;
width:110px;
text-align:left;
float:left;
}
.contact input {
width: 150px;
}
.contact textarea{
width: 280px;
height: 50px;
}
.contact .req {
font-size:10px;
font-weight:normal;
}
.contact .submit {
margin-left:10px;
width:50px;
padding:2px;
top:auto;
}
.contact .res {
margin-left:10px;
width:50px;
padding:2px;
top:auto;
}
/* end form */

/* navigation */
.nav2 {
width:640px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
margin:0 auto;
}
.nav2 ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.nav2 ul li{
display:inline;
margin:0;
}
.nav2 ul li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 8px;
border-right: 1px solid #e7e7e7;
color:#262829;
}
.nav2 li a:hover {
color:#e7e7e7;
background:#262829;
}

.navgall2 {
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
margin:28px 0px 0px 70px;
float:left;
}
.navgall2 ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.navgall2 ul li{
display:inline;
margin:0;
}
.navgall2 ul li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 8px;
border-right: 1px solid #e7e7e7;
color:#FFF;
}
.navgall2 li a:hover {
color:#e7e7e7;
}
.navgall2 #here {
color:#999;
}
/* end navigation */

/* pagination */
.pagination {
padding:3px;
margin:3px;
text-align:center;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none; 
color: #88AF3F;
}
.pagination a:hover, #gallery .pagination a:active {
border:1px solid #85BD1E;
color: #638425;
background-color: #F1FFD6;
}
.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #999999;
font-weight: bold;
background-color:#CCCCCC;
color: #FFF;
}
.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/* end pagination */

/* thumbBox */
#thumbBox{ 
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #ffffff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
border:#005c80 solid 1px;
color: #000000;
}
#thumbBox .footerbar{ 
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #000000;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ 
background-color: white;
border:#CCCCCC solid 1px;
}
#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
color: #000000;
}
/* end thumbBox */