/*

Theme Name: KNP Marine
Description: The official KNP Marine theme.
Author: IK Design
Template: ikdesign
Version: 1.1

*/

/* Import Reset CSS */

@import url("../ikdesign/reset.css");

/* Import Base CSS */

@import url("../ikdesign/style.css");

/* HTML Elements */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background:none;
}

html{
	height:100%;
	margin:0;
	padding:0;
}

h1{ font-size:32px; color:#075cbd; }
h2{ font-size:18px; color:#075cbd; }
h3{ font-size:16px; color:#075cbd; }
h4{ font-size:14px; color:#075cbd; }

a{ color:#227cbb; text-decoration:none; }
a:hover{ color:#1A5077; text-decoration:underline; }

hr{ border-style:solid; border-color:#CECECE; border-left:none; border-right:none; border-bottom:none; margin:15px 0; display:block; clear:both; }

p{ color:#333; }

/* GENERAL */
#top-bar{
	width:100%;
	height:42px;
	background:url('images/top-bar.png') repeat-x left top;
}

#top-bar-constrain{
	width:960px;
	height:42px;
	margin:0 auto;
	position:relative;
}

#navigation{ border:none; }
#navigation ul{ margin:0; padding:0; border:none; }
#navigation li{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
#navigation li a{
	margin:0 2px 0 0;
	padding:13px 14px 8px 13px;
	border:none;
	color:#FFF;
	font-weight:bold;
}
#navigation .current_page_item a, #navigation a:hover{ background:#ffd200; color:#075cbd; }

#navigation ul ul{ border: 1px solid #003572; }
#navigation ul ul li{ margin:0; padding:0; width:200px; border:none; }
#navigation ul ul li a{
	display:block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	padding:9px 9px;
	color:#333;
	text-decoration:none;
	border:none;
	margin:0;
	font-weight:normal;
}

#were-on{
	width:214px;
	height:60px;
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	background:url('images/were-on.png') no-repeat left top;
	z-index:999;
}

#were-on-relative{
	width:231px;
	height:60px;
	position:relative;
	overflow:hidden;
}

#were-on-relative a{ 
	display:block; 
	overflow:hidden;
	position:absolute; 
	top:0; 
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;	
}

#were-on-relative a:hover{ opacity:0.4; }

.ebay{ width:64px; height:56px; background:url('images/ebay.png') no-repeat left top; right:52px; }
.gumtree{ width:50px; height:56px; background:url('images/gumtree.png') no-repeat left top; right:13px; }

#header{
	width:100%;
	height:132px;
	overflow:hidden;
	padding:0;
	margin:0;
	border:none;
	background:url('images/header-repeat.png') repeat-x left top;
}

#header-constrain{
	width:960px;
	height:132px;
	margin:0 auto;
	background:url('images/header.png') no-repeat center top;
	position:relative;
}

#logo{
	width:109px;
	height:63px;
	overflow:hidden;
	position:absolute;
	top:29px;
	left:0;
	background:url('images/knp-marine-logo.png') no-repeat left top;
	display:block;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#logo:hover{ opacity:0.8; left:5px; }

#phone{
	color:#777777;
	font-size:26px;
	position:absolute;
	top:50px;
	right:0;
}

#phone-icon{
	width:34px;
	height:34px;
	overflow:hidden;
	position:absolute;
	background:url('images/phone-icon.png') no-repeat left top;
	top:47px;
	right:178px;
}

#slideshow{
	width:100%;
	height:351px;
	background:#042c6e url('images/slider-bg.jpg') no-repeat center top;
}

#slideshow-constrain{
	width:960px;
	height:351px;
	overflow:hidden;
	margin:0 auto;
}

#slider{ margin:0; padding:0; }
#slider li{
	width:960px;
	height:351px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}

#content-container{
	width:100%;
	background:url('images/blue-gradient.png') repeat-x left top;
	padding:20px 0;
}

#content-constrain{
	width:960px;
	margin:0 auto;
}

