/*
Theme Name: Jonathan Harris V4
Theme URI: .uk
Description: This site was designed specially for this site.
Version: 4.0
Author: Jonathan Harris
Author URI: http://jonathandavidharris.co.uk
Tags: blue, custom header, fixed width, two columns, widgets
*/



@import url("style/css/css3.css");
@import url("style/css/font/font.css");
html{
	direction:ltr;
	unicode-bidi:embed;
}
html,body{
	margin: 0px;
	padding: 0;
	font-family: "Myriad Pro","Calibri",GillSans,"Trebuchet MS",Trebuchet,Arial,Helvetica,Sans-Serif;
	letter-spacing: 1px;


}
.centering{
	width: 960px;
	margin: auto;
}
.centering *{
	max-width: 960px;	
}
html,body,#footer{
	background: #222;
}

a,a:link, a:visited{
	color:#498929;
	text-decoration: none;
	border: 0px none;
	outline: none;
}
a:hover{
	color: #8e2664;
}

a img{
	border: 0px none;
	text-decoration: none;
	outline: none;
}
img { 
	vertical-align: middle; 
}
table { 
	border-collapse: collapse; 
}
td,th{
	text-align: left;
	vertical-align:top;
	
}
.clear{
	clear: both;
}
.floatleft{
	float: left;	
}
.floatright{
	float: right;	
}
#form{
	width: 440px;	
}
#contact-info{
	width: 500px;	
}
.port-title h3{
	margin: 0px;
}
.single h2{
	margin: 0px;
}
.large,.nextpage a,.wp-pagenavi .current {
	font-size:14px;
	line-height:24px;
	padding:0 10px;
}
.button,.wp-pagenavi .current,.nextpage a {
	color:#FFFFFF !important;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	overflow:visible;
	position:relative;
	text-decoration:none;
	width:auto;
}
.button:hover,.nextpage a:hover {
	background-color: #222 !important;
}
.wall-of-buttons a.button,.nextpage a,.wp-pagenavi .current{ 
	display: inline-block; 
	margin: 0 10px 9px 0; 
} 
input.button{
	border: 0px none;
	padding: 5px 10px;
}
.highlighttext{
	color: #ffffff;
	float: left;
	width: 560px;
}
.meta-1{
	float: left;
	padding-top: 5px;
}
.meta-2{
	float: right;
}
.meta-text{
	overflow: hidden;
	margin: 10px 0px;
	width: 922px;
	padding: 12px 15px;
	border: 1px solid #999;
	background: #ccc;
	//background: url('style/images/metaback.png') no-repeat center center;
}
.meta-des{
	width: 950px;
	padding: 0px 5px;
	text-align:justify;

}
.single-pic a img{
	padding: 10px;
	-moz-border-radius: 0.6em;
	border: 1px solid #ccc;
}
.portfolio h2{
	font-size: 30px;
	margin: 0px 0px 10px;	
}
.polaroids{
	float: right;
	width: 210px;	
}
.polaroids a {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#333333;
	display:block;
	float:left;
	font-family:"Marker Felt",sans-serif;
	font-size:18px;
	margin:0 0 27px 30px;
	padding:10px 10px 15px;
	text-align:center;
	text-decoration:none;
	width:auto;
}	
.polaroids a img{
	display:block;
	margin-bottom:12px;
	width:190px;
}
.example-pic{
	width: 310px;
	float: right;
	padding: 0px 40px;
}
.aboutdetail{
	float: left;
	width: 450px;
	padding-right: 50px;
}
.servicedetail{
	float: right;
	width: 450px;
}
#content{
	background: #fff;
}
#highlight{
	background-image: url("style/images/green1.png");
	background-repeat: repeat-x;
	background-position: right bottom;
	background-color: #51A649;
	padding: 20px 0px 0px;
	height:168px;
	border-bottom: 10px solid #fff;
}
.col{
	float: left;
	width: 145px;
	padding-right: 10px;
}
.col ul,.col li{
	margin: 0px;
	padding: 0;
}
h1{
	display: inline;
	line-height: 100px;
}
h1 a{
	//background-image:url("style/images/Title.png");
	background-repeat: no-repeat;
	background-position:  0 0;
	background-color: transparent;
	display:block;
	height:30px;
	line-height:100px;
	margin:0px;
	//text-indent:-99999px;
	width:320px;
	font-size: 39px;
	color: #ffffff !important;
}
h1 a:hover{
	background-position: 0px -33px;
	color:#498929  !important;
}
h1 a:active{
	background-position: 0 -65px;
	color: red  !important;
}
h2{

}
h3{
	text-transform:capitalize;
	margin: 10px 0px 5px;
	
}
h5{
	margin: 0px;
	font-size: 1.3em;
}
#header{
	height: 100px;
}
#headertext{
	float: left;
}
.highlighttext h2,.highlighttext p{
	margin: 5px 0px 15px;	
}
.highlighttext p{
	font-size:1.05em;
	letter-spacing:0.6px;
	line-height:1.4em;
}

