html,body{
margin: 0; 
padding: 0; 
}



#container{
width: 100%;
float:left;
display: block;
margin-left: 0%;
margin-right: 0%;
padding: 0%;
}

#container2{
  float: left;
    width: 90%;
    margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 10%;
	z-index: -1;
	
}

#gallerytexthold{
float: left;
width: 100%; 
text-align: center;	
	
	
}

#gallerytext{
display: inline-block;
vertical-align: top;
width: 70%;
font-family: calibril;
font-weight: 200;
font-size: 110%;
color: darkslategray;
padding: 3%;
margin-bottom: 2%;
margin-top: 0;
text-align: left;
line-height: 150%;
}




.galleryt:link{text-decoration: none; color: darkcyan;}
.galleryt:visited{text-decoration: none; color: darkcyan;}
.galleryt:hover{text-decoration: none; color: darkseagreen;}
.galleryt:active{text-decoration: none; color: darkseagreen;}



#space{
height: 100px;
width: 100%;
margin-left: 0%; 
margin-right: 0%;
}

#width{
float: left;
width: 100%;
display: block;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
}


#img-grp-wrap {
    float: left;
    width: 90%;
    margin-left: 5%;
	margin-right: 5%;
	
	
	
}

.img-wrap {
    position: relative;
    width: 100%;
    margin-left: 0%;
	margin-right: 0%;
	
}

.img-wrap img {
    position: absolute;
    width: 100%;
    margin-left: 0%;
	margin-right: 0%;
    -moz-box-shadow: 1px 1px 4px #CCC;
    
}

.next, .prev {
    position: absolute;
    cursor: pointer;
    margin-top: 14%;
	width: 6%;
}

.next {
    right: 5%;
	
}

.prev {
    left: 5%;
	
}

.gallerywidthhold{
width: 100%; 
text-align: center;
float: left;	
margin-bottom: 5%;	
	
}

.gallerywidth{
width: 95%; 
height: auto;
position: relative;	
display: inline-block; 
vertical-align: top;	
text-align: left;
}

.gallerywidth img{
	
height: 190px;	
}


.gallerythumba{
width: 25%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;
	
	
}


.gallerythumba:hover .enlarge, .gallerythumbb:hover .enlarge, .gallerythumbc:hover .enlarge, .gallerythumbd:hover .enlarge, .gallerythumbe:hover .enlarge, .gallerythumbf:hover .enlarge, .gallerythumbg:hover .enlarge, .gallerythumbh:hover .enlarge{
position: absolute;
width: 115%;
padding: 2%;
left: 108%;
background: white;
border: 1px solid gainsboro;
z-index: 99;
top: -10%;
opacity: 1;		
display: block;	
height: auto !important;
}

.enlarge, .enlarge2{
opacity: 0;
width: 0%;	
display: none;	
font-family: calibril;
text-align: center;
font-size: 90%;
line-height: 25px; 
font-weight: 200; 
color: gray;
font-style: oblique;
}

.enlarge img, .enlarge2 img{
float: left;
width: 100%; 
height: auto !important;
	
}



.gallerythumba:hover .enlarge2, .gallerythumbb:hover .enlarge2, .gallerythumbc:hover .enlarge2, .gallerythumbd:hover .enlarge2, .gallerythumbe:hover .enlarge2, .gallerythumbf:hover .enlarge2, .gallerythumbg:hover .enlarge2, .gallerythumbh:hover .enlarge2{
position: absolute;
width: 115%;
padding: 2%;
right: 108%;
background: white;
border: 1px solid gainsboro;
z-index: 99;
top: -10%;
opacity: 1;		
display: block;	
height: auto !important;
}


.gallerythumbb{
width: 14%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}

.gallerythumbc{
width: 34%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}

.gallerythumbd{
width: 36%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}


.gallerythumbe{
width: 37%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}

.gallerythumbf{
width: 40%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}


.gallerythumbg{
width: 30%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}


.gallerythumbh{
width: 15%;
position: relative;	
display: inline-block; 
vertical-align: top;
height: auto;	
	
	
}

#blocksa{
background: white;
margin-left: 1%;
margin-left: 1%;
margin-top: 5%;
width: 24%;
height: 170px;
float: left;
font-family: arial;
font-size: 100%;
colour: rgba(0,0,0, 0.5);
text-align: center;
}

@media (max-width: 650px) {

#img-grp-wrap {
    float:left;
    width: 100%;
    margin-left: 0%;
	margin-right: 0%;
	
	
}

.next {
    right: 0%;
	
}

.prev {
    left: 0%;
	
}

#container2{
  float: left;
    width: 100%;
    margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 10%;
	z-index: -1;
	
}

#gallerytext{
font-size: 100%;
width: 80%;
}

}




@media (min-width: 1550px) {
.gallerywidth {
width: 70%;	
	
}	
	
	
}


@media (max-width: 1278px) {
	
.gallerywidth img{
height: 180px;
}	
	
}


@media (max-width: 1120px) {
	
.gallerywidth img{
height: 150px;
}	
	
}


@media (max-width: 900px) {
	
.gallerywidth img{
height: 130px;	
	
}	
	
	
}




@media (max-width: 850px) {
	
.gallerythumba{
width: 24%;	
}

.gallerythumbb{
	
width: 13%;	
	
}

.gallerythumbc{
width: 34%;	
}

.gallerythumbd{
width: 35%;	
}
	

.gallerythumbe{
width: 36%;	
}

.gallerythumbg{
width: 29%;	
}	
	
.gallerywidth img{
height: 110px;	
	
}
	
	
}


@media (max-width: 570px){

.gallerywidth img{
height: 90px;	
	
}	
	
}


@media (max-width: 450px){
.gallerywidth img{
height: 135px;	
	
}

.gallerythumbc, .gallerythumba, .gallerythumbb, .gallerythumbd, .gallerythumbf, .gallerythumbg, .gallerythumbh {
	width: 48%;
}	

.gallerythumbe {
width: 97%;


}


.gallerythumba:hover .enlarge, .gallerythumbb:hover .enlarge, .gallerythumbc:hover .enlarge, .gallerythumbd:hover .enlarge, .gallerythumbe:hover .enlarge, .gallerythumbf:hover .enlarge, .gallerythumbg:hover .enlarge, .gallerythumbh:hover .enlarge{
position: absolute;
left: 0%;
top: -19%;
width: 100%;
}


.gallerythumba:hover .enlarge2, .gallerythumbb:hover .enlarge2, .gallerythumbc:hover .enlarge2, .gallerythumbd:hover .enlarge2, .gallerythumbe:hover .enlarge2, .gallerythumbf:hover .enlarge2, .gallerythumbg:hover .enlarge2, .gallerythumbh:hover .enlarge2{
right: 0%;
top: -19%;
width: 100%;
}

	
}


@media (max-width: 355px){
.gallerywidth img{
height: 120px;	
	
}