/* Gallery 1 Stylesheet. */
/* The containing box for the gallery page. */
#container {position:relative; width:850px; height:650px; margin:0 auto; border:0px; background:#fff 75px 10px no-repeat;}

/* Removing the list bullets and indentation - add size of right thumbnail section - and position */
#container ul {width:200px; height:386px; padding:0;  margin:0; list-style-type:none; float:right;}

#container li {float:left;}

/* Adding the thumbnail images - to update, simply change the address in background:url to new image. */
#container a.gallery, #container a.gallery:visited {display:block; text-decoration:none; border:1px solid #990000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../images/bridelimo_thumb.jpg); height:93px; width:60px;}
#container a.slideb {background:url(../images/brideoutdoors_thumb.jpg); height:93px; width:60px;}
#container a.slidec {background:url(../images/dreamsdocometrue_thumb.jpg); height:93px; width:60px;}
#container a.slided {background:url(../images/beautifulday_thumb.jpg); height:60px; width:93px;}
* html #container a.slided {width:91px; w\idth:93px;}
#container a.slidee {background:url(../images/bridegroomoutdoors_thumb.jpg); height:60px; width:93px;}
#container a.slidef {background:url(../images/candiddance_thumb.jpg); height:60px; width:93px;}
* html #container a.slidef {width:91px; w\idth:93px;}
#container a.slideg {background:url(../images/candidkiss_thumb.jpg); height:60px; width:93px;}
#container a.slideh {background:url(../images/dancingwithdaughter_thumb.jpg); height:93px; width:60px;}
#container a.slidei {background:url(../images/happiness_thumb.jpg); height:93px; width:60px;}
#container a.slidej {background:url(../images/kiss-coloredflowers_thumb.jpg); height:93px; width:60px;}
#container a.slidek {background:url(../images/fatherslove_thumb.jpg); height:60px; width:93px;}
* html #container a.slidek {width:91px; w\idth:93px;}
#container a.slidel {background:url(../images/flowercu_thumb.jpg); height:60px; width:93px;}
#container a.slidem {background:url(../images/groom_thumb.jpg); height:93px; width:60px;}
#container a.sliden {background:url(../images/juliet-flowers_thumb.jpg); height:93px; width:60px;}
#container a.slideo {background:url(../images/oceansidebride_thumb.jpg); height:93px; width:60px;}
#container a.slidep {background:url(../images/prepscene_thumb.jpg); height:93px; width:60px;}
#container a.slideq {background:url(../images/timeless_thumb.jpg); height:93px; width:60px;}

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

/* styling the hovers.  Span tag sets containing box size and position for full size images. */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:605px; height:600px; top:10px; left:10px; 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;}