@import url(core-style.css);

/*SmSec-galleryMenu*/

#galSelect {
margin: 0em;
background-image: url(../../assets/modules/gallery/image/galmenu.jpg);
background-repeat: no-repeat;
background-color: transparent;
background-position: top left;
padding: 0em;
width: 340px;
margin-left: 243px;
}

#galSelect ul {
height: 22px;
margin-left: -36px;
}

#galSelect ul li {
display: inline;
float: left;
}

#galSelect ul li a {
display: block;
height: 22px;
text-align: center;
color: #484848;
background-color: transparent;
margin-right: 1px; }

#galSelect ul li a.gal1 {
width: 47px;
}

#galSelect ul li a.gal2 {
width: 37px;
}

#galSelect ul li a.gal3 {
width: 37px;
}

#galSelect ul li a.gal4 {
width: 37px;
}

#galSelect ul li a.gal5 {
width: 37px;
}

#galSelect ul li a.gal6 {
width: 46px;
}

#galSelect ul li a.current1 {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px 0px;
width: 47px;
}

#galSelect ul li a.current2 {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -22px;
width: 37px; }

#galSelect ul li a.current3 {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -44px;
width: 37px; }

#galSelect ul li a.current4 {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -66px;
width: 37px; }

#galSelect ul li a.current5 {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -88px;
width: 37px; }

#galSelect ul li a.current6 {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -110px;
width: 46px; }

#galSelect ul li a.gal1:hover {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px 0px;
}

#galSelect ul li a.gal2:hover {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -22px; }

#galSelect ul li a.gal3:hover {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -44px; }

#galSelect ul li a.gal4:hover {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -66px; }

#galSelect ul li a.gal5:hover {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -88px; }

#galSelect ul li a.gal6:hover {
background-image: url(../../assets/modules/gallery/image/galselect.jpg);
background-position: 0px -110px; }


/*SmSec-mainPic*/
#preloadMsg {
position: absolute;
top: 430px;
left: 240px;
}

#galTitle {text-align: left; font-weight: bold;
font-size: 1em;
color: white;
margin-bottom: 10px;
background-color: #484848; } 

#mainPic {
margin-right: 10px;
width: 512px;
height: 384px;
z-index: 1;
float: left;
border: 1px #ffffff solid; }

#caption {
  font-weight: normal;
  color: white;
font-size: 1em;
background-color: #484848;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0em;
clear: both;
margin-top: 6px;
padding-top: 6px; }

/*SmSec-thumbs*/
div.thumb {
        margin: 3px;
        border: 1px #A0ACC0 solid;
        float: left;
height: 60px;
width: 60px;
position: relative;
top: -3px;
left: -3px;
} 
      
.thumb img {
        /*filter: alpha(opacity=30);
   opacity: 0.3;*/
border: none; }

.thumb a img {
/*border: 0px #A0ACC0 solid;*/
}

.thumb a:link {color: white;
background-color: transparent; }

.thumb a:hover img {
/*filter: alpha(opacity=99);
    opacity: 0.99;*/
width: 66px;
height: 66px;
position: relative;
top: -3px;
left: -3px;
border: 1px #A0ACC0 solid;
}

.thumb a:active img {
    /* filter: alpha(opacity=99);
    opacity: 0.99;*/
position: relative;
top: -3px;
left: -3px;
width: 66px;
height: 66px;
/*border: 1px #A0ACC0 solid;*/
}

#thumbs {
height: auto;
position: absolute;
left: 544px;
width: 210px;
}
/*SmSec-access*/
#accessList {
margin-top: -15px;
position: absolute;
left: 730px;
font-size: 1em;
font-weight: normal;
width: 20em; }

#accessList ul li {
list-style-type: none; }

#accessList ul li a {
background-color: #484848;
color: white; }

#accessList ul li a:hover {
background-color: #484848;
color: #c7ff4e; }