@charset "UTF-8";

body {
text-align:center; 
font-family: arial, sans-serif; 
font-size:76%; 
letter-spacing:0.05em;}

/* The containing box for the gallery. */
#container 
{
	position: absolute;
	border:1px solid #000;
	width:1060px;
	height:654px;
	padding-top:100px;
	padding-left:75px;
	margin:20px auto 0 auto;
	background-image: url(nature7.jpg);
	background-repeat: no-repeat;
	left: 68px;
	top: 34px;
	background-position: 479px 79px;
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {
	width:350px;
	height:600px;
	padding:0;
	margin:5px;
	list-style-type:none;
	float:left;
}

#container li {float:right;}

/* Remove the images and text from sight */
#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:78px;
	left:485px;
	overflow:hidden;
	bottom: 595886983px;
}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #fff; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(nature_icon.jpg); height:100px; width:100px;}
#container a.slideb {background:url(nature1th.jpg); height:100px; width:100px;}
#container a.slidec {background:url(nature2th.jpg); height:100px; width:100px;}
#container a.slided {background:url(nature3th.jpg); height:100px; width:100px;}
* html #container a.slided {width:100px; width:100px;}
#container a.slidee {background:url(nature4th.jpg); height:100px; width:100px;}
#container a.slidef {background:url(nature5th.jpg); height:100px; width:100px;}
* html #container a.slidef {width:100px; width:100px;}
#container a.slideg {background: url(nature6th.jpg); height:100px; width:100px;}
#container a.slideh {background:url(nature7th.jpg); height:100px; width:100px;}
#container a.slidei {background:url(nature8th.jpg); height:100px; width:100px;}
#container a.slidej {background:url(nature9th.jpg); height:100px; width:100px;}
#container a.slidek {background:url(nature10th.jpg); height:100px; width:100px;}
* html #container a.slidek {width:100px; width:100px;}
#container a.slidel {background:url(nature11th.jpg); height:100px; width:100px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:600px; height:800px; color:#fff;
}
#container a.gallery:hover img {border:1px solid #fff; float:right; margin-right:5px;}
#header {
	background: #FFFFFF;
	height: 75px;
}
#footer {
	float:left;
	width:1050px;
	padding: 10px 0;
	background: #FFFFFF;
	position: absolute;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	left: 115px;
	top: 573px;
	width: 309px;
}
#container #footer a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#apDiv1 {
	position:absolute;
	width:1137px;
	height:100px;
	z-index:1;
	left: 57px;
	top: 861px;
	
}
#apDiv1 a img {

	
	border:none;
	
}