/*
Theme Name: Sharkfin
Theme URI: https://www.sharkfinmedia.com/
Description:  A new wordpress theme from <a href="https://www.sharkfinmedia.com" target="_blank">Sharkfin Media</a>
Version: 1.0
Author: Sharkfin Media Ltd
Author URI: https://www.sharkfinmedia.com
Tags: Sharkfin Media Ltd, valid CSS, valid XHTML, right sidebar, ie6, ie7, firefox 2.0, opera 9.0
*/

body, html {
	margin:0;
	padding:0;
	font-family:Century Gothic, Muli, Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:normal;
	text-align:justify;
	font-size:18px;
	line-height:170%;
	background:#fff
}
img {
	border-style: none;
}
h1, h2, h3 {
	font-weight:bold;
	color:#363;
	line-height:110%
}
h1 {
	font-size:36px
}
a {
	color:#363
}
table {
    background-image: url(https://colraine.co.uk/wp-content/uploads/2015/09/green-01.png);
    background-repeat: repeat-y; font-size:14px; color:#FFF
}
table a { color:#FFF
}
td { height: 40px; }
h3.widget-title {
	font-size:24px;
	padding:15px 0px;
	margin:0px;
	padding-bottom:8px
}
h2 {
	font-size:28px
}
h3 {
	font-size:16px;
	padding-top:10px
}
#bar-container {
	display: table;
	width: 100%;
	margin: 0 auto;
	background:#363;
	padding:20px 0px; padding-bottom:0px
}
#bar-holder {
	display: table;
	width: 960px;
	margin: 0 auto
}
#bar {
	display: table;
	width:960px; text-align:left; color:#fff; font-size:53px; height: 60px
}
#bar a {
	color:#fff; font-size:16px
}
#top-left {
	float:left;
	width:470px;
}
#top-right {
	float:right;
	text-align:right;
	font-size:18px;
	width:430px;
	padding-left:60px
}

#menu-container {
	width: 100%;
	margin: 0 auto;
	height:56px;
	background:#ccc;
}
#menu-holder {
	display: block;
	width: 960px;
	margin: 0 auto;
}
#menu {
	width:960px;
	height:47px;
	padding-top:11px;
	position:relative;
	left:-40px
}
#menu-right {
	float:right;
	text-align:right;
	position:relative;
	left:40px
}
#image-wrapper {
	display:table;
	width:100%;
	height:500px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF
}
#image-left {
	display:table-cell;
	background:url(left1.jpg);
	background-position:right
}
#image-right {
	display:table-cell;
	background-color:black;
	background:url(right1.jpg)
}
#image-middle {
	display:table-cell;
	width:960px;
	background:url(middle1.jpg);
	color:#FFF;
	text-align:left;
}
#black {
	background:rgba(0,0,0,.57);
	margin-top:460px;
	height:95px;
	font-size:24px;
	color:#FFF;
	padding-top:15px;
	line-height:160%
}

