/* CSS Document styles for london photo gallery*/


/* 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;}*/

/* The containing box for the gallery. */
#container {
	position:relative;
	width:760px;
	height:396px;
	border:1px solid #aaa;
	left: 3px;
	top: 201px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	right: 3px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 75px 10px;
	background-image: url(photo_gallery/London/londonbackground.jpg);
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:198px; height:386px; 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;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(photo_gallery/London/victoria_albert_t.jpg); height:93px; width:60px;}
#container a.slideb {background:url(photo_gallery/London/harods_t.jpg); height:93px; width:60px;}
#container a.slidec {background:url(photo_gallery/London/toweroflondon_t.jpg); height:93px; width:60px;}
#container a.slided { background:url(photo_gallery/London/trafalgar_t.jpg); height:60px; width:93px;}
* html #container a.slided {width:91px; w\idth:93px;}
#container a.slidee {background:url(photo_gallery/London/roman_t.jpg); height:60px; width:93px;}
#container a.slidef {background:url(photo_gallery/London/londoneye_t.jpg); height:60px; width:93px;}
* html #container a.slidef {width:91px; w\idth:93px;}
#container a.slideg {background:url(photo_gallery/London/lordnelson_t.jpg); height:60px; width:93px;}
#container a.slideh {background:url(photo_gallery/London/big_ben_t.jpg); height:93px; width:60px;}
#container a.slidei {background:url(photo_gallery/London/London_Underground_Escalator_t.jpg); height:93px; width:60px;}
#container a.slidej {background:url(photo_gallery/London/Westminster_Abbey_t.jpg); height:93px; width:60px;}
#container a.slidek {background:url(photo_gallery/London/changing_of_the_guard_t.jpg); height:60px; width:93px;}
* html #container a.slidek {width:91px; w\idth:93px;}
#container a.slidel {background:url(photo_gallery/London/britishmuseum_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:372px; height:372px; top:10px; left:75px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}
#navcontainer ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
	background-color: #4A5AE6;
	color: white;
	width: 762px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	position: absolute;/* fixes Firefox 0.9.3 */
	left: 4px;
	top: 168px;
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #7B86FF;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }