@charset "UTF-8";
/*
-----------------------------------------------
North West Integrity Consulting
Author: G. Eidsvig
Version: 1.1
----------------------------------------------- */


/*  Global styles
----------------------------------------------- */
body {
    font-family: Helvetica,Verdana,Arial,sans-serif;
	margin: 0px; padding: 0px;
}

h1, h2, h3, h4 {
	display: none;
}
a {
	outline: none;
}
ul {
	list-style-type: none;
}

#outer {
	margin: 0px auto; padding: 0px ;
	width: 960px;
	background: #1E1E1E;
}
#inner {
	float:left;
	margin: 0px auto; 
	background: #1E1E1E;
}

#header {
	background: #FFFFFF;
    width: 100%;
    height: 135px;
    
}
	#header .logo {
		background: transparent url("../images/nwi_logo.gif") 0 0 no-repeat;
		height: 132px; width: 529px;
        float: left;
	}
    #header .slogan {
        font-size: 14px;
        float: left;
        color: #28446B;
        font-style: italic;
        padding-top: 70px;
        padding-left: 175px;
    }

#navigation {
	height: 47px;
	background: transparent url("../images/nav_repeat.gif") 0 0 repeat-x;
}
	#navigation .nav_items {
		float: left;
		font-size: 18px;
	}
	.nav_items ul {
		text-align:center;
	}
		.nav_items ul li {
			float: left;
			/*margin: -4px 10px 5px 100px;*/
			margin: -4px 70px 5px 5px;
		}
			.nav_items ul li a {
			    font-family: Calibri;
				display: block;
                font-size: 16px;
				text-decoration: none;
                text-transform: uppercase;
			}
			.nav_items ul li a:link { color: #000000; }
			.nav_items ul li a:visited { color: #000000; }
			.nav_items ul li a:hover { color: #28446B; }
			.nav_items ul li a:active { color: #28446B; }
            .nav_items ul li a span {
                color: #28446B;
                font-weight: bold;
            }

#footer {
	float: left;
	color: #FFF;
	width: 100%;
    background: #FFFFFF;
    margin-top: 50px;
}

	#footer .affiliates {
		height: 100px;
        background: #1E1E1E;
        padding: 0 70px;
	}
        .affiliates .affiliate {
            margin: 0 10px;
        }
        .affiliates ul {
            margin: 0;
        }
		.affiliates .betterBusinessBureau {
			background: transparent url("../images/nwi.png") 0px -75px no-repeat;
			height: 100px; width: 75px;
			float: left;
		}
		.affiliates .nationalHomeWarranty {
			background: transparent url("../images/nwi.png") -235px -80px no-repeat;
			height: 100px; width: 150px;
			float: left;
		}
		.affiliates .homeownerProtectionOffice {
			background: transparent url("../images/nwi.png") -105px -80px no-repeat;
			height: 100px; width: 90px;
			float: left;
		}
        .affiliates .greaterVancouverHomeBuilders {
			background: transparent url("../images/nwi.png") -404px -80px no-repeat;
			height: 100px; width: 107px;
			float: left;
		}
        .affiliates .renoMark {
			background: transparent url("../images/nwi.png") -545px -74px no-repeat;
			height: 100px; width: 90px;
			float: left;
		}
        .affiliates .yellowpages {
			background: transparent url("../images/nwi.png") 10px 24px no-repeat;
			height: 100px; width: 130px;
			float: left;
		}
	#footer .address {
		margin-top: 15px;
		font-size: 14px;
		font-style: italic;
		text-align: center;
        color: #A7A8AA;
	}
	#footer .copyright {
		font-size: 12px;
		font-style: italic;
		text-align: center;
		margin: 10px 0;
        color: #A7A8AA;
	}
	#footer .textnav {
		height: 55px;
        background: transparent url("../images/nav_repeat.gif") 0px -50px repeat-x;
	}
		.textnav .textnav_items {
			float: left;
			color: #000;
			font-size: 14px;
			padding-top: 15px;
		}
		.textnav_items ul {
			text-align:center;
            padding: 0 355px;
            margin: 0px;
		}
			.textnav_items ul li {
				float: left;
                margin: 0 5px;
			}
				.textnav_items ul li a {
					display: block;
					color: #FFF;
					
				}
				.textnav_items ul li a:link { color: #FFF; }
				.textnav_items ul li a:visited { color: #FFF; }
				.textnav_items ul li a:hover { color: #000000; }
				.textnav_items ul li a:active { color: #333366; }
		

#content {
	float: left;
	color: #FFFFFF;
	background: #1E1E1E;
}
	#content #categories {
       height: 290px;
       padding-top: 60px;
	   padding-left: 130px;
       padding-right: 130px;
       text-align: center;
	}
    #categories .category .residential {
        float: left;        
    }
    .residential .image {
		background: transparent url('../images/residential.png') no-repeat 0px 0px;
		width: 285px;
		height: 231px;
	}
    #categories .category .commercial {
        float: right;        
    }
    .commercial .image {
		background: transparent url('../images/commercial.png') no-repeat 0px 0px;
		width: 285px;
		height: 231px;
	}
    #categories .btn {
        background: transparent url('../images/category_btn.png') repeat-x 0px 0px;
		height: 35px;
        width: 100%;
        padding-top: 10px;
    }
        #categories a {
		    font-family: Calibri;
			display: block;
            font-size: 14px;
			text-decoration: none;
            text-transform: uppercase;
		}
		#categories a:link { color: #000000; }
		#categories a:visited { color: #000000; }
		#categories a:hover { color: #28446B; }
		#categories a:active { color: #28446B; }
        #categories a span {
            color: #28446B;
            font-weight: bold;
        }

	#content #paragraphs {
		float: left;
		border: none;
		background: #1E1E1E;
		padding: 0px 110px;
	}
		#paragraphs .heading {
		    
			text-align: center;
			font-size: 20px;
			color: #ecdd89;
			margin-top: 30px;
		}
		#paragraphs .par {
			color: #FFF;
			font-size: 14px;
			margin: 20px;
			background: #1E1E1E;
			line-height: 150%;
		}
    		.par .center {
    			text-align: center;
                font-style: italic;
                font-size: 15px;
                font-style: italic;
                width: 700px;
    		}
            .par .center a:link { color: #FFF; }
			.par .center a:visited { color: #FFF; }
			.par .center a:hover { color: #FFF; }
			.par .center a:active { color: #FFF; }
    #content #services {
        padding: 30px 100px 0 110px;
        float: left;
	}
        #services .heading {
			font-size: 20px;
			color: #ecdd89;
            margin-left: 22px;
            padding-top: 30px;
		}
        #services p {
            line-height: 150%;
            font-style: italic;
            font-size: 14px;
            margin: 20px 22px;
        }
            #services p a:link { color: #7777C0; }
			#services p a:visited { color: #7777C0; }
			#services p a:hover { color: #7777C0; }
			#services p a:active { color: #333366; }
        #services ul {
		    float: left;
            padding: 0;
            width: 220px;
            margin-left: 22px;
            margin-bottom: 50px;
		}
			#services ul li {
				float: left;
                /*cursor: pointer;*/
                width: 220px;
				margin: 10px 10px 0px 0px;
                
                font-size: 13px;
			}

		
