body 
{
   background-color: #342F2C;
   font-family: Verdana Arial Sans-Serif; 
}

.bodysolo
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 800px; /*   !!!!! 5/14/2009 changed from 100%; */
    background-image: url('Images/bg_thin_tall.png');
}

#wrapper
{
    width: 800px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    min-height: 705px; 
}

.logo
{
    margin-top: 15px;
}

#headerbar
{
    text-align: center;
    /*margin: 0px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;   
    padding: 0px;
    /*width: 100%;*/
    
    height: 120px;
    background-image: url('Images/bg_top.png');
}

#navbar
{
    background-image: url('Images/bg_linkbar.png');
    height: 89px;
}

#bodytop
{
    height: 280px;
    color: White;
    border-bottom: solid 2px silver;  
}

#bodybottom
{
    height: 302px;
    background-image: url('Images/bg_bottombody.png');
    color: Black;
    border-top: solid 2px black;  
}

#footer
{
    height: 75px;
    background-image: url('Images/bg_footer.png');
    text-align: center;
    font-size: small; 
    color: White;
}


#lnkGalleryImage
{
    margin-left: auto;
    margin-right: auto;
}

.gallerydescription
{
    font-family: Verdana Arial Sans-Serif;
    font-size: large;
    color: White;   
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;    
    margin-left: auto;
    margin-right: auto;  
}

.gallerythumbnail
{
    max-height: 200px;
    max-width: 180px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;   
}

.galleryimage
{
    max-height: 550px;
    max-width: 598px; 
}

#designedby
{
    font-size: small; 
    font-weight: normal;
    margin-top: 0px; 
    color: White;
    float: left;
    width: 200px;
}

#designedby h1
{
    float: left;
    width: 200px;
}

#designedby h1 img
{
border: none;
}

/* ////////////////       CSS MENU      /////////////////// */

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}


/*          GALLERY STYLES          */


            .lnkPhotostream
            {
                width: 325px;
                height: 360px;
                background-image: url('Images/Gallery_Flickr_Photostream.png');
            }
            
            .lnkPhotostream:hover
            {
                width: 325px;
                height: 360px;
                background-image: url('Images/Gallery_Flickr_Photostream_Highlight.png');  
                border: solid 1px white; 
            }
            
            .lnkFotoViewr
            {
            width: 325px;
            height: 360px;
            background-image: url('Images/Gallery_FotoViewr.png');         
            }
            
            .lnkFotoViewr:hover
            {
                width: 325px;
                height: 360px;
                background-image: url('Images/Gallery_FotoViewr_Highlight.png');  
                border: solid 1px white;   
            }
                        

/* -------------------------------------- */
/*         DOOR STYLE GALLERY CSS         */
/* -------------------------------------- */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail
{
    color: #342F2C;
}

.thumbnail:visited
{
    color: #342F2C;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #342F2C;
}

.thumbnail span{
    /*CSS for enlarged image*/
    position: absolute;
    background-color: #EBEAE9;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: #342F2C;
    text-decoration: none;
    text-align: center; 
    white-space: nowrap;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 116px;
left: 200px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
text-align: center;
}


/*  THIS SECTION DEFINES WHERE THE HIGHLIGHTED IMAGE DISPLAYS*/

.doorstyle_toprow .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 134px;
left: 225px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}

.doorstyle_bottomrow .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -401px;
left: 225px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}

.doorstyle_leftcolumn .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 225px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}

.doorstyle_rightcolumn .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: -405px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}

.thumb
{
width: 100px;
}

.photo
{
width: 375px;
max-height: 350px; 
}

/*               end                 */


.doorstyle_toprow
{
    width: 100%;
    clear: both;
    text-align: center;
    position: relative;
}

.doorstyle_bottomrow
{
    width: 100%;
    clear: both;
    text-align: center; 
    position: relative;
    margin-top: -15px;
}

.doorstyle_leftcolumn
{
    float: left;
    width: 150px;
    text-align: left;
    margin-left: 20px;  
    margin-top: 10px;
    position: relative;
   /* padding-left: 20px;*/
}

.doorstyle_rightcolumn
{
    float: right;
    width: 150px; 
    text-align: right; 
    margin-right: 20px;
    margin-top: 10px;
    position: relative;    
}

.doorstyle_highlight
{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 400px; 
    height: 400px; 
}

/* -------------------------------------- */
/*       END DOOR STYLE GALLERY CSS       */
/* -------------------------------------- */



