﻿    body {
		margin: 0;
		padding: 0;
		background-color: #101010;
	}
	
	.top-banner {
		background-image: url('images/top-banner.jpg');
		width: 100%;
		height: 95px;
		background-repeat: repeat-x;	
	}
	
	.bottom-banner {
		background-image: url('images/bottom-banner.jpg');
		width: 100%;
		height: 94px;
		background-repeat: repeat-x;	
	}
	
	.mid-bg {
		background-image: url('images/mid-bg.jpg');
		width: 1099px;
		height: 709px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.cracks {
		background-image: url('images/cracks.png');
		width: 912px;
		height: 659px;
	}
	
	.top-nav {
	    background-image: url('images/nav-tile.png');
	}
	
	.logo {
	    background-position: 0 0;
	    width: 172px;
	    height: 62px;
	    cursor: pointer;
	    top: 30px;
	}
	
	.logo:hover {
	    background-position: -182px 0;
	}
	
	.line {
        height: 87px;
        width: 1px;
        background-color: #000;
        border-right: 1px solid #191a1a;
        float: left;
	}

    .menu-tile {
        background-image: url('images/menu-tile.png');
    }
    
    .home-button {
        background-position: 0 0;
        width: 92px;   
        height: 87px;
        cursor: pointer;
        float: left;
    }
    
    .home-button:hover {
        background-position: -102px 0;
    }
    
    .home-button-active {
        background-position: -102px 0;
        width: 92px;   
        height: 87px;
        cursor: pointer;
        float: left;
    }
    
    .photos-button {
        background-position: -204px 0;
        width: 101px;   
        height: 87px;
        cursor: pointer;
        float: left;
    }
    
    .photos-button:hover {
        background-position: -315px 0;
    }
    
    .photos-button-active {
        background-position: -315px 0;
        width: 101px;   
        height: 87px;
        cursor: pointer;
        float: left;
    }
    
    .contact-button {
        background-position: -426px 0;
        width: 114px;   
        height: 87px;
        cursor: pointer;
        float: left;
    }
    
    .contact-button:hover {
        background-position: -548px 0;
    }
    
    .contact-button-active {
        background-position: -548px 0;
        width: 114px;   
        height: 87px;
        cursor: pointer;
        float: left;
    }
    
    .main-bg {
        background-image: url('images/main-bg.jpg');
        width: 1099px;
        height: 709px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }
    
    .container {
		float: left;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
		background: rgba(255, 255, 255, 0.0);
	}
	
	.pic-container {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	.pic-container-right {
		float: left;
		margin-bottom: 12px;
	}
	
	.pic-container-left {
		float: left;
		margin: 0 12px 12px 20px;
	}
	
	.spacer {
		clear: both;
	}

    a:link {
	    color: #1a1f1f;
    }
    
    a:visited {
	    color: #1a1f1f;
    }
    
    a:hover {
	    color: #fff;
    }
    
    a:active {
	    color: #aaa;
    }
    
    .photo-nav {
        background-image: url('images/photo-nav.png');
    }
    
    .landscape {
        background-position: 0 -72px;
        width: 175px;
        height: 52px;
        cursor: pointer;
        margin-left: 75px;
        margin-right: 5px;
    }
        
    .landscape:hover {
        background-position: 0 -133px;
    }

    .landscape-active {
        background-position: 0 0;
        width: 176px;
        height: 62px;
        cursor: pointer;
        margin-left: 75px;
    }
        
    .studio {
        background-position: -185px -72px;
        width: 146px;
        height: 52px;
        cursor: pointer;   
    }
    
    .studio:hover {
        background-position: -185px -133px;
    }
     
     .studio-active {
        background-position: -185px 0;
        width: 146px;
        height: 62px;
        cursor: pointer;   
    }
    
    .top-container {
        width: 950px; 
        height: 95px; 
        margin-left: auto; 
        margin-right: auto; 
        background: rgba(255, 255, 255, 0.0);
    }
    
    .nav-container {
        width: 316px; 
        height: 87px; 
        float: right; 
        background: transparent; 
        margin-top: -75px;
    }
    
    .sub-bg {
        height: 709px; 
        width: 100%; 
        background: url('images/sub-bg.jpg'); 
        z-index: 0; 
        position: absolute;
    }
    
    .contact-bg {
        background-image: url('images/contact.jpg');
        width: 1099px;
        height: 709px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }
    
    .text-area {
        background: transparent; 
        font-size: 22px; 
        font-family: Arial; 
        width: 350px; 
        height: 30px;
        resize: none;
        border: none;
    }
    

    div.submit-button input {
        background:url('images/send.png') no-repeat;
        cursor:pointer;
        width: 105px;
        height: 58px;
        border: none;
    }
    
    div.submit-button:hover input {
        background:url('images/send-roll.png') no-repeat;
    }

    .loader {
        background-image: url('images/loader.gif');
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        float: left;
        margin-right: 8px;
    }
    
    .wait-text {
        font-size: 16px;
        color: #000;
        font-family: Arial;
        float: left;
        margin-top: 8px;
        font-weight: bold;
    }
    
    .success {
        background-image: url('images/MsgSent.png');
        width: 56px;
        height: 60px;
        margin-top: 607px;
        margin-left: 418px;
        float: left;
    }
    
    .email-text {
        font-size: 14px;
        font-weight: bold;
        font-family: Arial;
        margin-top: 625px;
        float: left;
    }
    
    .error {
        background-image: url('images/MsgError.png');
        width: 48px;
        height: 53px;
        margin-top: 612px;
        margin-left: 426px;
        float: left;
    }
    
    .bottom-nav-text {
        color: #fff; 
        font-size: 11px; 
        font-weight: bold;
        cursor: pointer;
        float: left;
        margin-right: 10px;
        margin-top: 1px;
		font-family: Arial, Helvetica, sans-serif;
    }
        
   .bottom-nav-text:hover {     
        color: #647979;
   }
        
   .bottom-nav-divider {     
        height: 14px;
        width: 1px;
        background-color: #353636;
        float: left;
        margin-right: 10px;
   }
        
        
        
        