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

body,html {
	margin:0;
	padding:0;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	background-color:#22252a;
	background-image:url(images/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
	}
	
a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:hover {
	color:#CCCCCC;
	text-decoration:none;
	}
	
a:active {
	color:#CCCCCC;
	text-decoration:none;
	}
	
#mainText {
	text-align:justify;
	color: #FFFFFF;
	margin-top: 20px;
	}	
	
#mainText .actlink {
	text-decoration: underline;
	color: #FFFFFF;
}
#mainText a:hover {
	color: #CCCCCC;
}

#mainText .style1 {color: #FFFFFF}
	
#menu {
	text-align:right;
	color:#FFFFFF;
	font-weight: bold;
	}
	
#header{
	background-image:url(images/headerv2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
	
#leftBorder {
	vertical-align: top;
	
	}
	
#contactDetails {
	width:300px;
	height:300px;
	text-align:left;
	}

#contactDetails .actlink {
	text-decoration:underline;
}

	
.gallerycontainer{
	position: ;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	top: 0;
	}

.thumbnail img{
	border: /*1px solid white*/0px;
	margin: 0 5px 5px 0;
	}

.thumbnail:hover{
	background-color: transparent;
	}

.thumbnail:hover img{
	border: /*1px solid blue*/ 0px;
	}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: /*1px dashed gray*/ 0px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 50;
	left: 520px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}

a.gallery, a.gallery:visited {
	display:inline; 
	color:#000; 
	text-decoration:none; 
	border:0px; 
	width:75px; 
	height:75px; 
	float:left; 
	margin:7px 21px; 
	position:relative; 
	cursor:default;
	}

a.pic1 {background:url(images/1_thumb.jpg);}
a.pic2 {background:url(images/2_thumb.jpg);}
a.pic3 {background:url(images/3_thumb.jpg);}
a.pic4 {background:url(images/4_thumb.jpg);}
a.pic5 {background:url(images/5_thumb.jpg);}
a.pic6 {background:url(images/6_thumb.jpg);}
a.pic7 {background:url(images/7_thumb.jpg);}
a.pic8 {background:url(images/8_thumb.jpg);}


a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:520px; 
	height:380px; 
	top:189px; 
	left:9px; 
	color:#000; 
	background:#ccc; 
	text-align:center; 
	border:/*1px solid #fff*/ 0px; 
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
	letter-spacing:1px; 
	cursor:default;}

a.pic1 span {left:222px; top:0;}
a.pic2 span {left:100px; top:0;}
a.pic3 span {left:222px; top:-93px;}
a.pic4 span {left:100px; top:-93px;}
a.pic5 span {left:222px; top:-185px;}
a.pic6 span {left:100px; top:-185px;}
a.pic7 span {left:222px; top:-281px;}
a.pic8 span {left:100px; top:-281px;}

a.gallery:hover {
	white-space:normal; 
	border:/*1px solid #fff*/ 0px; 
	z-index:100;
	}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #333333; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:/*1px solid #c00*/ 0px; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:/*1px solid #000*/ 0px; position:relative; margin:10px; z-index:10;}