.example-pic img{
	width: 306px;
	height: 168px;
	
}
#content a{
	font-weight:600;	
}
#content ul{
	margin: 10px 0px;
	padding: 0px 0px 0px 20px;	
}
#content ul li{
	list-style: none;
	padding-left: 20px;
	background: url('style/images/bullet_right.png') no-repeat;	
}
#navigation ul{	
	margin: 0px;
	padding: 0; 
	letter-spacing: 0.1em;
	display: block;
	float: right; 
	font-size: 12px;
	
	
}
#navigation li {	
	float:left;	list-style-type:none;
	border: 0px solid;
	white-space:nowrap;
	padding: 35px 0em;
	font-size:1.05em;
}
#navigation li.page_item a, #navigation li.current_page_item a{
	display:block;	
	padding: 3px 20px;
	color: #fff;
	font-weight:bold; font-family: arial;
	text-transform: capitalize;
	text-decoration:none;
}
#navigation li a:hover{
	color: #51A649;
}
/*
#navigation li {	
	padding:35px 0.6em 0px;
}
#navigation li.page_item a{	
	padding:12px 25px 38px;
}
#navigation li a:hover{
	background: #51A649;
	color: #000;
}
#navigation li a:active{
	top: 8px;
}

.avoutme{float: left;}
*/

/* About page */
.about-page h2{
	margin: 0px;
}
/* Contact page */

dl{
	margin: 0px 5px;
	clear: both;
}
dt{
	width: 90px;
	padding-right: 10px;
	float: left;
	line-height: 35px;
	text-align: right;
}
dd{
	margin: 0px;
	font-size: 1.1em;
	float: left;
	width: 330px;
}

dd input,dd textarea{
	font-size: 1.1em;
	padding: 5px 10px;
    background-color: #faf9f4;
    border: 1px solid #acaca4;
    margin-bottom: 15px;
    width: 300px;
}
dd textarea{
	min-height: 130px;
	padding: 10px;
}

/* Table */
.table{
	width: 960px;
	overflow: hidden;
}
.row{
	margin-bottom: 10px;
}
.cell-1{
	width: 450px;
	padding-right: 20px;
	float: left;
}
.cell-2{
	width: 450px;
	padding-right: 20px;
	float: left;
	position:relative;
}
.port-pic a{
	top: 0px;	
}
.port-pic{
	border:1px solid #CCCCCC;
	margin:5px 0;
	padding:8px;
}
.port-pic img{
	height: 150px;
	width: 430px;
}
.port-pic span{
	display: none;

}
.fancy-pic:hover img{
	position: absolute;
	z-index: 1;
	
}
.fancy-pic:hover span.overlay{
	height: 150px;
	width: 430px;
	position: relative;
	z-index: 2;
	display: block;
	background: #333;
}
.fancy-pic:hover span.overlay span{
	color:#FFFFFF;
	display:block;
	left:135px;
	padding:2px 7px;
	position:relative;
	text-align:center;
	top:60px;
	width:160px;
	font-size: 21px;
}
.fancy-pic:hover span.overlay span strong{
	background:none repeat scroll 0 0 #FFFFFF;
	color:#333333;
	font-size:18px;
	line-height:1.3em;
	margin:0 0 0 2px;
	padding:3px 4px 1px;

}
.port-des{
	text-align:justify;
	width:460px;
	display: none;
}

.cell-pic{
	float: left;
	width: 100px;
}
.cell-pic a:active,.cell-pic a:focus{
	top: 0px;
}
.cell-pic img{
	width: 80px;
	padding: 0px 10px;
	float: left;
}
.cell-des{
	width: 350px;
	float: right;
}
.cell-des h3{
	margin: 0px;
}
.cell-des p{
	margin: 3px 0px;
}
.upstars{
	position:relative;
	top: -3px;
}
.linkspanel{ 
	background: #000; 
	color: #fff; 
	font-size: 1em; 
	padding: 6px 45px; 
	font-family:"Trebuchet MS",helvetica,sans-serif; 
	font-size: 0.9em; 
}
.linkspanel h5{
	font-size: 1.2em;
	margin: 3px 0px 5px 2px;	
}
.linkspanel	.projects a img{
	border: 1px solid grey;
}
.linkspanel .projects a img{
	width: 115px;
	margin: 1px 5px;
	height: 85px;	
}

.projects li {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:	6px 5px 0px 0px;
	padding: 0px;
}
.projects{
	margin: 0px;
	padding: 0;
}

.linkspanel .projects a img {
	height:85px;
	margin:1px 3px;
	width:115px;
}

