/***********************************************/
/* Autumn-Argus Farm  www.autumn-argus.com     */
/* Copyright 2008 - All Rights Reserved        */
/* cc-smgallery-crested.css                    */
/* Style Sheet for our Adoptable Adults        */
/***********************************************/

/************* #containerone styles ***************/

/* The containing box for the gallery. */
#containerone {position:relative; width:600px; height:396px; margin:20px auto 0 auto; border:2px solid #333333; background:#006699 url(adults/smgallery1/back.jpg) 12px 10px no-repeat; font-size:85%;}

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

#containerone li {float:left;}

/* Remove the images and text from sight */
#containerone a.gallery span {position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#006699;}

/* Adding the thumbnail images */
#containerone a.gallery, #containerone a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #333333; margin:2px 2px 2px 2px; text-align:left; cursor:default;}
#containerone a.slidea {background:url(adults/smgallery1/p1_t.jpg); height:90px; width:192px;}
#containerone a.slideb {background:url(adults/smgallery1/p2_t.jpg); height:188px; width:93px;}
* html #containerone a.slideb {width:91px; w\idth:93px;}
#containerone a.slidec {background:url(adults/smgallery1/p3_t.jpg); height:188px; width:93px;}
#containerone a.slided {background:url(adults/smgallery1/p4_t.jpg); height:90px; width:192px;}

/* styling the hovers */
#containerone a.gallery:hover {border:1px solid #006699;}
#containerone a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:12px; color:#fff; background:#006699;}
#containerone a.gallery:hover img {border:1px solid #006699; float:left; margin-right:5px;}
#containerone a.slidec:hover img {float:right;}

/************* #containertwo styles ***************/

/* The containing box for the gallery. */
#containertwo {position:relative; width:600px; height:396px; margin:20px auto 0 auto; border:2px solid #333333; background:#006699 url(adults/smgallery2/back.jpg) 12px 10px no-repeat; font-size:85%;}

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

#containertwo li {float:left;}

/* Remove the images and text from sight */
#containertwo a.gallery span {position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#006699;}

/* Adding the thumbnail images */
#containertwo a.gallery, #containertwo a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #333333; margin:2px 2px 2px 2px; text-align:left; cursor:default;}
#containertwo a.slidea {background:url(adults/smgallery2/p1_t.jpg); height:90px; width:192px;}
#containertwo a.slideb {background:url(adults/smgallery2/p2_t.jpg); height:188px; width:93px;}
* html #containertwo a.slideb {width:91px; w\idth:93px;}
#containertwo a.slidec {background:url(adults/smgallery2/p3_t.jpg); height:188px; width:93px;}
#containertwo a.slided {background:url(adults/smgallery2/p4_t.jpg); height:90px; width:192px;}

/* styling the hovers */
#containertwo a.gallery:hover {border:1px solid #006699;}
#containertwo a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:12px; color:#fff; background:#006699;}
#containertwo a.gallery:hover img {border:1px solid #006699; float:left; margin-right:5px;}
#containertwo a.slidec:hover img {float:right;}

/************* #containerthree styles ***************/

/* The containing box for the gallery. */
#containerthree {position:relative; width:600px; height:396px; margin:20px auto 0 auto; border:2px solid #333333; background:#006699 url(adults/smgallery3/back.jpg) 12px 10px no-repeat; font-size:85%;}

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

#containerthree li {float:left;}

/* Remove the images and text from sight */
#containerthree a.gallery span {position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#006699;}

/* Adding the thumbnail images */
#containerthree a.gallery, #containerthree a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #333333; margin:2px 2px 2px 2px; text-align:left; cursor:default;}
#containerthree a.slidea {background:url(adults/smgallery3/p1_t.jpg); height:90px; width:192px;}
#containerthree a.slideb {background:url(adults/smgallery3/p2_t.jpg); height:188px; width:93px;}
* html #containerthree a.slideb {width:91px; w\idth:93px;}
#containerthree a.slidec {background:url(adults/smgallery3/p3_t.jpg); height:188px; width:93px;}
#containerthree a.slided {background:url(adults/smgallery3/p4_t.jpg); height:90px; width:192px;}

/* styling the hovers */
#containerthree a.gallery:hover {border:1px solid #006699;}
#containerthree a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:12px; color:#fff; background:#006699;}
#containerthree a.gallery:hover img {border:1px solid #006699; float:left; margin-right:5px;}
#containerthree a.slidec:hover img {float:right;}

/************* #containerfour styles ***************/

/* The containing box for the gallery. */
#containerfour {position:relative; width:600px; height:396px; margin:20px auto 0 auto; border:2px solid #333333; background:#006699 url(adults/smgallery4/back.jpg) 12px 10px no-repeat; font-size:85%;}

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

#containerfour li {float:left;}

/* Remove the images and text from sight */
#containerfour a.gallery span {position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#006699;}

/* Adding the thumbnail images */
#containerfour a.gallery, #containerfour a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #333333; margin:2px 2px 2px 2px; text-align:left; cursor:default;}
#containerfour a.slidea {background:url(adults/smgallery4/p1_t.jpg); height:90px; width:192px;}
#containerfour a.slideb {background:url(adults/smgallery4/p2_t.jpg); height:188px; width:93px;}
* html #containerfour a.slideb {width:91px; w\idth:93px;}
#containerfour a.slidec {background:url(adults/smgallery4/p3_t.jpg); height:188px; width:93px;}
#containerfour a.slided {background:url(adults/smgallery4/p4_t.jpg); height:90px; width:192px;}

/* styling the hovers */
#containerfour a.gallery:hover {border:1px solid #006699;}
#containerfour a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:12px; color:#fff; background:#006699;}
#containerfour a.gallery:hover img {border:1px solid #006699; float:left; margin-right:5px;}
#containerfour a.slidec:hover img {float:right;}

/************* #containerfive styles ***************/

/* The containing box for the gallery. */
#containerfive {position:relative; width:600px; height:396px; margin:20px auto 0 auto; border:2px solid #333333; background:#006699 url(adults/smgallery5/back.jpg) 12px 10px no-repeat; font-size:85%;}

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

#containerfive li {float:left;}

/* Remove the images and text from sight */
#containerfive a.gallery span {position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#006699;}

/* Adding the thumbnail images */
#containerfive a.gallery, #containerfive a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #333333; margin:2px 2px 2px 2px; text-align:left; cursor:default;}
#containerfive a.slidea {background:url(adults/smgallery5/p1_t.jpg); height:90px; width:192px;}
#containerfive a.slideb {background:url(adults/smgallery5/p2_t.jpg); height:188px; width:93px;}
* html #containerfive a.slideb {width:91px; w\idth:93px;}
#containerfive a.slidec {background:url(adults/smgallery5/p3_t.jpg); height:188px; width:93px;}
#containerfive a.slided {background:url(adults/smgallery5/p4_t.jpg); height:90px; width:192px;}

/* styling the hovers */
#containerfive a.gallery:hover {border:1px solid #006699;}
#containerfive a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:12px; color:#fff; background:#006699;}
#containerfive a.gallery:hover img {border:1px solid #006699; float:left; margin-right:5px;}
#containerfive a.slidec:hover img {float:right;}