h1 {
    margin-top: 5px;
    margin-bottom: 10px;
}

h2 {
    margin-top: 5px;
    margin-bottom: -10px;
}
h3 {
    margin-top: 5px;
    margin-bottom: 10px;
}


/*Start of nav*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #676767;
  padding-left: 405px;
  /*border: 5px solid black;*/
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111;
}
/*End of Nav*/

/*********************************Start of Home Page******************************************/
#Home-container{
    width: 960px;
    height: 1290px;
    background-color: #414141;
    margin: auto;
    margin-top: -7.8px;
}

#Home-header {
    padding-top: 10px;
    padding-left: 180px;
    padding-bottom: 5px;

}
/****END OF HEADER***/

/*******Under nav - Main Container******/
#Home-main{
    width: 960px;
    height: 893px;
    background-color: bisque;
    font-family: Arial, Verdana, sans-serif;
    color: white; /*Text clolor for main*/
    text-align: center;

}

#Home-TL-pic {
    width: 225px;
    height: 220px;
    background-color: #7b6653;
    float: left;
    padding-top:20px;
}

#Home-TR-BG-color {
    height: 240px;
    width: 735px;
    background-color: #7b6653;
    float: left;
}
.Home-TM {
    width: 495px;
    height: 200px;
    background-color: rgb(16, 15, 15);
    float: left;
    text-align: left;
    padding-left: 20px;
    margin-top: 20px;
}
.Home-TR{
    width: 180px;
    height: 200px;
    background-color: rgb(16, 15, 15);
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}


#Home-ML-BG-Color {
    width: 740px;
    height: 255px;
    background-color: #7b6653;
    float:left;
}
.Home-ML {
    width: 700px;
    height: 235px;
    background-color: rgb(16, 15, 15);
    text-align: left;
    float: left;
    padding-left:20px;
    margin-left: 20px;
}#Home-MR-pic {
    width: 220px;
    height: 255px;
    background-color: #7b6653;
    float: left;
}


.Home-BL-pic {
    width: 320px;
    height: 210px;
    background-color: #7b6653;
    float: left;

}
#Home-BL-BG-color{
    width: 640px;
    height: 210px;
    background-color: #7b6653;
    float: left;
}
.Home-BR {
    width: 600px;
    height: 200px;
    background-color:black;
    float: left;
    padding-top:0px;
    text-align: left;
    padding-left: 20px;
}

/*At the Bottom of bio - grey pricing banner*/
#Home-pricing-banner {
    width: 960px;
    height: 143px;
    background-color: grey;
    float: left;
}

#footer{
    width: 950px;
    height: 110px;
    background-color: white;
    float: left;
    font-family: Arial, Verdana, sans-serif;
    color: #050505;
    text-align: center;
    margin-left:5px;
}
.footer_pic_left{
    width: 100px;
    height: 100px;
    background-color: white;
    float:left;
    margin-top: 4.5px;
    margin-left:100px;
}
.footer_middle{
    width: 400px;
    height: 110px;
    background-color: white;
    float: left;
    margin-left: 75px;
}

.footer_pic_right{
    width: 100px;
    height: 100px;
    background-color: white;
    float:left;
    margin-left: 75px;
    margin-top: 4.5px;
}


/*************Start of Websites A couple asppects the same as home page****************/
#Websites-container{
    width: 960px;
    height: 1700px;
    background-color: #414141;
    margin: auto;
    margin-top: -7.8px;
}

#Websites-header {
    padding-top: 10px;
    padding-left: 180px;
    padding-bottom: 5px;
}

#Websites_TL{
    width: 480px;
    height: 480px;
    background-color: aqua;
    float: left;
}
#Websites_TR{
    width: 480px;
    height: 480px;
    background-color: #bd0f0f;
    float: left;
}
#Websites_BL{
    width: 480px;
    height: 480px;
    background-color: rgb(8, 38, 38);
    float: left;
}
#Websites_BR{
    width: 480px;
    height: 480px;
    background-color: #c6bdbd;
    float: left;
}






/****************************Start of Contact Page**************/
#contact-container{
    width: 960px;
    height: 1170px;
    background-color: #414141;
    margin: auto;
    margin-top: -7.8px;
}

#contact-header {
    padding-top: 10px;
    padding-left: 180px;
    padding-bottom: 5px;

}

#contact-main{
    width: 960px;
    height: 893px;
    background-color: bisque;
    font-family: Arial, Verdana, sans-serif;
    color: #665544; /*Text clolor for main*/
    text-align: center;
}

.contact-TL-pic {
    width: 225px;
    height: 220px;
    background-color: #7b6653;
    float: left;
    padding-top:20px;
}

#contact-TR-BG-color {
    height: 240px;
    width: 735px;
    background-color: #7b6653;
    float: left;
}
.contact-TM {
    width: 495px;
    height: 200px;
    background-color: rgb(16, 15, 15);
    color: white;
    float: left;
    text-align: left;
    padding-left: 20px;
    margin-top: 20px;
}
.contact-TR{
    width: 180px;
    height: 200px;
    background-color: rgb(16, 15, 15);
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
#contact-ML-BG-Color {
    width: 740px;
    height: 255px;
    background-color: #7b6653;
    float:left;
}
.contact-ML {
    width: 700px;
    height: 120px;
    background-color: rgb(16, 15, 15);
    color:white;
    text-align: left;
    float: left;
    padding-left:20px;
    margin-left: 20px;
}
.contact-MLB {  /*contact middle left bottom*/
    width: 700px;
    height: 105px;
    background-color: rgb(16, 15, 15);
    color: white;
    text-align: left;
    float: left;
    padding-left:20px;
    margin-left: 20px;
    margin-top: 10px;
}
#contact-MR-pic {
    width: 220px;
    height: 255px;
    background-color: #7b6653;
    float: left;
}

.contact-BL-pic {
    width: 320px;
    height: 210px;
    background-color: #7b6653;
    float: left;

}
#contact-BL-BG-color{
    width: 640px;
    height: 210px;
    background-color: #7b6653;
    float: left;
}
.contact-BR {
    width: 600px;
    height: 200px;
    background-color:black;
    color: white;
    float: left;
    padding-top:0px;
    text-align: left;
    padding-left: 20px;
}