.linkspanel .projects a img {
	border:1px solid grey;
}

.thumb a img, .taggedlink img {
	opacity:1;
}
.slide.thumb a img{
	width: 115px;	
}
.pannels{
	width: 492px;
	float: right;
}
#links{
	padding-right:30px;
	position:relative;
	text-align:right;
	top:8px;
	z-index:1;		
}
#links img{
	position:relative;
	height: auto;
}
.links a img:hover{
	top: -5px;	
}
#footer{
	overflow: hidden;
	color: #ffffff;
	position:relative;
	z-index: 2;	
	padding: 28px 0px;
}
#footer a,#footer a:focus{
	color: #fff;
}
#footer a:hover{
	color: #498929;
}
#footer a:active{
	color: red;
}
#s{
	background: transparent url('style/images/searchform-back-1.png') no-repeat left top;
	width: 180px;
	height: 22px;
	padding-left: 22px;
	padding-top: 2px; 
	border: none 0px;
}
#searchsubmit,.screen-reader-text,.nodisplay{
	display: none;	
}
.col ul{
	list-style: none;
	padding: 0px;
	margin: 5px 0px;
}
.main_content{
	padding: 20px;
	min-height: 50px;
}

#skipper {
	display:block; 
	position:fixed;
	font-weight: bold; 
	overflow: hidden; 
	z-index: 1;
	background: transparent;
	padding: 0.4em 0; 
	margin-bottom: 5px;
	text-indent: -99999px;
	width: 100%;
}

#skipper:focus {
	text-indent: 3em; 
	background: #555; 
	color: #fff;
	z-index: 3;
}
.searchresult{
	margin:10px 0 5px;
	width:750px;
}
.searchresult .result-image {
	float:left;
	padding-top:5px;
	width:175px;
}
.searchresult .result-image img {
	height:105px;
	width:160px;
}

.website{
	background: url('led-icons/page_code.png') no-repeat top right;
}
.script{
	background: url('led-icons/page_white_wrench.png') no-repeat top right;
}
.searchresult h2{
	margin: 0px 0 5px 0px;
}
.searchresult h2 a{
	color: #000;
	font-weight: bold;
}
.searchresult h2 a:hover{
	color:#498929;
}
.searchresult p{
	margin: 3px 0px 3px;
}
.searchresult .moreinfo{
	font-size: 0.85em;
	margin: 3px;
}
.moreinfo a.more{
	color:#7777CC;
}
.moreinfo a:hover{
	font-weight: bold;
}
.searchtitle{
	font-size: 28px;
	color: #333;
}
.searchtitle span{
	font-style: italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #888;
}	
.search-no{
	margin: 20px 0px;
}
.search-no .box{
	border:1px solid #aaa;
	color:#484848;
	font-size:21px;
	margin:0 !important;
	padding: 9px;
	width: 40%;
	height: 25px;
}
.search-no .submit{
	background:none repeat scroll 0 0 #555;
	border:2px solid #555;
	color:#ccc;
	font-size:21px;
	height: 45px;
	padding:7px 20px;
	text-transform:capitalize;
}

.single .corner{
	display: none;
}
.single .mainimage{
	position: inherit;
}

.featured.mainimage{
	position: relative;
}
.featured .corner{
	background:url("style/images/featured.png") repeat scroll 0 0 transparent;
	height:64px;
	left:895px;
	position:absolute;
	top:-4px;
	width:64px;
	display: block;
}
.contact-icon{
	font-size:1.5em;
	line-height:2em;	
	padding:4px 40px; 
	color: #000;	
}
#email{
	background:url('icons/email.png') no-repeat scroll left top transparent;
}
#skype{
	background:url('icons/skype.png') no-repeat scroll left top transparent;
}
#facebook{
	background:url('icons/facebook.png') no-repeat scroll left top transparent;
}
#zoom{
	z-index: 10000;	
}
.text{
	display: block;
	background: transparent;

	padding: 3px 8px;	
}
.tip{
	border-color: transparent transparent transparent;
	border-style:solid;
	border-width:8px 8px 0;
	float:left;
	height:0;
	margin:0px 20px;
	width:1px;
}
.page-item-5 .tip{
	margin: 0px 25px;	
}
.page-item-556 .tip,.page-item-6 .tip{
	margin: 0px 30px;	
}
#menus li > a:hover{
	color: #000;
}
#menus li a:hover > .text,#menus li a:focus > .text{
	background: #fff;
	color: #000;
}
#menus li a:hover > .tip, #menus li a:focus > .tip{

		border-color:#fff transparent transparent;
}

.button2 {
	height:22px;
	font-size:10px;
	background-color:#444;
	padding:0 18px;
	line-height:20px;
	height:20px;
	color:#ccc;
	border-width:1px;
	border-style:solid;
}
.demobut{
	padding: 3px 10px;	
}