@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);

/*
THEME NAME: JBinc-B
THEME URI: http://www.jbinc.co.uk/
DESCRIPTION: ...and that, so they say, is how they found Marius Helmawr and Dogbit Karg :)
VERSION: 8.0
AUTHOR: <a href="http://jbinc.co.uk/">JBinc</a>
*/

/* --------------------------------------------- RESET CSS */

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; width: 100%; }
	th, td { font-weight: normal; vertical-align: top; padding: 5px 10px; }
	thead tr th, thead tr td { font-size: 1.4em; }
	th { text-align: left; }
	td { text-align: left; }

dt {font-size: 1.2em; margin: 15px 0 10px 0; }
dd { margin: 0 0 1em 1em; }

p { margin: 0 0 0.8em; line-height: 1.4em; }

h1, h2, h3, h4, h5 { margin: 5px 0 10px 0; padding: 0; line-height: normal; font-weight: 400; }
	h1 { font-size: 2em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.1em; }

blockquote { padding: 10px 20px; font-size: 1em; line-height: 1.4em; background: #ddd; margin: 0 0 10px; }
		blockquote.left {	float: left;width: 33%;	margin: 10px 20px 10px 0;}
		blockquote.right {	float: right;width: 33%;margin: 10px 0 10px 20px;}

hr { border: none 0; border-bottom: 1px solid #000; height: 1px; margin: 10px 0; clear: both; }

.large { font-size: 1.2em; }
small, .small { font-size: 0.8em; }
.sep { margin: 0 5px; }

.phone { background: url(images/icons/telephone.png) no-repeat 0 50%!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px;}
.email { background: url(images/icons/email.png) no-repeat 0 50%!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px; }
.admin { background: url(images/icons/lock.png) no-repeat 0 50%!important; padding: 3px 0 3px 22px; }
.post-edit-link { background: url(images/icons/cog.png) no-repeat 0 50%; padding: 3px 0 3px 22px; margin-left: 5px; }

a.jbinc-link { background: url(images/icons/jbinc.png) no-repeat 0 50%; padding: 3px 0 3px 18px; }

strong { font-weight: 800; color: #000; }
em { font-style: italic; }

ol, ul { margin: 10px; }
ul li { list-style-type: square; list-style-position: inside; margin: 0; padding: 0 0 15px 0; }
ul.inline li, ol.inline li { display: inline; padding-right: 10px; }


/* cforms II - linklove removal */
.linklove { display: none; }

/* jquery innerfade - styling */
ul.fade { list-style: none; padding: 0; margin: 0; }
	ul.fade li { }

/* Page image borders */
.alignnone, .alignleft, .aligncenter, .alignright, div.alignnone img,  div.alignleft img, div.alignright img, div.aligncenter img { border: 2px solid #036;}
	div.alignnone, div.alignleft, div.alignright, div.aligncenter {	border: 0!important;}
 
.alignleft { margin: 0 10px 10px 0;float: left;}
.aligncenter { margin-left: auto; margin-right: auto;}
.alignright { margin: 0 0 10px 10px;float: right;}

.noborder { border: 0; }

p.wp-caption-text { font-size: 0.8em; font-style: italic; margin: 0; padding: 0;	text-align: center; }

.clear { clear: both; }

sup, sub { font-size: 0.7em; }

/* --------------------------------------------------------------------------------------- END RESET */

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	line-height: 1.8em;
	background: #036 url(images/bg-body.gif);
	color: #fff;
	padding: 0;
}

a {
	color: #09c;
	text-decoration: none;
}
	a:hover {
		color: #069;
		text-decoration: underline;
	}

a.button {
	padding: 5px 15px;
	background: #111;
	border: 1px solid #111;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
	a.button:hover {
		color: #fff;
	}

h1, h2, h3, h4, h5, dt {
	color: #036;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
	h1, h2, h3, dt { font-weight: 900; }
	h4, h5 { font-weight: normal; }

#header, #content, #footer {
	width: 960px;
	margin: 0 auto;
}
	#header a:hover, #footer a:hover { color: #fff; }

#header {
	padding: 10px 0 0;
}

div.contact-details {
	float: right;
	width: 370px;
	background: #111;
	padding: 5px 10px;
	text-align: center;
	font-weight: 600;
	color: #fff;
	margin: 20px 0 0;
	border: 1px solid #111;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
	div.contact-details h3 { margin: 0; padding: 0 0 4px; color: #fff; border-bottom: 1px solid #fff; }
	div.contact-details ul { margin: 10px 0 5px; padding: 0; }
	div.contact-details ul li {
		display: inline;
		list-style: none;
		margin: 0 10px;
	}

#blog-title {
	background: url(images/bg-header.png) no-repeat;
	font-size: 3em;
	width: 200px;
	height: 75px;
	float: left;
	display: block;
	padding: 10px 0 0 80px;
	margin: 0;
}
	#blog-title a {
		font-weight: 800;
		color: #fff;
		text-shadow: #000 0px 2px 3px;
	}
		#blog-title a:hover {
			text-decoration: none;
		}

#blog-description {
	margin: 0 0 5px;
	padding: 0;
	float: left;
	width: 500px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	position: relative;
	top: 10px;
}

.header-nav {
	clear: both;
}
	.header-nav ul {
		width: 960px;
		padding: 0;
		margin: 10px 0;
			text-align: right;
	}
		.header-nav ul li {
			display: inline;
			list-style: none;
		}
			.header-nav ul li a {
				padding: 5px 15px;
				background-color: #111;
				text-decoration: none;
				margin: 0 0 10px 10px;
				border: 1px solid #111;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
			}
				.header-nav ul li a:hover, .header-nav ul li.current_page_item a {
					text-decoration: none;
					background: #fff;
					border: 1px solid #fff;
					color: #09c!important;
				}

#container {
	overflow: hidden;
	clear: both;
	background: #eee url(images/bg-container.gif);
	color: #222;
	font-size: 1.1em;
	padding: 10px 0;
}