/* -------------------------------------- */
/*       FINISH STYLE GALLERY CSS         */
/* -------------------------------------- */

.finish_leftcolumn
{
    width: 110px;
    float: left; 
    position: relative; 
    padding-left: 40px; 
    margin-right: 0px; 
}

.finish_middle
{
    width: 110px;
    float: left; 
    position: relative;
    margin-left: 0px;
    margin-right: 0px;    
}

.finish_rightcolumn
{
    width: 110px;
    float: left; 
    position: relative;
    margin-left: 10px;
    margin-right: 0px;        
}

.finish_highlight
{
    margin-left: 30px;
}

.finish_leftcolumn .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: 420px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}

.finish_middle .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: 270px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}

.finish_rightcolumn .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: 160px; /*position where enlarged image should offset horizontally WAS 230px */
z-index: 50;
}



/* ------------------------------------------------ */
/* ----------- SPECIES SECTION STYLES ------------- */
/* ------------------------------------------------ */

.woodspecieswrapper
{
    width: 670px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

#column1
{
float: left;
}

#column2
{
float: left;
}

#column3
{
float: left;
}

#column4
{
float: left;
}

#column5
{
float: left;
}

.speciesimagetextwrapper
{ 
    width: 115px;
    height: 140px;
    padding: 8px;
    color: White;
}

.speciesthumbnail
{
    width: 100px;
}

.speciesnamelabel
{
    color: White;
}



/* ------------------------------------------------ */
/* ---------- END SPECIES SECTION STYLES ---------- */
/* ------------------------------------------------ */




/* ------------------------------------------------ */
/* -------------GALLERY LIST STYLES---------------- */
/* ------------------------------------------------ */

.thumbnailholder
{
    text-align: left;
    background-color: #CCCCCC;
}

.gallerylistitem
{
    float: left; 
    /*margin-top: 5px; /*15px; */
    margin-right: 15px; 
    margin-left: 15px; 
    margin-bottom: 15px; 
    width: 91px;
}

.gallerythumbwrapper
{
    width: 91px;
    height: 95px;
    background-image: url('Images/thumbnail_background.png');
    background-repeat: no-repeat;
    padding-top: 8px; 
    /*padding-left: 8px; */
    border: none;
}

.gallerythumbwrapper img
{
 border: none;
}

.gallerythumbwrapper a
{
 border: none;
 color: #003399; /* #CC6600;*/
 text-decoration: none;  
}

.gallerytitlewrapper
{
    text-align: left;
    color: #003399;/* #CC6600; /*#6699FF;*/
    font-weight: bold;
    padding-bottom: 3px;
}

.gallerytitlewrapper a
{
 border: none;
 color: #003399; /*#DD9900;*/
 text-decoration: none; 
}

.numberofphotosingallery
{
    color: #111111; /*gray;*/
    font-size: smaller;
}

.backtogallerylink
{
    text-decoration: none;
    color: #DD9900;
    font-weight: bold;
    padding-bottom: 5px; 
}
.backtogallerylink:visited
{
    text-decoration: none;
    color: #DD9900;
    font-weight: bold;
    padding-bottom: 5px;    
}

.gallery_firstrow
{
    background-image: url('Images/gallery_background_top.png');
    background-repeat: repeat-x;
    height: 219px;  /*219*/
    margin: 0px;
    padding-top: 5px;
}
.gallery_middlerow
{
    background-image: url('Images/gallery_background_middle.png');
    background-repeat: repeat;
    height: 220px;    
    margin: 0px;
}
.gallery_lastrow
{
    background-image: url('Images/gallery_background_bottom.png');
    background-repeat: repeat-x;
    height: 216px;    
    margin: 0px;
}

.gallery_clearrow
{
    clear: both;
    margin: 0px; 
    background-image: url('Images/gallery_background_middle.png');
}

/* ------------------------------------------------ */
/* ----------END GALLERY LIST STYLES -------------- */
/* ------------------------------------------------ */



/*  why snitz content  */

#whysnitztablewrapper
{
    color: White; 
    font-family: Calibri;
}

        #whysnitztable
        {
            color: White;
            margin-left: auto;
            margin-right: auto;
            margin-top: 15px;
            text-align: center;
        }
        
        
         .rowodd
         {
            /*background-color: #A36666;*/
         }
         
         .roweven
         {
            /*background-color: #E0D1B2;
            color: Black;*/
         }
         
         #primertext
         {
            color: White; width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px; font-family: Calibri; font-size: medium;
         }
    
/* end why snitz content */