/*styles for final website*/
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}

body{
    font-size: 100%;
    font-family: Verdana, helvetica, arial, sans-serif;
 background:#c6dae3;
    
}

#wrapper{
    width:940px;
    margin:20px auto;
}

header{
    margin-bottom:17px;
    text-align: center;
    background:white;    
}

#logo{
    display:inline;
}

nav{
    height: 50px;
    line-height:50px;
 background:#152238;
}

nav ul{
    list-style-type:none;
/*gets rid of bullets*/
    width:1000px;
    margin:0 auto;
}

nav li{
    float:left;
    width:20%;
    text-align:center;
    
}

nav a{
    text-decoration:none;
    display:block;
    color:white;
}

.home nav li:nth-child(1) a,
.about nav li:nth-child(2) a,
.services nav li:nth-child(3) a,
.faq nav li:nth-child(4) a,
.contact nav li:nth-child(5) a{
    background:#006c84;
}

main{
    width:580px;
    float:left;
    margin-top:30px;
    margin-bottom:20px;   
}

aside{

    margin-top:60px;
    width:340px;
    float:right;
    margin-bottom:20px;

}

.container{
    clear:both;
    margin-bottom:20px;
    margin-top:50px;
    overflow:hidden;
}

.writers{
    width:450px;
    float:left;
    background:white;
    border:1px solid black;
    padding: 15px 15px 0 15px;
    
}

.business{
    width:450px;
    float:right;
    background:white;
    border:1px solid black;
    padding: 15px 15px 0 15px;

}

.faq h3 {
    text-align:left;
    margin-top:30px;
    padding:10px;
    
}

.faq p {
    text-align:left;
}

.faq #wrapper ul{
    text-align: left;
    list-style-type:none;
    
}

.faq #wrapper li{
    text-align: left;
    float:left;
}

img{
    display:block;
    max-width:100%;
}

.contact img{
    margin:20px auto;
}

table{
    width:920px;
    border:1px solid #f00;
    border-collapse: collapse;
    margin: 0 auto;
}

td{
    border:1px solid #152238;
    width:33.33%;
    vertical-align: top;
    padding:10px;
    text-align:left;
}

td p{
        text-align:left;
}


th p {
    font-size:.92em;
    font-family:verdana, helvetica, arial;
    
    
}

th {
    background:#ddd;
    border:1px solid #152238;
    font-size:1.65em;
    padding:10px;
}

table li{
    text-align:left;
    margin-left:15px;
    margin-bottom:20px;
    font-style:italic;
}

form{
    max-width:580px;
}

fieldset{
    padding:10px;
    margin-bottom:15px;
/*    background:white;*/
    border-color:azure;
}

legend{
    font-size:1.5em;
    font-style:italic;
    padding:0 4px;
}

label{
    display:block;
    margin-top: 5px;
    margin-bottom:5px;
}

input{
    width:100%;
    height:25px;
    margin-bottom:10px
}

input[type=submit]{
    width:auto;
    display:inline;
}

textarea{
    width:100%;
    height:60px;
    margin-bottom:10px;
}

footer {
/*    margin-top:80px;*/
    border-top: 1px dotted #152238;
    height:30px;
    line-height:30px;
    clear:both;
    font-size:.875em;
    text-align:center;

}

footer a{
    color:#152238;
}

footer li{
    float:left;
    margin-left:30px;
    color:azure;
    
    
}

footer ul{
    list-style-type:none;
    float:right;
    
}




/****Typography****/

h1{
    font-size:2.488em;
/*    font-weight:200;*/
    text-align: center;
    margin-bottom:20px;
    margin-top:30px;
}

.faq h1{
    margin-bottom:20px;
}

h2{
    font-size:2.074em;
    text-align:center;
}

.writer h2{
    padding:15px;
    margin-top:30px;
}

.businesses h2{
    padding:15px;
    margin-top:30px;
}


.services h2{
    padding:15px;
    margin-top:30px;
}

.faq h3{
    font-style:italic;
}

hr{
    margin-top: 30px;
    margin-bottom: 30px;
    clear:both;
    }

p{
    margin-top:20px;
    margin-bottom:20px;
    line-height:1.4;
    text-align: center;
}

.about p{
    text-align:left;
}