ul.nav-children {
	padding: 10px;
	margin: 10px 0;
	background: #111;
	color: #fff;
	border: 1px solid #111;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-align: center;
}
	ul.nav-children li {
		list-style: none;
		display: inline;
		padding-right: 20px;
		font-size: 1em;
	}
		ul.nav-children li.current_page_item a { color: #fff; }
		ul.nav-children li a:hover { color: #fff; }

#content {}

.post {
	padding: 0 0 10px;
}

.post-title {}
	.post-title a {}

.post-meta {}
.post-content {}

ul#portfolio { padding: 0; margin: 10px 0; }
	ul#portfolio li {
		display: block;
		float: left;
		width: 302px;
		list-style: none;
		margin: 0 10px 10px 0;
		padding: 4px 4px 3px 4px;
		text-align: center;
		font-size: 0.8em;
		background: #036;
		color: #fff;
	}
		ul#portfolio li a {
			border: 1px solid #003;
			width: 300px;
			height: 125px;
			overflow: hidden;
			display: block;
			padding: 0;
			margin: 0 0 3px;
		}
			ul#portfolio li a:hover { 
			}

.navleft, .navright {
	display: block;
	width: 350px;
	margin: 0 0 10px;
	font-size: 0.8em;
}
	.navleft {
		float: left;
		text-align: left;
	}
	.navright {
		float: right;
		text-align: right;
	}
	
table.pricing-services tr td {
	width: 30%;
}
	table.pricing-services tr td ul {
		margin: 10px 0 20px;
		padding: 10px;
		background: #ddd;
		box-shadow: 0 1px 4px #999;
		-webkit-box-shadow: 0 1px 4px #999;
		-moz-box-shadow: 0 1px 4px #999;
	}

/* Homepage formatting - 2 column */
ul.latest {
	width: 310px;
	float: right;
	margin: 30px 0 0 0;
	padding: 0;
	
}
	ul.latest li { list-style: none; }
		ul.latest li img {
			border: 5px solid #036;
			margin: 0 auto;
		}

div#post-2 {
	width: 600px;
	float: left;
}

div#post-2 h3, div#post-2 h4 {
	display: block;
	background: #036 url(images/bg-arrow-right.gif) no-repeat 100% 50%;
	padding: 5px 10px;
	margin: 20px 0 5px;
	color: #fff;
	text-shadow: #000 0px 2px 3px;
	clear: both;
}

#sidebar {
	float: left;
	width: 200px;
}
	.sidepanel {
		margin-bottom: 10px;
	}
		.sidepanel h3 {
		}
		.sidepanel p {
		}
			.sidepanel ul li {
				margin: 0 0 10px;
			}
				.sidepanel ul li a {
				}
					.sidepanel ul li a:hover  {
					}

#footer {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	padding: 10px 0;
}

.menu {
	clear: both;
	margin: 10px 0 0;
	padding: 0px;
}
	.menu ul {
		margin: 0;
		padding: 0px 0 3px 0px;
		text-align: center;
	}
		.menu ul li {
			background: none;
			display: inline;
			margin: 0;
			padding: 0;
			font-size: 1.2em;
		}
			.menu ul li a {
				padding: 5px;
				margin: 0 5px;
				text-decoration: none;
			}
				.menu ul li a:hover, .header-nav ul li.current_page_item a {
					text-decoration: none;
				}


/* Contact Form 7 CSS */
div.wpcf7 form {
	width: 500px;
	margin: 0 auto;
}

div.wpcf7 form p {
	clear: both;
}

.wpcf7 form input, .wpcf7 form textarea { 
	width: 280px;
	padding: 6px;
	outline: 0;
	font: normal 16px/100% Arial, Helvetica, sans-serif;
}

.wpcf7 form input, .wpcf7 form textarea, .wpcf7 form img { 
	border: 1px solid #999;
	margin: 0 0 10px 10px;
	background-color: #fff;
	float: right;;
}

.wpcf7 form select {
	border: 1px solid #999;
	margin: 0 0 10px 10px;
	background-color: #fff;
	float: right;
	padding: 3px;
}

.wpcf7 form textarea {
	height: 100px;
	line-height: 150%;
	}

.wpcf7 form input:hover, .wpcf7 form textarea:hover,
.wpcf7 form input:focus, .wpcf7 form textarea:focus { 
	}

.wpcf7 form label { 
	color: #777;
	vertical-align: top;
	line-height: 30px;
	}
.wpcf7 form .submit { text-align: center; }
.wpcf7 form .submit input {
	text-align: center;
	width: 100px;
	padding: 9px 15px;
	border: 0;
	cursor: pointer;
	background: #111;
	color: #09c;
	float: none;
	border: 1px solid #111;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-size: 0.8em;
}
	.wpcf7 form .submit input:hover {
		background: #000;
		color: #fff;
	}
	
.wpcf7-validates-as-required {
	background-image: url(images/icons/star.png);
	background-repeat: no-repeat; 
	background-position: 96% 9px;
}
	p.wpcf7-validates-as-required {
		background: url(images/icons/star.png) no-repeat 0 50%;
		padding: 0 0 0 26px;
	}