@charset "UTF-8";
/* CSS Document */

.body {
background-color:#FFFFFF;
}

	
#container {
width:980px;
height:510px;
left:50%;
margin:-260px 0 0 -485px;
position:absolute;
top:50%;
}

#container.ct_index {
background-image:url(img/img_intro.jpg);
background-position:center;
background-repeat:no-repeat;
}

#ct_title {
width:408px;
height:52px;
margin:0px auto;
z-index:1;
}

#img_sx {
width:329px;
height:446px;
top:0px;
left:0px;
position:relative;
}

#img_sx.info {
background-image:url(img/img_sx_01.jpg);
background-position:center;
background-repeat:no-repeat;
}

#img_sx.contact {
background-image:url(img/img_sx_02.jpg);
background-position:center;
background-repeat:no-repeat;
}

#box_album {
width:980px;
height:458px;
top:8px;
left:-10px;
position:relative;
}

#in_box_menu_gal {
width:980px;
height:21px;
top:12px;
left:0px;
position:relative;
}

#in_title {
width:329px;
height:29px;
top:0px;
left:0px;
position:relative;
}

#in_menu {
width:329px;
height:21px;
top:5px;
left:0px;
position:relative;
background-image:url(img/menu.png);
background-repeat:no-repeat;
}


#in_menu_gal {
width:329px;
height:21px;
top:0px;
left:265px;
position:relative;
background-image:url(img/menu_gal.png);
background-repeat:no-repeat;
}


#info_nav {
width: 36px;
height:14px;
position:relative;
top: 7px;
left: 69px;
}

.info_nav {margin:0 0 0px 0px; padding:0px; list-style:none; width:36px;}
.info_nav li {background:url(img/menu/info1.jpg); margin:-5px 0; width:36px;  background-repeat:no-repeat;}
.info_nav li a {display:block; height:14px; width:36px; background:url(img/menu/info1.jpg); text-decoration:none; line-height:33px;}
.info_nav li a b {margin:0 0 0 9px; display:inline; width:36px; float:left; height:14px; background:url(img/menu/info1.jpg) right top; padding:0 40px 0 0px; }
.info_nav li a:hover, .info_nav li a:hover b {border:0; background-image:url(img/menu/info2.jpg); cursor:pointer; color:#fff;}
.info_nav li a.menucurrent, .info_nav li a.menucurrent b, .info_nav li a.menucurrent:hover , .info_nav li a.menucurrent:hover b {background-image:url(img/menu/info2.jpg); cursor:default;}

#gallery_nav {
width: 70px;
height:14px;
position:relative;
top: -2px;
left:116px;
}

.gallery_nav {margin:0 0 0px 0px; padding:0px; list-style:none; width:70px;}
.gallery_nav li {background:url(img/menu/gal1.jpg); margin:-5px 0; width:70px;  background-repeat:no-repeat;}
.gallery_nav li a {display:block; height:14px; width:70px; background:url(img/menu/gal1.jpg); text-decoration:none; line-height:33px;}
.gallery_nav li a b {margin:0 0 0 9px; display:inline; width:70px; float:left; height:14px; background:url(img/menu/gal1.jpg) right top; padding:0 40px 0 0px; }
.gallery_nav li a:hover, .gallery_nav li a:hover b {border:0; background-image:url(img/menu/gal2.jpg); cursor:pointer; color:#fff;}
.gallery_nav li a.menucurrent, .gallery_nav li a.menucurrent b, .gallery_nav li a.menucurrent:hover , .gallery_nav li a.menucurrent:hover b {background-image:url(img/menu/gal2.jpg); cursor:default;}

#contact_nav {
width: 80px;
height:14px;
position:relative;
top: -11px;
left:193px;
}

.contact_nav {margin:0 0 0px 0px; padding:0px; list-style:none; width:80px;}
.contact_nav li {background:url(img/menu/cont1.jpg); margin:-5px 0; width:80px;  background-repeat:no-repeat;}
.contact_nav li a {display:block; height:14px; width:80px; background:url(img/menu/cont1.jpg); text-decoration:none; line-height:33px;}
.contact_nav li a b {margin:0 0 0 9px; display:inline; width:80px; float:left; height:14px; background:url(img/menu/cont1.jpg) right top; padding:0 40px 0 0px; }
.contact_nav li a:hover, .contact_nav li a:hover b {border:0; background-image:url(img/menu/cont2.jpg); cursor:pointer; color:#fff;}
.contact_nav li a.menucurrent, .contact_nav li a.menucurrent b, .contact_nav li a.menucurrent:hover , .contact_nav li a.menucurrent:hover b {background-image:url(img/menu/cont2.jpg); cursor:default;}


#page{
width:640px;
height:480px;
}

#page.info {
background-image:url(img/sf_info.png);
background-repeat:no-repeat;
background-position:top;
}

#page.contact {
background-image:url(img/sf_contact.png);
background-repeat:no-repeat;
background-position:top;
}

#side_sx {
width: 130px;
height:446px;
float:left;
}

#side_dx {
width: 510px;
height:440px;
top:20px;
position:relative;
float:right;
}

#current_year {
width:83px;
height:251px;
left:35px;
top:20px;
position:relative;
}

#oldyear_div {
width:83px;
height:120px;
left:35px;
top:85px;
position:relative;
}

#old_year {
width:83px;
height:10px;
left:41px;
top:100px;
background-position:center;
position:relative;
}

#credits {
width:37px;
height:17px;
position:relative;
left:600px;
top:20px;
}
/* gallery */

#album_list {
width:24px;
height:458px;
background-image:url(img/gal/sx_list.png);
background-repeat:no-repeat;
top:0px;
left:0px;
position:relative;
float:left;
}


#list {
height: 458px;
display: none;
width:930px;
top:-446px;
left:0px;
background-image:url(img/gal/boxlist.png);
background-repeat:no-repeat;
position:relative;
z-index:100;
float:left;
}



#album {
width:930px;
height:465px;
top:0px;
left:0px;
position:relative;
float:left;
overflow:auto;
}

#loader {

  height: 445px;
}

#loader.loading {
  background: url(img/loading.gif) no-repeat center center;
}

#loading {
  background-image:url(img/sf_loading.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  position:absolute;
  top:0;
  left:24px;
  width:930px;
  height:465px;
  z-index:100;
  
}

#album_title {
width:26px;
height:458px;
background-image:url(img/gal/album_title.png);
background-repeat:no-repeat;
top:0px;
left:0px;
position:relative;
float:left;
}


/* text style */

#side_dx.info {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#232323;
text-align:justify;
}

.info {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#232323;
text-align:justify;
}

a.list_txt, a:visited.list_txt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#232323;
text-transform:uppercase;
text-align:center;
text-decoration:none;
}

a:hover.list_txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff8a00;
text-align:center;
text-transform:uppercase;
text-decoration:none;
}

a.pag, a:visited.pag {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
text-decoration:none;
}

a:hover.pag {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff8a00;
text-align:center;
text-decoration:none;
}



.credits {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#330066;
}

a.credits, a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#330066;
text-decoration:none;
}

a:hover.credits {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#663399;
text-decoration:none;
}


.tb_ct{
margin-left:130px;

}


/* flex */



.fixedwidth {

width: 930px;
height: auto;
position: relative;
}


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.hscrollerbase {
height: 7px;
background-color: #ffc27c;
}
.hscrollerbar {
height: 7px;
background-color: #9b9b9b;
}

.scrollerjogbox {
width: 7px;
height: 7px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}