/***********************************************/
/* Autumn-Argus Farm  www.autumn-argus.com     */
/* Copyright 2005 - All Rights Reserved        */
/* cc-gallery-litters.css                      */
/* Style Sheet for our Chinese Crested Dogs    */
/***********************************************/

/************* #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(litters/gallery1/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:1px 2px 1px 2px; text-align:left; cursor:default;}
#containerone a.slidea {background:url(litters/gallery1/p1_t.jpg); height:93px; width:60px;}
#containerone a.slideb {background:url(litters/gallery1/p2_t.jpg); height:93px; width:60px;}
#containerone a.slidec {background:url(litters/gallery1/p3_t.jpg); height:93px; width:60px;}
#containerone a.slided {background:url(litters/gallery1/p4_t.jpg); height:60px; width:93px;}
* html #containerone a.slided {width:91px; w\idth:93px;}
#containerone a.slidee {background:url(litters/gallery1/p5_t.jpg); height:60px; width:93px;}
#containerone a.slidef {background:url(litters/gallery1/p6_t.jpg); height:60px; width:93px;}
* html #containerone a.slidef {width:91px; w\idth:93px;}
#containerone a.slideg {background:url(litters/gallery1/p7_t.jpg); height:60px; width:93px;}
#containerone a.slideh {background:url(litters/gallery1/p8_t.jpg); height:93px; width:60px;}
#containerone a.slidei {background:url(litters/gallery1/p9_t.jpg); height:93px; width:60px;}
#containerone a.slidej {background:url(litters/gallery1/p10_t.jpg); height:93px; width:60px;}
#containerone a.slidek {background:url(litters/gallery1/p11_t.jpg); height:60px; width:93px;}
* html #containerone a.slidek {width:91px; w\idth:93px;}
#containerone a.slidel {background:url(litters/gallery1/p12_t.jpg); height:60px; width:93px;}

/* 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.slideb:hover img, #containerone a.slidei: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(litters/gallery2/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:1px 2px 1px 2px; text-align:left; cursor:default;}
#containertwo a.slidea {background:url(litters/gallery2/p1_t.jpg); height:93px; width:60px;}
#containertwo a.slideb {background:url(litters/gallery2/p2_t.jpg); height:93px; width:60px;}
#containertwo a.slidec {background:url(litters/gallery2/p3_t.jpg); height:93px; width:60px;}
#containertwo a.slided {background:url(litters/gallery2/p4_t.jpg); height:60px; width:93px;}
* html #containertwo a.slided {width:91px; w\idth:93px;}
#containertwo a.slidee {background:url(litters/gallery2/p5_t.jpg); height:60px; width:93px;}
#containertwo a.slidef {background:url(litters/gallery2/p6_t.jpg); height:60px; width:93px;}
* html #containertwo a.slidef {width:91px; w\idth:93px;}
#containertwo a.slideg {background:url(litters/gallery2/p7_t.jpg); height:60px; width:93px;}
#containertwo a.slideh {background:url(litters/gallery2/p8_t.jpg); height:93px; width:60px;}
#containertwo a.slidei {background:url(litters/gallery2/p9_t.jpg); height:93px; width:60px;}
#containertwo a.slidej {background:url(litters/gallery2/p10_t.jpg); height:93px; width:60px;}
#containertwo a.slidek {background:url(litters/gallery2/p11_t.jpg); height:60px; width:93px;}
* html #containertwo a.slidek {width:91px; w\idth:93px;}
#containertwo a.slidel {background:url(litters/gallery2/p12_t.jpg); height:60px; width:93px;}

/* 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.slideb:hover img, #containertwo a.slidei: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(litters/gallery3/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:1px 2px 1px 2px; text-align:left; cursor:default;}
#containerthree a.slidea {background:url(litters/gallery3/p1_t.jpg); height:93px; width:60px;}
#containerthree a.slideb {background:url(litters/gallery3/p2_t.jpg); height:93px; width:60px;}
#containerthree a.slidec {background:url(litters/gallery3/p3_t.jpg); height:93px; width:60px;}
#containerthree a.slided {background:url(litters/gallery3/p4_t.jpg); height:60px; width:93px;}
* html #containerthree a.slided {width:91px; w\idth:93px;}
#containerthree a.slidee {background:url(litters/gallery3/p5_t.jpg); height:60px; width:93px;}
#containerthree a.slidef {background:url(litters/gallery3/p6_t.jpg); height:60px; width:93px;}
* html #containerthree a.slidef {width:91px; w\idth:93px;}
#containerthree a.slideg {background:url(litters/gallery3/p7_t.jpg); height:60px; width:93px;}
#containerthree a.slideh {background:url(litters/gallery3/p8_t.jpg); height:93px; width:60px;}
#containerthree a.slidei {background:url(litters/gallery3/p9_t.jpg); height:93px; width:60px;}
#containerthree a.slidej {background:url(litters/gallery3/p10_t.jpg); height:93px; width:60px;}
#containerthree a.slidek {background:url(litters/gallery3/p11_t.jpg); height:60px; width:93px;}
* html #containerthree a.slidek {width:91px; w\idth:93px;}
#containerthree a.slidel {background:url(litters/gallery3/p12_t.jpg); height:60px; width:93px;}

/* 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.slideb:hover img, #containerthree a.slidei:hover img {float:right;}

/************* #containerfourstyles ***************/