#main-container {
	width: 100%;
	margin: 0 auto;
	background-repeat:no-repeat
}
#main-holder {
	display: table;
	width: 960px;
	margin: 0 auto
}
#main {
	display: table;
	width:960px;
	padding:20px 0px;
	padding-bottom:30px
}
#box {
	width:220px;
	height:187px;
	border-top:1px solid #fff;
	background:#363;
	padding:0px 30px;
	color:#FFF;
	text-align:left
}
#box h2 {
	color:#FFF
}
#box a {
	color:#FFF;
	text-decoration:none
}
#leftdouble {
	float:left;
	width:610px;
	display:table;
	padding-right:48px;
	margin-bottom:40px
}
#sidebar {
	float:right;
	width:302px;
	display:table;
	margin-bottom:40px
}
#home-button {
	background:#363;
	height:40px;
	margin-top:249px;
	padding-top:10px;
	color:#FFF;
	text-align:center;
	border-top:#fff solid 1px;
}#home-button a {
	color:#FFF; text-decoration:none
}
#sidebar a {
	color:#34322d
}
#left {
	float:left;
	padding-right:60px; width:450px
}
#right {
	float:left; width:450px
}
#button {
	float:left;
	width:260px;
	height:360px;
	padding:0px 20px;
	color:#FFF;
	background:#3077ee;
	border:1px solid #FFF;
	border-top:0px solid #FFF;
	margin-right:20px;
	line-height:160%;
	text-align:left
}
#button h2 {
	color:#FFF;
}
#button a {
	color:#FFF
}
#footer-container {
	display: table;
	color:#FFF;
	width: 100%;
	margin: 0 auto;
	text-align:left;
	background:#363;
	border-top:1px solid #FFF;
	margin-top:0px
}
#footer-holder {
	display: table;
	width: 960px;
	margin: 0 auto
}
#footer {
	display: table;
	width:960px;
	padding:20px 0px;
}
#footer h1 {
	color:#fff;
	font-weight:bold
}
#footer h2 {
	color:#fff;
	font-weight:bold
}
#footer a {
	color:#fff
}
input, textarea {
	font-family:Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px
}
textarea {
	width:370px;
	border:1px solid rgba(0, 0, 0, 0.2)
}
input[type=text] {
	padding:4px 10px;
	border:none;
	width:370px;
	border:1px solid rgba(0, 0, 0, 0.2)
}
input[type=textarea], textarea {
	padding:4px 10px;
	border:none;
	width:370px;
	height:300px;
	border:1px solid rgba(0, 0, 0, 0.2)
}
input[type=email] {
	padding:4px 10px;
	border:none;
	width:370px;
	border:1px solid rgba(0, 0, 0, 0.2)
}
input[type=tel] {
	padding:4px 10px;
	border:none;
	width:370px;
	border:1px solid rgba(0, 0, 0, 0.2)
}
input.search {
	width: 200px;
	height:20px;
	border:none;
	padding:4px
}
input.arrow-right {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 0 13px 20px;
	border-color: transparent transparent transparent #ccc;
	background:#363;
	margin-left:10px;
	cursor:pointer
}
input.arrow-right:hover {
	border-color: transparent transparent transparent #fff;
	transition:border-color .24s linear, border-color .24s linear;
}
#sharkfin {
	color:#ccc;
	font-size:12px;
	text-align:center;
	padding:0px;
	margin:0px;
	clear:both;
	background-color:#000
}
#sharkfin a {
	color:#ccc;
	font-weight:bold;
	text-decoration:none
}
div.facebook-button {
	border-radius:17px;
	background:#363;
	width:22px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#FFF;
	padding-left:12px;
	padding-top:3px;
	float:left;
	text-align:left
}
div.facebook-button a {
	text-decoration:none;
	color:#FFF;
}
div.facebook-button:hover {
	background:#666;
	transition:color .24s linear, background .24s linear;
}
div.twitter-button {
	border-radius:17px;
	background:#fff;
	width:22px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#333;
	padding-left:12px;
	padding-top:3px;
	float:left;
	margin-right:10px;
	text-align:left
}
div.twitter-button a {
	text-decoration:none;
	color:#fff
}
div.twitter-button:hover {
	background:#666; color:#FFF;
	transition:color .24s linear, background .24s linear;
}
div.linkedin-button {
	border-radius:17px;
	background:#363;
	width:26px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:23px;
	color:#FFF;
	padding-left:8px;
	padding-top:3px;
	float:left;
	margin-right:10px;
	text-align:left
}
div.linkedin-button a {
	text-decoration:none;
	color:#FFF;
}
div.linkedin-button:hover {
	background:#ccc;
	transition:color .24s linear, background .24s linear;
}
div.youtube-button {
	background:url(you-tube.png);
	float:left;
	width:74px;
	height:31px
}
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:2em;
	font-weight:normal;
	font-size:17px;
	z-index:50;
	text-align:left
}
#dropmenu a {
	display:block;
	padding:0px 0px 0px 25px;
	margin-right:0px;
	color:#333;
	text-decoration:none;
	background-color:#ccc;
}
#dropmenu a:hover {
	background-color:#ccc;
	color:#363;
}
#dropmenu li {
	float:left;
	position:relative;
}
#dropmenu li.current_page_item a {
	text-decoration:none;
	color:#363;
	background:#ccc;
	font-weight:bold
}
#dropmenu ul {
	position:absolute;
	display:none;
	width:16em;
	top:2em;
}
#dropmenu li ul a {
	width:16em;
	height:auto;
	float:left;
}
#dropmenu ul ul {
	top:auto;
}
#dropmenu li ul ul {
	left:16em;
	margin:0px 0px 0px 20px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}