@import url("http://server1.sitewizard.co.uk/wysiwyg_clean/plugins/templates/templates/sw-templates.css");

/* Global Properties */

body {background:#; font-family:'Pt Sans', Arial, Helvetica, sans-serif; font-size:15px; color:#424242; margin:0; padding:0;}
::selection {background:#3d998d; color:#fff;} ::-moz-selection {background:#3d998d; color:#fff;} ::-webkit-selection {background:#3d998d; color:#fff;}
a {color:#3d998d; text-decoration:none;}
a:visited {color:#3d998d;}
a:hover {color:#585858; text-decoration:none;}
p {line-height:1.5; padding:0; margin:0 0 30px 0;}
h1 {font-family:'Lato', sans-serif; font-size:33px; color:#585858; padding:0; margin:0 0 30px 0; font-weight:400; line-height:1.3;}
h1 strong {font-weight:400; color:#3d998d;}
h2 {font-family:'Lato', sans-serif; font-size:20px; color:#3d998d; padding:0; margin:0 0 30px 0; font-weight:normal; line-height:1.3;}
h3 {font-family:; font-size:; color:; padding:0; margin:0 0 30px 0; font-weight:normal; line-height:1.3;}
h4 {font-family:'Lato', sans-serif; font-size:16px; color:#3d998d; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:1.2; text-align:center;}
h5 {font-family:; font-size:; color:; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:1.2;}
h6 {font-family:; font-size:; color:; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:1.2;}
.small-title {font-size:26px;}
label {width:150px; float:left;}
.clear {clear:both;}
.border {border:3px solid #e9e9e9; margin:2px;}
.border-left {border:3px solid #e9e9e9; margin:0 20px 20px 0; float:left;}
.border-right {border:3px solid #e9e9e9; margin:0 0 20px 20px; float:right;}
.no-border {border:0;}
.shout {font-size:18px;}
.shout2 {font-size:16px;}
.notes {font-size:11px; line-height:1.3;}
.caption {float:right; width:200px; margin:0 0 20px 20px; padding:20px; background:#; color:#;}
.table { }
.table td {border-bottom:1px solid #ccc; padding:5px 15px;}
#cookie-control {background-color:#111 !important;}
#cookie-control.cookie-approved {background-color:#83c000 !important;}


/* CSS Begins */

.container {width:1000px; margin:0 auto; position:relative;}
#nav {margin:0; list-style-type:none; position:relative; top:0; z-index:10;}
#nav li {float:left; display:block; padding:0 4px 0; position:relative; background:url('divider.png') no-repeat 0 15px;}
#nav li:first-child {background:none;}
#nav li:last-child {margin:0 0 0 9px;}
#nav a {font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#3d998d; text-transform:uppercase; text-decoration:none; font-weight:normal; display:inline-block; padding:13px 0 13px 8px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
#nav a:visited {color:#3d998d;}
#nav a:hover {color:#2b2b2b;}
#nav #active {color:#2b2b2b;}

#top-line {width:100%; height:10px; background:#2b2b2b; border-bottom:1px solid #111111; display:block;}
#header {width:100%; height:195px; display:block;}
#logo {width:389px; height:135px; background:url('logo.jpg') no-repeat; display:block; float:left; border:0; text-indent:-9999px; margin:30px 0; position:relative; left:-30px;}
#navigation {width:610px; height:40px; float:left; display:block; margin:80px 0;}
#banner-container {display:none;}
#page_1 #banner-container {width:100%; height:550px; display:block; margin:0 auto; padding:0;}
#banner {width:100%; height:550px; display:block;}
#banner-1 {width:100%; height:550px; background:url('banner-1.jpg') no-repeat top center; display:block; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#banner-2 {width:100%; height:550px; background:url('banner-2.jpg') no-repeat top center; display:block; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#banner-3 {width:100%; height:550px; background:url('banner-3.jpg') no-repeat top center; display:block; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#banner-4 {width:100%; height:550px; background:url('banner-4.jpg') no-repeat top center; display:block; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#image-links {display:none;}
#page_1 #image-links {width:100%; height:60px; background:#d2eae8; border-top:1px solid #f6f6f6; display:block; margin:0 0 40px;}
#our-services {width:244px; height:81px; background:url('our-services.png') no-repeat top left; display:block; float:left; text-indent:-9999px; margin:-10px 100px 0 0; position:relative; z-index:9999;}
#our-services:hover {background-position:bottom left;}
#digital-distribution {width:329px; height:81px; background:url('digital-distribution.png') no-repeat top left; display:block; float:left; text-indent:-9999px; margin:-10px 100px 0 0; position:relative; z-index:9999;}
#digital-distribution:hover {background-position:bottom left;} 
#concepts {width:219px; height:81px; background:url('concepts.png') no-repeat top left; display:block; float:left; text-indent:-9999px; margin:-10px 0 0; position:relative; z-index:9999;}
#concepts:hover {background-position:bottom left;}
#content {width:1000px; display:block; margin:0 auto 30px;}
.content-left {width:650px; float:left; margin:0 40px 0 0;}
.content-right {width:310px; float:left;}
.box {background:#fff; border:1px solid #e9e9e9; border-bottom:2px solid #e9e9e9; padding:30px 30px 0; margin:0;}
.drop-down {display:block;}
.accordian {color:#3d998d; font-size:12px; font-style:italic; position:relative; cursor:pointer;}
.read-more {display:block; position:absolute; bottom:20px; right:20px;}
.read-more:hover {color:#2b2b2b;}
.arrow {width:30px; height:30px; background:url('arrow.png') no-repeat top left; display:block; position:absolute; bottom:10px; right:-20px; cursor:pointer;}
.arrow:hover {background-position:bottom left;}
#footer {background:#2b2b2b; padding:30px 0 10px; font-size:12px; color:#fff;}
#footer a {color:#fff; text-decoration:none;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer-left {width:500px; float:left;}
#footer-right {width:500px; float:left; text-align:right;}
#footer-left label {width:110px; float:left; color:#22867c;}
#footer-left p {line-height:1; margin:0 0 15px;}
#footer-right label { wdith:50px; float:left; color:#22867c; margin-left:200px;}
#footer h2 {font-size:20px; font-weight:300; color:#fff; text-transform:uppercase;}
#back-to-top {width:25px; height:25px; background:url('back-to-top.png') no-repeat; display:block; opacity:0.2; float:right; margin:0 0 20px;}
#back-to-top:hover {opacity:1;}
#prev {width:24px; height:51px; background:url('prev.png') no-repeat; display:block; position:absolute; z-index:99999; cursor:pointer; opacity:0.4; top:250px; left:-40px;}
#prev:hover {opacity:1;}
#next {width:24px; height:51px; background:url('next.png') no-repeat; display:block; position:absolute; z-index:99999; cursor:pointer; opacity:0.4; top:250px; right:-40px;}
#next:hover {opacity:1;}

.column-left {width:460px; margin:0 40px 0 0; float:left;}
.column-right {width:460px; margin:0 0 0 40px; float:left;}
#contact-form input {width:290px; padding:8px; float:left; background:#fff; border:1px solid #ccc; font-family:'PT Sans', Arial, sans-serif; font-size:13px; color:#424242; margin:0 0 7px;}
#contact-form textarea {width:290px; height:100px; padding:8px; float:left; display:block; background:#fff; border:1px solid #ccc; font-family:'PT Sans', Arial, sans-serif; font-size:13px; color:#424242;}
#contact-form #send-button {width:90px; padding:8px; float:right; background:#3d998d; border:0; cursor:pointer; text-transform:uppercase; margin:8px 2px 0 0; color:#fff; font-size:16px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
#contact-form #send-button:hover {background:#585858;}

.concept-left {width:306px; margin:0 40px 0 0; float:left; font-size:13px;}
.concept-center {width:306px; margin:0 40px 0 0; float:left; font-size:13px;}
.concept-right {width:306px; float:left; font-size:13px;}
.sleeve-border {border:5px solid #e9e9e9; margin:0 0 -10px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.concept-left .sleeve-border:hover, .concept-center .sleeve-border:hover, .concept-right .sleeve-border:hover {border:5px solid #3d998d;}