.funnel{
	width:310px;
	float:left;
	margin-right:15px;
}	

.funnel-image{
	width:310px;
	height:138px;
	overflow:hidden;
}

.funnel img{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.funnel img:hover{ opacity:0.7; }

.funnel h2{ margin:0; padding:0; }
.funnel h2 a{
	display:block;
	padding:15px 0 10px 0;
	font-size:20px;
	text-transform:uppercase;
	color:#075cbd;
	text-decoration:none;
	text-align:center;
}
.funnel h2 a:hover{ text-decoration:underline; }

.funnel p{
	font-size:13px;
	padding:0;
	text-align:center;
	line-height:1.5em;
	width:300px;
	margin:0 auto;
}

.funnel p a{
	color:#075cbd;
	font-weight:bold;
}

#contact-strip{
	width:960px;
	height:35px;
	display:block;
	overflow:hidden;
	background:url('images/contact-strip.png') no-repeat left top;
	margin:25px 0;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#contact-strip:hover{ opacity:0.7; }

#home-left{
	width:690px;
	float:left;
}

#home-left h1{
	font-size:22px;
	color:#075cbd;
	margin:0;
	padding:0 0 10px 0;
}

#home-right h2{
	font-size:22px;
	color:#075cbd;
	margin:0;
	padding:0 0 10px 0;
}

.styled-button{
	background:#055dc2;
	display:inline-block;
	padding:5px 11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	border:1px solid #003572;
}

.styled-button:hover{ opacity:0.7; text-decoration:none; color:#FFF; }

#workbook-preview{
	width:246px;
	height:268px;
	overflow:hidden;
	display:block;
	background:url('images/workbook-preview-2019.jpg') no-repeat left top;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#workbook-preview:hover{ opacity:0.7; }

#download-workbook{
	background:#055dc2;
	display:block;
	padding:11px 11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:10px 0 0 0;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	border:1px solid #003572;
}

#download-workbook:hover{ opacity:0.7; }

#home-right{
	width:246px;
	float:right;
}

#brand-scroller{
	width:960px;
	height:59px;
	overflow:hidden;
	padding: 18px 0 0 0;
}

#brand-scroller ul{ margin:0; padding:0; }
#brand-scroller li{
	width:182px;
	height:59px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#footer{
	width:100%;
	height:316px;
	margin:0;
	padding:0;
	border:none;
	background:url('images/footer-repeat.png') repeat-x left top;
}

#footer-bg{
	width:100%;
	height:316px;
	background:url('images/footer.jpg') no-repeat center top;
}

#footer-constrain{
	width:968px;
	height:316px;
	margin:0 auto;
	padding:0;
	background:url('images/footer-template.jpg') no-repeat left top;
	position:relative;
}

#footer .footer-contact-info{
	color:#FFF;
	font-size:13px;
	position:absolute;
	left:34px;
	line-height:1.3em;
}

#footer .footer-contact-info a{ color:#FFF; text-decoration:none; }
#footer .footer-contact-info a:hover{ text-decoration:underline; }

#footer .footer-address{ top:172px; }
#footer .footer-phone{ top:219px; }
#footer .footer-contact{ top:249px; }

#footer .quick-links{
	position:absolute;
	top:40px;
	left:269px;
	color:#ffd200;
	text-shadow:0 1px 0 #000;
	font-size:16px;
	font-weight:bold;
}

#footer-menu{
	position:absolute;
	left:257px;
	top:66px;
}

#footer #footer-menu ul{ margin:0; padding:0; }
#footer #footer-menu ul ul{ display:none; }

#footer #footer-menu ul li {
	float: left;
	border: none;
	padding: 0;
}

#footer #footer-menu a {
	color: #FFF;
	font-size: 14px;
	border-right: 1px solid #9cd5ff;
	padding: 0 11px;
	font-weight:bold;
}

#footer #footer-menu a:hover{ text-decoration:underline; }

#footer-credit{
	position:absolute;
	bottom:5px;
	right:14px;
	color:#367db2;
	font-size:12px;
	padding:4px 0 4px 20px;
}

