@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
padding:0px;
background-color:#2f2f2f;
scrollbar-3dlight-color:#CABDC6;
scrollbar-arrow-color:#70111E;
scrollbar-base-color:#f3f5e0;
scrollbar-darkshadow-color:#f3f5e0;
scrollbar-face-color:#f3f5e0;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#576E9A;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

.centerabsolute {
width: 780px; height: 580px; overflow:hidden; margin:0 auto;
}
.centerblockabsolute {
position: absolute; width:840px; height:550px; left:50%; top:50%; margin-left:-420px; margin-top:-275px;
}

#index {
width:780px; height:580px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#2f2f2f url(twins_01.jpg) center left no-repeat;
}
#index .isidx {
height:150px; margin:0px 50px 0px 350px;
}
#index .isidx h1 {
font-size:14px; font-weight:normal; margin:20px 0px 5px 0px; padding:0px; text-align:left; color:#960;
}
#index .isidx h1 a {
color:#960;
}
#index .isidx p {
margin:0px 0px 0px 0px; padding:0px; text-align:left; color:#000000;
}
#index .fla {
width:780px; height:350px; overflow:hidden; margin:0px; padding:0px; text-align:center;
}
#index .fla p {
margin:0px 0px 5px 0px; padding:0px; text-align:left; color:#f4f1ca;
}
#index p {
margin:0px 0px 5px 0px; padding:0px; text-align:left; color:#f4f1ca;
}
#index .btm {
overflow:hidden;
}
#index .design {
width:650px; margin:0 auto; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-align:left;
}
#index .design a {
color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;
}
#index a {
color:#f4f1ca; text-decoration:none;
}

.backindex {
background:#b37333 url(twins_03.jpg) top left repeat-x;
}
.backindex2 {
background:#a65b21 url(back.jpg) top left repeat-x;
}

.ym {
border-right:1px solid #CCC; float:left; height:20px; overflow:hidden; padding:5px 5px 0px 0px; margin:0px 5px 0px 0px;
}
.ym2 {
border-left:1px solid #CCC; float:right; height:20px; overflow:hidden; padding:5px 0px 0px 5px; margin:0px 0px 0px 5px;
}

#photo {
width:780px; height:580px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background:url(twins_01.jpg) center left no-repeat;
}
#photo .flshw {
float:left; margin:150px 10px 0px 50px;
}
#photo p {
margin:0px 5px 5px 0px; padding:0px; text-align:left; color:#000000;
}
#photo .design {
width:650px; margin:0 auto; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;
}
#photo .design a {
color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;
}

#top {
width:840px; height:115px; overflow:hidden;
}
#top .logo {
width:324px; height:115px; overflow:hidden;
}
#top .tflash {
width:516px; height:115px; overflow:hidden; background:url(back_02.png) top left no-repeat;
}
#top p {
margin:0; padding:0px 90px 5px 0px; text-align:right;
}

#main {
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; width:840px; height:347px; overflow:hidden; background:url(back_03.png) top left no-repeat;
}
#main .isi {
width:255px; padding:0px; margin:5px 0px 0px 0px; text-align:left; float:left;
}
#main .isi h1,h2,h3,h4,h5 {
text-align:left; font-size:14px; color:#99CC00; font-weight:normal; margin:0px; padding:0px;
}
#main .isi p {
padding:0px; margin:5px 0px 0px 0px; text-align:left; font-size:12px;
}
#main .isialbt {
padding:0px; margin:25px 10px 0px 50px; text-align:left; font-size:11px;
}
#main .isiutama {
width:500px; padding:0px; margin:15px 10px 0px 10px; text-align:left;
}
#main .isiutama p {
padding:0px; margin:5px 0px 0px 0px;
}
#main .isifla {
width:200px; height:300px; padding:0px; margin:0px 10px 0px 10px; float:right;
}
#main .isiservice {
width:515px; padding:0px; margin:15px 5px 0px 10px; text-align:left; font-size:11px;
}
#main p {
padding:0px; margin:0px 0px 10px 0px; text-align:left; font-size:12px;
}

#foo {
width:840px; height:88px; background:url(back_04.png) top right no-repeat;
}
#foo .design {
width:650px; margin:0 auto; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-align:left;
}
#foo .design a {
color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;
}


/* albumlist */
#albumlist {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
list-style-type: none;
margin-top:30px;
margin-left:20px;
overflow:hidden;
width: 488px;
height: 250px;
}
#albumlist ul {
list-style:none;
padding:0;
margin:0;
}
#albumlist li {
width:161px;
height:122px;
padding:2px 0px 0px 1px;
float: left;
background:#CCCCCC;
}
#albumlist img {
display: block;
border:none;
}

#albumlist2 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
list-style-type: none;
margin-top:30px;
margin-left:40px;
overflow:hidden;
width: 450px;
height: 250px;
}
#albumlist2 ul {
list-style:none;
padding:0;
margin:0;
}
#albumlist2 li {
width:81px;
height:122px;
margin:1px 0px 0px 5px;
float: left;
}
#albumlist2 img {
display: block;
border:#CCCCCC solid 1px;
}

#albumlist3 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
list-style-type: none;
margin-top:30px;
margin-left:40px;
overflow:hidden;
width: 450px;
height: 250px;
}
#albumlist3 li {
float: left;
background:#CCCCCC;
}
#albumlist3 img {
display: block;
border:solid 1px #CCCCCC;
}
/* end albumlist */

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

/* navigation */
#nav {padding:0; margin:8px 0 0 0; list-style:none; position:relative; z-index:500; font-family:verdana, arial, sans-serif;}
#nav li.top {display:block; float:left; padding-top:5px;}
#nav li.ntop {display:block; float:left; padding-top:0px;}
#nav li a.top_link {display:block; float:left; color:#ddd; text-decoration:none; font-size:12px;padding:0 10px 5px 10px; cursor:pointer;}
#nav li a.top_link:hover {background:none; color:#9C0; padding:0 10px 3px 10px; border-bottom:#99CC00 2px solid;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul
{left:0; bottom:20px; top:auto; padding:3px; white-space:nowrap; width:120px; height:auto; z-index:300; background-color:#666666;}
#nav li:hover ul li
{display:block; position:relative; float:left; font-weight:normal; clear:left;}
#nav li:hover ul li a
{display:block; font-size:11px; padding:3px 0px 3px 0px; color:#ffffff; text-decoration:none;}
#nav li ul li a.fly
{color:#4f8383; font-weight:bold;}
#nav li:hover ul li:hover 
{background:none;}
#nav li:hover ul li a:hover {text-decoration:none; color:#666666; width:120px; background-color:#99CC00;}
#nav li:hover ul li a.fly:hover
{background:#4f8383; color:#fff; text-decoration:none;}
#nav li:hover ul li:hover.fly {background:#4f8383;}

#nav li:hover ul li:hover.fly > a.fly {background:#4f8383; color:#fff; text-decoration:none;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:-5px; margin-left:100%; bottom:-4px; top:auto; background: #fff; padding:3px; border:1px solid #4f8383; white-space:nowrap; width:auto; z-index:500; height:auto;}

.nav2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}
.nav2 ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.nav2 ul li{
display:inline;
border-right:#999999 solid 1px;
padding:0px 10px 0px 10px;
}
.nav2 ul li a{
text-decoration: none;
color:#cdcdcd;
}
.nav2 ul li a:hover{
color:#ffffff;
}
/* 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: #603913;
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 */