﻿body {
}

header, footer, nav, section article{
    display: block;
}

.clear {
    clear:both;
}

#menu li a {
    color: #ffffff;
}

#slides img {
    width:100%;
}

h2 {
    color:#007f01;
}

.selected {
    font-size:25px;
    background-color:#007f01;
}

#menu li a:hover {
    color:#000000;
}

#folio-link a, #twitter, #sevenoakscoder{
    color:#ffffff;
    text-decoration:none;
}

#folio-link a:hover, #twitter:hover, #sevenoakscoder:hover {
    color:#000000;
}

.portfolio {
    width:170px;
    height:110px;
}

#services-images img{
    width:150px;
    height:100px;
    float:left;
    margin:5px;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

#flex-wrapper {
    position:relative;
    margin-top:5px;
    width:100%;
}

.flex-overlay {
    width:90%;
    background-color:#007f01;
    padding:10px;
    color:#ffffff;
    position:absolute;
    top:340px;
    left:60px;
    z-index:100;
    font-size:20px;
    text-align:justify;
    margin:0px;
}

nav.navbar {
    border-bottom:5px solid #005d00;
}

footer {
    background-color:#007f01;
    height:100px;
    border-top:5px solid #005d00;
}

.editor-label {
    font-size:1.5em;
}

.editor-field input[type="text"]{
    width:100%;
    height:30px;
    color:#000000;
    font-family:Arial;
    font-size:1.2em;
}

textarea {
    width:100%;
    height:130px;
    color:#000000;
    font-family:Arial;
    font-size:2em;
}

input[type="submit"] {
    font-size:1.5em;
    margin-top:10px;
}

.btn-primary {
    color: #ffffff;
    background-color: #005d00;
    border-color: #005d00;
}

#details {
    border:1px  solid #007f01;
    font-size:1.5em;
    text-align:center;
    margin-top:30px;
    padding:30px 0px 30px 0px;
}

#details ul {
    list-style-type:none;
}

#details ul li {
    text-align:left;
}

#details ul {
    margin-left:220px;
}

#bob {
    width:150px;
    float:left;
    margin-right:20px;
}

#home-text {
    font-size:1.2em;
    text-align:justify;
}

.navbar-default {
    background-color:#007f01;
}

.flex-direction-nav a {
    top:25%;
}

.flexslider {
    margin:0px;
}

/* Styles for validation helpers
=============================================================================*/
.field-validation-error {
    color: #f00;
    font-size:2em;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}