@charset "utf-8";
/* CSS Document */


	body {
		background: black;
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
		}
	header {
        height: 125px;
		background-color: white;
		background-image: url("images/modelalogo.png");
		background-size: contain;
		margin: 0;
        background-repeat: no-repeat;		
	}
    nav ul {            
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        background-color: black;
		border: 1px solid white;
        }
    nav li a{
        float: left;
        color: white;
        text-align: center;
        padding: 1px 16px;
        text-decoration: none;
        
    }

    .caption:hover:not(.active) {
        background-color: #333;
    }

        

    a.caption {
	color: black;
}
        a:hover:not(.active) {
            background-color: #333;
    }
    .active {
         background-color: #4caf50;
    }
    a:hover {
         color: white;
    }
    a:visited {
         color: #A09D9D;
     }

     section {
          background: white;
          padding: 0px;
          display: flex;
          flex-direction: row;
      }

  
     p {
         margin: 0px;
      }
	footer {
		background: #333;
		color: white;
		font-size: 15px;
	}


    .content {
        padding: 40px;    
    }
    .float_rht {    
        float: right;
        margin-left: 20px;  
    }
	.float_lft {    
        float: left;
        margin-left: 20px;  
    }
    img.picture {
        width: 400px;
        border: 1px solid #021a40;        
    }


    figcaption.picture {
        text-transform: uppercase;
		font-size: 18px;
		
        width: 400px;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;    
    }
	img.picture_sm {
        width: 200px;
        border: 1px solid #021a40;
	}
	img.picture_med {
        width: 300px;
        border: 1px solid #021a40;
	}
h3 {
    padding-bottom: 2px;
    margin-bottom: 1px;
}