body{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
}
#header{
    background-color:lightgrey;
}

/*gets rid of bullets and menu background colour*/
#menu{
    list-style-type: none;
    border-style: groove;
    background-color: lightgrey;
    margin-top:0px;
    
}

/*Further styles the menu*/
#menu li{
     display: inline-block; 
    padding: 10px;
}   
 /*Changes colour of the menu links*/
#menu li a:link, #menu li a:visited{
     font-size: 20px;
     color:black;
     text-decoration: none;
}
#menu li a{
    padding: 10px;
}

#topLogo{
    height:150px;
    margin: 0px;
}

/*Style of title*/
#title{
    float: right;
    font-size: 50px;
    margin-right: 50px;
    margin-top:30px;
}

/*default siza of all the main text*/
#content{
    font-size: 20px;
    margin-right:auto;
    margin-left: auto;
    margin-top: 5px;
    padding:20px;
    width:80%;
    border-style: groove;
    border-width: 5px;
    background-color: lightgray;
    

}



#menu li a:hover{
    background-color: darkgrey;
}


.selected{
    background-color: rgb(236, 198, 198);
    
    
}

.menuItem{
    display: inline-block;
   margin: 30px;
}



.photo{
    width:100%;
   
}
.mainPhoto{
  
    position:relative;
    width:50%;
    left:25%;
}

.testimonial{
    font-size: 24px;
    width: 50%
}