/* Style sheet - photo gallery Alpine Custom Log Homes - adapted from Stu Nicholls design  */

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:770px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }
	
	/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* 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  gallery */
#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(../images/gallery/interior/living-gable-glass_full_thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slideb {
    background:url(../images/gallery/model/window_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidec{
    background:url(../images/gallery/model/bunk1_thumb.jpg); 
    height:60px; 
    width:93px;
    }	
#container a.slided {
    background:url(../images/gallery/model/model-interior-stove_thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
    width:91px; 
    width:93px;
    }
#container a.slidee {
    background:url(../images/gallery/model/model_view_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(../images/gallery/model/model-bedroom-thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }	
#container a.slideg {
    background:url(../images/gallery/model/model-living-room-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(../images/gallery/model/model-dinning-room-shawn_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidei {
    background:url(../images/gallery/model/landing_thumb.jpg); 
    height:60px; 
    width:93px;
    }	
#container a.slidej {
    background:url(../images/gallery/model/dining1_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidek {
    background:url(../images/gallery/model/kitchen1_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
#container a.slidel {
    background:url(../images/gallery/model/fireplace1_thumb.jpg); 
    height:60px; 
    width:93px; 
    } 
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:200px; 
    height:388px;
    }
#container li {
    float:left;
    }
	/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:right;
    }
	/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
	/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:392px; 
    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;
    }
	
/* starter default interior gallery background image */	
	#container {
    background:#fff url(../images/gallery/model/default-in-text.jpg) 75px 10px no-repeat;
    }  
	
/* EXTERNAL Gallery Style  */

body {
   text-align:center; 
   font-family: tahoma; arial, sans-serif; 
   font-size:76%; 
   letter-spacing:0.05em;
   }
   
   /* The containing box for the gallery. */
#xcontainer {
    position:relative; 
    width:770px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }
	
	/* Removing the list bullets and indentation */
#xcontainer ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* Remove the images and text from sight */
#xcontainer a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	/* Adding the thumbnail images  gallery */
#xcontainer a.gallery, #xcontainer a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* #xcontainer a.xslidea {
    background:url(../images/gallery/exterior/??_thumb.jpg); 
    height:93px; 
    width:60px;
    }
#xcontainer a.xslideb {
    background:url(../images/gallery/exterior/??_thumb.jpg); 
    height:93px; 
    width:60px;
    }
#xcontainer a.xslidec{
    background:url(../images/gallery/exterior/??_thumb.jpg); 
    height:93px; 
    width:60px;
    }
*/
/* #xcontainer a.xslided {
    background:url(../images/gallery/exterior/bristol-front_thumb.jpg); 
    height:60px; 
    width:93px;
    }
	* html #xcontainer a.xslided {
    width:91px; 
    width:93px;
    }
#xcontainer a.xslidee {
    background:url(../images/gallery/exterior/bristol_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#xcontainer a.xslidef {
    background:url(../images/gallery/exterior/cape_thumb.jpg); 
    height:60px; 
    width:93px;
    }
/* * html #xcontainer a.xslidef {
    width:91px; 
    width:93px;
    }
#xcontainer a.xslideg {
    background:url(../images/gallery/exterior/lake-george-log-home_thumb.jpg); 
    height:60px; 
    width:93px;
    }
*/
#xcontainer a.xslideh {
    background:url(../images/gallery/model/alpinemodelex1_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#xcontainer a.xslidei {
    background:url(../images/gallery/model/alpinemodelex2_thumb.jpg); 
    height:60px; 
    width:90px;
    }	
#xcontainer a.xslidej {
    background:url(../images/gallery/model/alpinemodelex3_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#xcontainer a.xslidek {
    background:url(../images/gallery/model/exteriorview1_thumb.jpg); 
    height:60px; 
    width:93px;
    }
#xcontainer a.xslidel {
    background:url(../images/gallery/model/ex-deck_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
#xcontainer a.xslidem {
    background:url(../images/gallery/model/ex-deck6_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
#xcontainer a.xsliden {
    background:url(../images/gallery/model/ex-deck3_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
#xcontainer a.xslideo {
    background:url(../images/gallery/model/ex-deck4_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
#xcontainer a.xslidep {
    background:url(../images/gallery/model/ex-deck5_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
#xcontainer a.xslideq {
    background:url(../images/gallery/model/ex-view6_thumb.jpg); 
    height:60px; 
    width:93px; 
    }
/* set the size of the unordered list to neatly house the thumbnails */
#xcontainer ul {
    width:198px; 
    height:386px;
    }
#xcontainer li {
    float:left;
    }
/* move the thumbnails into the correct position */
#xcontainer ul {
    margin:5px; 
    float:right;
    }
	/* change the thumbnail border color */
#xcontainer a.gallery:hover {
    border:1px solid #fff; 
    }
	/* styling the :hover span */
#xcontainer a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:10px; 
    left:75px; 
    color:#000; 
    background:#fff;
    }
#xcontainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
#xcontainer a.slideb:hover img, #xcontainer a.slidei:hover img {
    float:right;
    }
/* starter default Exterior background image */	
	#xcontainer {
    background:#fff url(../images/gallery/model/default-ex-text.jpg) 75px 10px no-repeat;
    }