body {
color: #fff;
background-color: #423e3f;
margin: 0;
padding: 0;
font-family: "bryant-web", Verdana, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 27px;
min-width: 1024px;
min-height: 768px;
}

#header {
background-color:#f0f0f4;
margin: 0 0px 20px 0px;
padding: 20px 0;
font-family: bryant-web, bryant, "Helvetica Neue", Helvetica, sans-serif;
overflow: auto;
}

#header .container {
width: 1043px;
padding-left: 40px;
padding-right: 20px;
display: block;
}

#header .logo {
float: left;
}

#header nav {
float:right;
display:block;

}

#header nav ul {
display: block;
list-style-type: none;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 10px;
-webkit-padding-start: 40px;
}

#header nav ul li {
float: left;
margin-left: 40px;
line-height: 50px;
}

.flipper h3, .flipper2 h3 {
    color: #454b53;
    margin: 5px 30px;
    font-weight: 400;
    text-align: right;
}

.flipper p, .flipper2 p {
   color: #454b53; 
   font-weight: 400;
   font-size: 14px;
}

.flipper img, .flipper2 img {
    margin-left: 10px;
    
}

.back div{
    
    
}

/* Tarty bits for navigation * - need colour decisions*/

li.gal, li.blog, li.cont{
border-bottom: #f0f0f4 5px solid;
}


li.gal:hover{
border-bottom: red 5px solid;
}

li.blog:hover{
border-bottom: yellow 5px solid;
}

li.cont:hover{
border-bottom: blue 5px solid;
}



#header nav ul li a {
text-transform: uppercase;
color: #3f4850;
}

#content {
max-width: 1103px;
}

.mainArticle {
color: #454b53;
width: 700px;
padding: 0 20px;
margin: 0 10px 0 10px;
float: left;
position: relative;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.15);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.15);
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
height: 740px;
background-color:#f0f0f4;
overflow: auto;
}

.mainArticle h3{
margin-bottom: 50px;
}

.card {
width: 275px;
height: 374px;
background-color:#f0f0f4;
margin: 0 10px 20px 10px;
float: right;
}

img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}

a:link, a:visited, a:hover, a:active {
text-decoration: none;
font-weight: 500;
}