#footer #footer-credit a{ color:#367db2; }
#footer #footer-credit a:hover{ text-decoration:underline; color:#FFF; }

#footer-copyright{
	position:absolute;
	left:279px;
	bottom:9px;
	font-size:12px;
	color:#367db2;
}

#footer #footer-copyright a{ color:#367db2; }
#footer #footer-copyright a:hover{ text-decoration:underline; color:#FFF; }

/* ALIGNMENT */

p img {
    max-width: 100%;
    padding: 0;
}
img.centered, img.aligncenter {
    display: block;
    margin: 0 auto;
    overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

img.alignright, .attachment-post-thumbnail {
    display: inline;
    margin: 2px 0 10px 10px;
    padding: 4px;
}
img.alignleft {
    display: inline;
    margin: 2px 7px 2px 0;
    padding: 4px;
}
.alignright, .attachment-post-thumbnail {
    float: right;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.alignleft {
    float: left;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.left{
	float:left;
}

.right{
	float:right;
}

.center{
	margin:20px auto 0 auto;
}

.size-full{
	padding:10px;
	border:1px solid #999;
	background:#FFF;
}

.attachment-post-thumbnail{
	padding:4px;
	background:#FFF;
	border:1px solid #999;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#column-left .next a{ border-left:1px solid #CECECE; padding:16px 15px 16px 15px; font-size:12px; }
#column-left .previous a{ border-right:1px solid #CECECE; padding:16px 15px 16px 15px; font-size:12px; }

#post-navigation{
	border-color:#CECECE;
	background:#F2F2F2;
}

#reply{
	border-color:#CECECE;
	background:#F2F2F2;
}

#reply textarea, #reply input{
	border-color:#999;
}

#reply textarea{ width:525px; }

#reply .form-submit{
	border:none;
	background:#000;
	color:#FFF;
	cursor:pointer;
	padding:4px 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#reply .form-submit:hover{
	background:#0F616F;
}

#comments{
	border-color:#CECECE;
	background:#F2F2F2;
}

#comments .comment{ background:#FFF; border-color:#999; }

/* WPCF7 */

#enquiry{
	border-color:#CECECE;
	background:#F2F2F2;
	position:relative;
}

#enquiry input, #enquiry textarea{
	border-color:#999;
}

#enquiry textarea{ width:470px; height:160px; }

.form-input-container{ padding:0 0 10px 0; }
.form-input-container input, .form-input-container textarea{ margin-top:5px; }

#content-container .wpcf7-not-valid-tip{
	top:3px;
	left:185px;
	border:none;
	background:#D62424;
	color:#FFF;
	padding:4px 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:250px;
}

#content-container .wpcf7-response-output{
	border:none;
	background:#939393;
	color:#FFF;
	padding:6px;
	margin:20px 0 0 0;
	font-size:12px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#content-container .wpcf7-submit{
	border:none;
	background:#055dc2;
	color:#FFF;
	cursor:pointer;
	padding:6px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:14px;
	font-weight:bold;
}

#content-container .wpcf7-submit:hover{
	background:#003572;
}

.asterisk{ color:#F00; }

/* PAGINATION */

#pagination{
	padding-top:20px;
}

#pagination .pages{
	margin-left:0;
	border:none;
	background:#EDEDED;
	color:#555;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#pagination .current{
	border:none;
	background:#000;
	color:#FFF;
	font-weight:bold;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#pagination .page{
	border:none;
	background:#EDEDED;
	color:#555;
	font-weight:normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#pagination .page:hover{
	border:none;
	background:#0F616F;
	color:#FFF;
}

#pagination .nextpostslink, #pagination .previouspostslink{
	border:none;
	background:#EDEDED;
	color:#555;
	font-weight:normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#pagination .nextpostslink:hover, #pagination .previouspostslink:hover{
	background:#777;
	color:#FFF;
}
.bottom-heading {
    left: -400px;
    position: absolute;
    top: -50px;
}