/* choose a suitable font and center the #container div in Internet Explorer */
body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em; background-image:url('../images/page_bg.jpg');
	width:963px;
	margin:5px auto;}
#wrapper
{
	background-image:url('../images/photo_bg.jpg');
	background-repeat:no-repeat;
	padding:0 0 150px 0;
}
.header {width:770px; height:175px; background-image: url(../images/gallery_header.gif); background-repeat: no-repeat; background-position: right bottom;}
.header2 {width:770px; height:175px; background-image: url(../images/plat_header.gif); background-repeat: no-repeat; background-position: right bottom;}

#footer
{
position:relative;
	margin:0px auto;
	text-align:center;
	font-size:12px;
	color: #fff;
	padding:5px 20px;
	background-color: #140404;

	display: inline;
}


#footer a:link,#footer a:visited,#pied a:link,#pied a:visited
{
	color:#fff;
	line-height:18px;
	text-decoration: none;
}

#footer a:hover,#pied a:hover
{
	color:#F69C20;
	text-decoration: underline;
}

/* The containing box for the gallery. */
#container {position:relative; width:770px; height:400px; margin:20px auto 3px auto; border:1px solid #000; background: url(../photos/front.jpg) 10px 10px no-repeat;}

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

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background: #fff; background-color: transparent;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:2px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../photos/1_t.jpg); height:60px; width:93px;}
#container a.slideb {background:url(../photos/2_t.jpg); height:60px; width:93px;}
#container a.slidec {background:url(../photos/3_t.jpg); height:60px; width:93px;}
#container a.slided {background:url(../photos/4_t.jpg); height:60px; width:93px;}
* html #container a.slided {width:91px; w\idth:93px;}
#container a.slidee {background:url(../photos/5_t.jpg); height:60px; width:93px;}
#container a.slidef {background:url(../photos/6_t.jpg); height:60px; width:93px;}
* html #container a.slidef {width:91px; w\idth:93px;}
#container a.slideg {background:url(../photos/7_t.jpg); height:60px; width:93px;}
#container a.slideh {background:url(../photos/8_t.jpg); height:60px; width:93px;}
#container a.slidei {background:url(../photos/9_t.jpg); height:60px; width:93px;}
#container a.slidej {background:url(../photos/10_t.jpg); height:60px; width:93px;}
#container a.slidek {background:url(../photos/11_t.jpg); height:60px; width:93px;}
* html #container a.slidek {width:91px; w\idth:93px;}
#container a.slidel {background:url(../photos/12_t.jpg); height:60px; width:93px;}
#container a.slidem {background:url(../photos/13_t.jpg); height:60px; width:93px;}
#container a.sliden {background:url(../photos/14_t.jpg); height:60px; width:93px;}
#container a.slideo {background:url(../photos/15_t.jpg); height:60px; width:93px;}
#container a.slidep {background:url(../photos/16_t.jpg); height:60px; width:93px;}
#container a.slideq {background:url(../photos/17_t.jpg); height:60px; width:93px;}
#container a.slider {background:url(../photos/18_t.jpg); height:60px; width:93px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:402px; height:402px; top:10px; left:10px; color:#000; }
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}

/* The containing box for the gallery. */
#container_siteplat {position:relative; width:840px; margin:20px auto 3px auto; border:1px solid #000; background-color: #cdc581;}