/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-May-2017, 17:05:11
    Author     : gary.burton-wilcock
*/
body{

    font-family:  "lato",sans-serif;    
    background-color:#f9fbc4;
}
.splash{
    background-image: url("images/OtmoorPartnerslogo.png");
    background-size: 100%;
    background-repeat:  no-repeat;
    background-position-x: -50px;
    background-position-y: -50px;    
}
p{
   
}
video{
    height: 200px;
    width: 300px;
}
#header{
    height:100px;
    width:100%;
}
#pages{
    font-family:  "lato",sans-serif;
    list-style-type: none;
    color: purple;
    position: absolute;
    left:80%;
    top:5%;
        
}
.mainpane{
    font-family: "lato",sans-serif;
    color:darkblue;
    position:absolute;
    border-radius: 15px;
    border-color: darkblue;
    border-style:  outset;
    border-width: 1px;
    padding: 10px;
    margin: 10px;
    width:60%;
    height:auto;
    top:5%;
    left:5%;       
}
#splash{
    border-style:none;
}

#mainLogo{
    width:100%;
}

.logo{
    position:fixed;
    right:0px;
    bottom:0px;
    width:200px;
    height:120px;
}


h1{
    font-size: 22px;
}

h2,p{
    font-size: 18px
}
h2{
    font-weight:  bold;
    color:#009933;
}
.thumb{
    width:200px;
    height:100px;
    float: right;
}
.full{
    width:90%;
}

.logoSmall{
    width:100%;
    
}
#WilliamNorth{
    position:fixed;
    width:400px;
    height:267px;
    float:right;
    top:40%;
    right:10px;
}
.socialMedia{
    position:absolute;
    top:20%;
    
}
/* navigation panel styling */
.navpane{
    position:fixed;
    height:90%;
    width:10%;
    left:85%;
    background-color:#f9fbc4;
}

.navlinks{
    list-style-type:none;
    margin:0;
    padding:0;
    
}
.navlinks{
   border-top-right-radius:15px;
   border-bottom-right-radius:15px; 
   border-top-left-radius:5px;
   border-bottom-left-radius:5px;
}

.navlinks li a{
    display:block;
    padding:8px 0px 8px 5px;
    color:#f9fbc4;
}
#home{
    background-color:#142867;
}
#who{
    background-color:#00adef;
}
#what{
    background-color:#009887;
}
#contact{
    background-color:#68a337;
}
#blog{
    background-color:#acd038;
}
#save{
    background-color:#9dcf78;
}