/*
      New Perspectives on HTML, CSS, and JavaScript
      Final Project
      Author: Michael LaTour
      Date: 11/8/15
      IT 270

*/

html {
    position: relative;
    min-height: 100%;
}

article, figure, header, section, nav {
   display: block;
}
   

/* Body Styles */
body {
   min-width: 1000px;
   max-width: 1400px;
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
}



header {
   width: 100%;
}

header nav {
   position: absolute;
   left: 150px;
   top: 170px;
   width: 70%;
}

header nav ul li {

   display: block; 
   margin: 0px 2px;
   text-align: center;
   float: left; 
   width: 15%;

}

header nav ul li a {
   display: block;
   border: 2px solid black;
   width: 100%;
   background-color: burlywood;
   color: white;
}

header nav ul li a:hover {
   color: black;
}

/* Main Section Styles */

h1 {
    margin: 0px auto;
    font-size: 22px;
    text-align: center;
}

article#summary p {
   font-size: 12px; 
   text-align: left;
   margin: 0px auto;
   max-width: 900px;
}

/* Left Section Styles */
section.left {
   width:  30%;
   float: left;
   margin-left: 250px;

}


/* Right Section Styles */
section.right {
   width: 30%;
   float: left;
} 

section article h2 {
   font-weight: bold;
   text-align: center;
   font-size: 14px;
   color:  white;
   background-color: burlywood;

   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   border-top-left-radius: 10px;

   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   border-top-right-radius: 10px;
   
}
/* Video Section Styles */
 video {
    background-color: white;
    display: block;
    margin: 5px auto;
    width: 95%;
    text-align: center;
}

/* Footer Styles */
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

footer address {
   font-size: 12px;
   margin-left: 400px;
}

/* Horizontal Row Styles */
hr {
    float: left;
    color:burlywood;
}