@import url(https://fonts.googleapis.com/css?family=acen+Sans:400,600,700,300);


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

textarea {
    resize: none!important
}

body {
    float: left;
    width: 100%;
    background: none;
    font-family: 'Open Sans', sans-serif!important;
    color: #262626
}

* {
    
}
a {text-decoration:none !important;}

html,
body {
    height: 100%
}

img {max-width: 100%;}
/*------------------------ START--------------------------*/
body {    background: #FFFFFF url(/scottish/images/banner.png) center -92px no-repeat;
    color: #333333;}

body.home {    background: #FFFFFF url(/scottish/images/banner.png) top center no-repeat;
    color: #333333;}
.inner {max-width: 1120px; float:none; margin: 0 auto;}

header{float:left;width:100%; min-height:350px}

header .menu {float:left; width:100%; background: #0f9447;}
header .menu .inner {max-width: 1000px; float:none; margin: 0 auto;}
header .menu a {float:left; text-align: center;  text-decoration: none !important text-align:center; color: #FFF; padding: 10px 40px; font-size: 14px; }
header .menu a:hover, header .menu a.selected{color: #F1F1F1; text-decoration:none; background: #81bb99;}
header .menu .facebooklink {
    font-size: 12px;
    width: 14%;
    padding: 12px 0;
    float:right;

 }

 header .menu .facebooklink img{
float: right;
    margin-top: -5px;
    margin-left: 25px;
}

.overlay {
    background: transparent;
    position: absolute;
    width: 1000px;
    height: 450px;
    top: 520px;
    bottom: 0;  /* your iframe height */
}

hr {
    margin-top: 20px;
    margin-bottom: 30px;
    border: 0;
    border-top: 2px solid #81bb99;
    float: left;
    width: 100%;
}

.logos {float:left; width: 100%; background:rgba(255,255,255,0.85);}
.logos .inner {max-width:1000px;}
.logos .datelogo {float: left; width: 30%;    margin: 35px 0 0 20px; text-align:left;}
.logos .mainlogo {float: left; width: 38%;    margin: 20px 0 ; text-align:center;}
.logos .directions {float: right; width: 20%;    margin: 60px 0 0; text-align:right;}

.banner {float:left; width: 100%;}
.banner .inner {float:none; width: 800px; margin: 250px auto 40px; text-align:center;}
.banner h1 {font-size: 40px; color: #FFF; letter-spacing: 10px; padding: 0px 0px 50px ; font-weight: 300;}
.banner .buttons {}
.banner .buttons .orange {    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2); background: #eeac28; color: #FFF; font-size: 18px; font-weight: 600; text-align:center; padding: 10px 45px; border: 1px solid #FFF; margin: 20px 20px 20px 0px;}
.banner .buttons .green {    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2); background: #0f9447; color: #FFF; font-size: 18px; font-weight: 600; text-align:center; padding: 10px 45px; border: 1px solid #FFF; margin: 20px 0px;}
.banner .buttons .orange:hover{background: #D69C27;}
.banner .buttons .green:hover{background: #0D7539;}
.banner .buttons p {float: left; width: 100%; font-size: 12px; color: #FFF; margin: 30px 0;}

.home-content{float: left; width: 100%; min-height: 500px; background: #FFF; margin-top: 100px;}
.home-content .inner {max-width: 1020px; float:none; margin: 0 auto;}
.home .home-content{ margin-top: 0px !important;}
.home-content h1 {text-align: center; float: left; width: 100%; margin: 30px 0px 20px; font-size: 30px; font-weight: 400; color: #333;} 
.home-content h2 {text-align: center; float: left; width: 100%; margin: 10px 0px 20px; font-size: 22px; font-weight: 400; color: #338b58;} 
.home-content .home h2 {text-align: center; float: left; width: 100%; margin: 20px 0px; font-size: 30px; font-weight: 400; color: 333333;} 
.home-content p {float: none; clear: both; margin: 10px auto; font-size: 14px; font-weight: 300;line-height: 25px;}
.home-content .blocks-container {float: left; width: 100%; margin: 30px 0px 0px;}

.home-content .body p{}
.blocks-container .block {float: left; width: 33%; text-align: center; padding: 30px 0px;}
.blocks-container .block:hover{background: #ECECEC;}
.blocks-container .block:hover img{opacity: 0.6;}
.blocks-container .block h2{font-size: 20px !important; font-weight: 400; margin: 20px 0px 20px;}
.blocks-container p {float: none; width: auto; padding: 0px 50px;}
.blocks-container a  {color: #333;}
footer{float: left; width: 100%; padding: 50px 0px 30px; background: #FFFFFF;}
footer .inner {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 20px 0px; font-size: 14px !important; color: #d5d4d4;}
footer .inner a {color: #d5d4d4;}
footer .inner a:hover {color: #333333;}

.ex_blocks {float:left; width: 100%; margin: 50px auto;}
.ex_blocks .inner {width: 970px;}
.ex_block {float: left; width: 49%; background: #f0f0f0; margin-bottom:20px;}
.ex_blocks .odd {float: right !important;}
.ex_block .inner { width: auto; margin: 15px;}
.ex_block .image {float: left; width:35%; background: #FFF;}
.ex_block .image img{float: left;
    width: 100%;
    height: 160px;
    border: 1px solid #aaaaaa;}
.ex_block .content {float:right; width: 62%; font-size: 12px !important;}
.ex_block .content p {font-size: 12px !important; line-height: 20px;}
.ex_block .content h2 {font-size: 18px; font-weight: 600; margin: 0px 0px 0px; text-align: left;}
.ex_block .buttons {float: left; width: 100%; margin: 0px 0px 15px;}
.ex_block .buttons .orange {float: right; width: 45%; color: #FFF; padding: 5px 0px; font-size: 12px; background:#eeac28; text-align: center;}
.ex_block .buttons .green {float: left; width: 45%; color: #FFF; padding: 5px 0px; font-size: 12px; background:#0f9447; text-align: center}

.message {
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.submit_form {float: left; width: 100%; margin: 50px 0px;}
.submit_form input,.submit_form select, .submit_form textarea {float: left; width: 100%; padding: 7px; margin: 10px 0px;}
#mc_submit {float: none ; width: 150px; margin: 0 auto; color: #FFF; padding: 10px 0px; font-size: 16px; background:#338b58; text-align: center; border: none;}
/*----------------------- ADMIN ------------------------*/

.greenbutton {background: #337ab7; color: #FFF; font-size: 16px; font-weight: 500; text-align:center; padding: 10px 45px; border: 2px solid #FFF; margin: 20px 0px;}
.greenbutton:hover {text-decoration:none; background: #333; color: #FFF;}


.listingtable {
    float: left;
    width: 100%;
    border-collapse: collapse
}

.listingtable td {
    border: 1px solid #CCC;
    vertical-align: middle;
    text-align: left
}

.listingtable td p {
    padding: 2px 0 2px 5px;
    margin: 0
}

.listingtable thead {
    background: #999;
    color: #FFF
}