@charset "iso-8859-1";
/* CSS Document */



body

{
	width: 1024px;
	
	margin:0;

	padding:0px;

	font: 85% arial, hevetica, sans-serif;

	text-align: center;

	color: #333;

	background-color: 
}

#site
{

	width:1024px;
	height:auto;
	float: left ;
	align:center;
	
	
}



#container

{

	

	width: 1024px;

	text-align:left;

	

}



#topsection

{
	background-image: url(images/design_01.gif);
	


	float: left;

	left:0px; 
	
	top:0px; 
	
	width:1024px; 
	
	height:122px; 
	
	z-index:0; 
}

#middlesection

{

	

	height: 526px;

	float: left;

	margin:20px;

	padding:20px;

	border:thin;

	border-color:

    text-align:left;

	background-color:

	font:"Times New Roman", Times, serif;

	font-size:12px;

	font-color:#FFFFFF;

	

}
#middlesection1

{

	background-image: url(images/design_02.gif);
	
	position:absolute; 
	
	overflow:hidden; 
	
	left:0px; 
	
	top:122px; 
	
	width:256px; 
	
	height:526px; 
	
	z-index:0
	
	

	

}
#middlesection2

{

	background-image: url(images/design_03.gif);
	
	position:absolute; 
	
	
	overflow:hidden; 
	
	left:256px; 
	
	top:122px; 
	
	width:702px; 
	
	height:526px;
	
	z-index:0;
	
	


	

	

}
#middlesection3

{
	background-image: url(images/design_04.gif);
	
	position:absolute; 
	
	overflow:hidden; 
	
	left:958px; 
	
	top:122px; 
	
	width:166px; 
	
	height:526px; 
	
	z-index:0;

	
	

}


#footer

{
	background-image: url(images/design_05.gif);
	 
	position:absolute; 
	
	overflow:hidden; 
	
	left:0px; 
	
	top:647px; 
	
	width:1368px; 
	
	height:120px; 
	
	z-index:0
	
	

}

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

.thumbnail img{

border: 1px solid white;
margin: 0 5px 5px 0;

}

.thumbnail:hover{

background-color: transparent;

}

.thumbnail:hover img{

border: ;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: ;
padding: 10px;
left: -50px;
border: ;
visibility: hidden;
color: black;
text-decoration: none;
align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/

position:absolute;
visibility: visible;
left:70px; 
top:90px; 
width:500px; /*position where enlarged image should offset horizontally */
z-index: 50;

}