#inner #gallerytabs {
   height: 35px;
   padding-top: 20px;
   padding-left: 60px;
   text-align: center;
}
    #gallerytabs .tab {
        background: transparent url('../images/category_btn.png') repeat-x 0px 0px;
		height: 35px;
        padding: 0 10px;
        float: left;
        margin-left: 10px;
    }
        .tab a {
            padding-top: 10px;
		    font-family: Calibri;
			display: block;
            font-size: 14px;
			text-decoration: none;
            text-transform: uppercase;
		}
		.tab a:link { color: #000000; }
		.tab a:visited { color: #000000; }
		.tab a:hover { color: #28446B; }
		.tab a:active { color: #28446B; }
        .tab a span {
            color: #28446B;
            font-weight: bold;
        }

#gallery {
	color: #FFF;
	background: #1E1E1E;
    padding: 0 110px;
}
	#gallery .section {
	    width: 706px;
        padding: 15px 15px 25px;
        float: left;
	}
	#gallery .hasBorder {
		border-top: 2px solid #A4A4A4;
        border-left: 2px solid #A4A4A4;
        border-right: 2px solid #A4A4A4;
	}
	#gallery .noBorder {
		padding: 17px;
	}
    #gallery .lastsection {
        border-top: 2px solid #A4A4A4;
        margin: 0 0px -50px 0px;
        float: left;
        width: 740px;
    }
        .section .imageContainer {
            float: right;
            font-size: 12px;
            text-align: center;
            width: 350px;
        }
    		.imageContainer .galleryImage {
                cursor: pointer;
    		}
            .imageContainer .galleryLinks {
                float: left;
                width: 350px;
                height: 15px;
            }
                .galleryLinks .noImage {
					color: #1E1E1E;
                    float: left;
                    font-size: 10px;
                    text-decoration: none;
                    width: 100px;
                    margin: 5px 5px 0px 5px;
                    visibility: hidden;
                }
                .galleryLinks .hasImage {
                    display: block;
					color: #FFF;
                    float: left;
                    font-size: 11px;
                    text-decoration: none;
                    width: 100px;
                    margin: 5px 5px 0px 5px;
                    cursor: pointer;
                }
        .section .contentContainer {
            float: left;
            width: 320px;
        }
            .contentContainer .title {
                padding: 0 0 25px 5px;
                float: left;
                color: #ecdd89;
                width: 300px;
                font-size: 20px;
            }
    		.contentContainer .description {
                font-size: 14px;
                font-style: italic;
    		    padding-left: 5px;
                float: left;
                width: 300px;
                line-height: 150%;
                height: 100px;
    		}
    		.contentContainer .thumbnails {
    		    padding-left: 5px;
                float: left;
                width: 300px;
    		}
    			.thumbnails ul {
    			    float: left;
                    padding: 0;
                    margin: 0;
    			}
    				.thumbnails ul li {
    					float: left;
                        cursor: pointer;
    					margin: 10px 10px 0px 0px;
    				}
    					.thumbnails ul li a {
    						display: block;
    						color: #FFF;
    						
    					}
    					.thumbnails ul li a:link { color: #FFF; }
    					.thumbnails ul li a:visited { color: #FFF; }
    					.thumbnails ul li a:hover { color: #7777C0; }
    					.thumbnails ul li a:active { color: #333366; }
  
        #gallery .section .contentContainer {
            float: left;
        }
        	
#content #contactPane {
    padding: 30px 100px 0 110px;
    float: left;
}
    #contactPane .heading {
    	font-size: 20px;
    	color: #ecdd89;
        margin-left: 22px;
        padding-top: 30px;
    }
    #contactPane form {
        width: 420px;
        margin: 0 22px;
        float: left;
    }
    #contactPane form #thanks {
        margin-top: 30px;
        line-height: 20px;
        font-style: italic;
        font-size: 14px;
    }
    #contactPane form #contactForm {
    }
        #contactForm #message {
            color: #D40600;
            margin: 8px 0;
            font-size: 14px;
        }
        #contactForm .entryField {
            padding: 4px 0;
        }
            .entryField .fieldName {
                width: 120px;
                float: left;
                font-size: 14px;
                color: #FFFFFF;
            }
            .entryField input {
                width: 250px;
                background: #FFFFFF;
            }
            .entryField textarea {
                width: 250px;
                background: #FFFFFF;
            }
        .entryField .error {
            color: #D40600;
            margin-left: 6px;
        }
        #contactForm .buttonPanel {   
            padding-right: 45px;
        }
            #contactForm .buttonPanel .button {
                float: right;
                margin: 10px 0 0 15px;
                width: 90px;
            }
            
    #contactPane #contactInfo {
        float: right;
        width: 285px;
    }       
        #contactInfo .contact_description {
            font-size: 14px;
            font-style: italic;
            padding-left: 5px;
            float: left;
            width: 300px;
            line-height: 150%;
        }    
        #contactInfo .contact {
            margin-left: 5px;
            margin-top: 30px;
            float: left;
            font-size: 14px;
            
        }
            .contact .name, .contact .phone, .contact .email {
                margin-top: 4px;
                
            }
                .email a:link { color: #FFF; }
        		.email a:visited { color: #FFF; }
        		.email a:hover { color: #FFF; }
        		.email a:active { color: #FFF; }

/*  Contact Us Image
----------------------------------------------- */
#contactusGalleryImage {
	background: transparent url("../images/nwi_contactus.jpg") 0 0 no-repeat;
	height: 262px; width: 350px;
	float: left;
}

/*  Animated Loading Image
----------------------------------------------- */
.loading {
	background: transparent url("../images/animated/nwi_loading.gif") no-repeat 0 0;
	height: 150px; width: 150px;
	float: left;
}
.saw {
	background: transparent url("../images/animated/nwi_saw.gif") no-repeat 0 0;
	height: 150px; width: 150px;
	float: left;
}

/*  Bathroom Images
----------------------------------------------- */
.bath01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px 0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bath01_before {
	background: transparent url("../images/gallery/bathrooms01.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath01_during {
	background: transparent url("../images/gallery/bathrooms01.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath01_after {
	background: transparent url("../images/gallery/bathrooms01.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -50px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bath02_before {
	background: transparent url("../images/gallery/bathrooms01.jpg") -0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath02_during {
	background: transparent url("../images/gallery/bathrooms01.jpg") -350px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath02_after {
	background: transparent url("../images/gallery/bathrooms01.jpg") -700px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -100px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bath03_before {
	background: transparent url("../images/gallery/bathrooms01.jpg") -0px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath03_during {
	background: transparent url("../images/gallery/bathrooms01.jpg") -350px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath03_after {
	background: transparent url("../images/gallery/bathrooms01.jpg") -700px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -150px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bath04_before {
	background: transparent url("../images/gallery/bathrooms01.jpg") -0px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath04_during {
	background: transparent url("../images/gallery/bathrooms01.jpg") -350px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath04_after {
	background: transparent url("../images/gallery/bathrooms01.jpg") -700px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bath05_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -200px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bath05_before {
	background: transparent url("../images/gallery/bathrooms02.jpg") -0px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.bath05_after {
	background: transparent url("../images/gallery/bathrooms02.jpg") -349px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.bath06_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -280px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bath06_before {
	background: transparent url("../images/gallery/bathrooms02.jpg") 3px -500px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.bath06_after {
	background: transparent url("../images/gallery/bathrooms02.jpg") -347px -500px no-repeat;
    height: 462px; width: 350px;
	float: left;
}


/*  Kitchen Images
----------------------------------------------- */
.kitchen01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px 0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen01_before {
	background: transparent url("../images/gallery/kitchens01.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen01_during {
	background: transparent url("../images/gallery/kitchens01.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen01_after {
	background: transparent url("../images/gallery/kitchens01.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -50px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen02_before {
	background: transparent url("../images/gallery/kitchens01.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen02_during {
	background: transparent url("../images/gallery/kitchens01.jpg") -350px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen02_after {
	background: transparent url("../images/gallery/kitchens01.jpg") -700px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -100px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen03_before {
	background: transparent url("../images/gallery/kitchens01.jpg") 0px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen03_after {
	background: transparent url("../images/gallery/kitchens01.jpg") -700px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -150px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen04_before {
	background: transparent url("../images/gallery/kitchens01.jpg") 0px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen04_during {
	background: transparent url("../images/gallery/kitchens01.jpg") -350px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen04_after {
	background: transparent url("../images/gallery/kitchens01.jpg") -700px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen05_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -200px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen05_before {
	background: transparent url("../images/gallery/kitchens02.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen05_after {
	background: transparent url("../images/gallery/kitchens02.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen06_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -250px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen06_before {
	background: transparent url("../images/gallery/kitchens02.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen06_after {
	background: transparent url("../images/gallery/kitchens02.jpg") -700px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen07_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -300px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen07_before {
	background: transparent url("../images/gallery/kitchens02.jpg") 0px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen07_during {
	background: transparent url("../images/gallery/kitchens02.jpg") -350px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen07_after {
	background: transparent url("../images/gallery/kitchens02.jpg") -700px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.kitchen08_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -350px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.kitchen08_after {
	background: transparent url("../images/gallery/kitchens02.jpg") -700px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Flooring Images
----------------------------------------------- */
.flooring01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring01_before {
	background: transparent url("../images/gallery/floors.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring01_during {
	background: transparent url("../images/gallery/floors.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring01_after {
	background: transparent url("../images/gallery/floors.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -50px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring02_before {
	background: transparent url("../images/gallery/floors.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring02_during {
	background: transparent url("../images/gallery/floors.jpg") -350px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring02_after {
	background: transparent url("../images/gallery/floors.jpg") -700px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -100px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring03_before {
	background: transparent url("../images/gallery/floors.jpg") 0px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring03_during {
	background: transparent url("../images/gallery/floors.jpg") -350px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring03_after {
	background: transparent url("../images/gallery/floors.jpg") -700px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -150px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring04_after {
	background: transparent url("../images/gallery/floors.jpg") -700px -901px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring05_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px -200px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring05_after {
	background: transparent url("../images/gallery/floors.jpg") 0px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring06_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px -250px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring06_before {
	background: transparent url("../images/gallery/floors.jpg") 0px -1197px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring06_after {
	background: transparent url("../images/gallery/floors.jpg") -700px -1197px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring07_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px -301px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.flooring07_before {
	background: transparent url("../images/gallery/floors.jpg") 0px -1500px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.flooring07_after {
	background: transparent url("../images/gallery/floors.jpg") -700px -1500px no-repeat;
    height: 262px; width: 350px;
	float: left;
}


/*  Bedroom Images
----------------------------------------------- */
.bedroom01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -400px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bedroom01_before {
	background: transparent url("../images/gallery/bedrooms.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bedroom01_during {
	background: transparent url("../images/gallery/bedrooms.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bedroom01_after {
	background: transparent url("../images/gallery/bedrooms.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bedroom02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") 0px -450px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bedroom02_before {
	background: transparent url("../images/gallery/bedrooms.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bedroom02_after {
	background: transparent url("../images/gallery/bedrooms.jpg") -700px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Solarium Images
----------------------------------------------- */
.solarium01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -350px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.solarium01_before {
	background: transparent url("../images/gallery/solariums.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.solarium01_during {
	background: transparent url("../images/gallery/solariums.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.solarium01_after {
	background: transparent url("../images/gallery/solariums.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Living Images
----------------------------------------------- */
.living01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -400px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living01_before {
	background: transparent url("../images/gallery/living.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living01_after {
	background: transparent url("../images/gallery/living.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -50px -450px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living02_before {
	background: transparent url("../images/gallery/living.jpg") 0px -306px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living02_after {
	background: transparent url("../images/gallery/living.jpg") -350px -306px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px -100px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living03_after {
	background: transparent url("../images/gallery/living.jpg") -350px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -300px 0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living04_before {
	background: transparent url("../images/gallery/living.jpg") 0px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living04_during {
	background: transparent url("../images/gallery/living.jpg") -350px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living04_after {
	background: transparent url("../images/gallery/living.jpg") -700px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living05_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -300px -50px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living05_before {
	background: transparent url("../images/gallery/living.jpg") 0px -1197px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living05_during {
	background: transparent url("../images/gallery/living.jpg") -350px -1197px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living05_after {
	background: transparent url("../images/gallery/living.jpg") -700px -1197px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living06_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -300px -101px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living06_during {
	background: transparent url("../images/gallery/living.jpg") 0px -1484px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living06_after {
	background: transparent url("../images/gallery/living.jpg") -700px -1484px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living07_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -300px -151px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living07_before {
	background: transparent url("../images/gallery/living.jpg") 0px -1774px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living07_during {
	background: transparent url("../images/gallery/living.jpg") -350px -1774px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living07_after {
	background: transparent url("../images/gallery/living.jpg") -700px -1774px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living08_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -300px -201px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living08_before {
	background: transparent url("../images/gallery/living.jpg") 0px -2075px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living08_during {
	background: transparent url("../images/gallery/living.jpg") -350px -2075px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living08_after {
	background: transparent url("../images/gallery/living.jpg") -700px -2075px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living09_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -300px -251px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.living09_before {
	background: transparent url("../images/gallery/living.jpg") 0px -2382px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living09_during {
	background: transparent url("../images/gallery/living.jpg") -350px -2382px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.living09_after {
	background: transparent url("../images/gallery/living.jpg") -700px -2382px no-repeat;
    height: 262px; width: 350px;
	float: left;
}


/*  Ceiling Images
----------------------------------------------- */
.ceiling01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -200px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.ceiling01_before {
	background: transparent url("../images/gallery/ceilings.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.ceiling01_during {
	background: transparent url("../images/gallery/ceilings.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.ceiling01_after {
	background: transparent url("../images/gallery/ceilings.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Foyers Images
----------------------------------------------- */
.foyer01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px 0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.foyer01_before {
	background: transparent url("../images/gallery/foyers.jpg") 0px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.foyer01_during {
	background: transparent url("../images/gallery/foyers.jpg") -350px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.foyer01_after {
	background: transparent url("../images/gallery/foyers.jpg") -700px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.foyer02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -80px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.foyer02_before {
	background: transparent url("../images/gallery/foyers.jpg") 0px -501px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.foyer02_after {
	background: transparent url("../images/gallery/foyers.jpg") -700px -501px no-repeat;
    height: 462px; width: 350px;
	float: left;
}


/*  Decks Images
----------------------------------------------- */
.deck01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -250px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.deck01_during {
	background: transparent url("../images/gallery/decks.jpg") -347px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck01_after {
	background: transparent url("../images/gallery/decks.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -300px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.deck02_before {
	background: transparent url("../images/gallery/decks.jpg") 0px -301px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck02_during {
	background: transparent url("../images/gallery/decks.jpg") -350px -301px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck02_after {
	background: transparent url("../images/gallery/decks.jpg") -700px -301px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -350px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.deck03_before {
	background: transparent url("../images/gallery/decks.jpg") 0px -602px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck03_during {
	background: transparent url("../images/gallery/decks.jpg") -350px -602px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck03_after {
	background: transparent url("../images/gallery/decks.jpg") -700px -602px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -400px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.deck04_before {
	background: transparent url("../images/gallery/decks.jpg") 0px -904px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck04_after {
	background: transparent url("../images/gallery/decks.jpg") -697px -904px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck05_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -100px -450px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.deck05_before {
	background: transparent url("../images/gallery/decks.jpg") 3px -1205px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck05_during {
	background: transparent url("../images/gallery/decks.jpg") -347px -1205px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck05_after {
	background: transparent url("../images/gallery/decks.jpg") -700px -1205px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck06_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px -150px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.deck06_during {
	background: transparent url("../images/gallery/decks.jpg") 0px -1500px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.deck06_after {
	background: transparent url("../images/gallery/decks.jpg") -700px -1500px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Special Chair Lift Images
----------------------------------------------- */
.lift01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -300px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.lift01_before {
	background: transparent url("../images/gallery/special.jpg") 0px -0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.lift01_during {
	background: transparent url("../images/gallery/special.jpg") -350px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.lift01_after {
	background: transparent url("../images/gallery/special.jpg") -700px 0px no-repeat;
    height: 462px; width: 350px;
	float: left;
}

/*  Framing Images
----------------------------------------------- */
.frame01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px 0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.frame01_before {
	background: transparent url("../images/gallery/framing.jpg") 4px 0 no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame01_during {
	background: transparent url("../images/gallery/framing.jpg") -346px 2px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame01_after {
	background: transparent url("../images/gallery/framing.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -50px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.frame02_before {
	background: transparent url("../images/gallery/framing.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame02_after {
	background: transparent url("../images/gallery/framing.jpg") -700px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -100px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.frame03_before {
	background: transparent url("../images/gallery/framing.jpg") 0px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame03_after {
	background: transparent url("../images/gallery/framing.jpg") -700px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -150px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.frame04_before {
	background: transparent url("../images/gallery/framing.jpg") 4px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.frame04_after {
	background: transparent url("../images/gallery/framing.jpg") -700px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Siding Images
----------------------------------------------- */
.siding01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -250px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.siding01_before {
	background: transparent url("../images/gallery/siding.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.siding01_after {
	background: transparent url("../images/gallery/siding.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.siding02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -200px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.siding02_before {
	background: transparent url("../images/gallery/siding.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.siding02_after {
	background: transparent url("../images/gallery/siding.jpg") -350px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Concrete Images
----------------------------------------------- */
.concrete01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -450px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.concrete01_after {
	background: transparent url("../images/gallery/concrete.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

/*  Pub/Bar Images
----------------------------------------------- */
.bar01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -200px -400px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.bar01_before {
	background: transparent url("../images/gallery/bars.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bar01_during {
	background: transparent url("../images/gallery/bars.jpg") -350px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.bar01_after {
	background: transparent url("../images/gallery/bars.jpg") -700px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}


/*  Fire Feature Images
----------------------------------------------- */
.fire01_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -150px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire01_after {
	background: transparent url("../images/gallery/fire.jpg") 0px 0px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire02_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -200px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire02_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire03_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -250px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire03_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire04_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -300px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire04_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -900px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire05_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -350px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire05_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -1200px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire06_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -400px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire06_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -1500px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire07_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -150px -450px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire07_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -1800px no-repeat;
    height: 462px; width: 350px;
	float: left;
}
.fire08_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px 0px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire08_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -2300px no-repeat;
    height: 262px; width: 350px;
	float: left;
}
.fire09_thumb {
	background: transparent url("../images/gallery/thumbnails.jpg") -250px -50px no-repeat;
	height: 37px; width: 50px;
	float: left;
}
.fire09_after {
	background: transparent url("../images/gallery/fire.jpg") 0px -2600px no-repeat;
    height: 262px; width: 350px;
	float: left;
}

.hidden {
    display: none;
    visibility: hidden;
}