/*
Theme Name: NCM
Theme URI: http://lofgren.co.uk/
Description: Wordpress theme for NCM
Version: 1.0
Author: Mats Lofgren
Author URI: http://lofgren.co.uk/
*/

body {
	font: 86%/1.5em 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;
	color:#888;
	margin:0;
	background: #f8f8f8 url(images/bg_body.png) top left repeat-x;
}

body .home {
	background: #f8f8f8 url(images/bg_body_home.png) top left repeat-x;
}

#wrapper {
	width:960px;
	padding:0 10px 10px 10px;
	margin:0 auto;
}

#header {
	width:940px;
}

#header h1 a {
	float: left;
	display: block;
	background: transparent url(images/ncm_logo.png) no-repeat scroll left top;
	width: 170px;
	height: 85px;
	margin: 33px 0 0 20px;
	padding: 0;
	text-indent: -9000px;
	border: 0;
}

#header #pagenav {
	float: right;
	margin: 33px 0 0 0;
}
				
/* Superfish - Menu Styles */
.sf-menu, .sf-menu * {z-index: 9999999 !important;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu { margin-top:20px;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.1em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-menu {float:left;margin-bottom:1em;}
.sf-menu a {padding: 10px 8px;text-decoration:none;}
.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #02583f; }
.sf-menu li {font-size:17px; margin: 0 2px;}
.sf-menu li a:hover, .sf-menu li.current_page_item {border-bottom:1px solid #ff962a;outline:0;}
.sf-menu li ul {background:#d2d2cf;border:1px solid #bbbbb8;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
.sf-menu li ul li {font-size:14px;}
.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#454545;}
.sf-menu li ul li a:hover {border:0;} /*background:#fff;*/
.sf-menu li ul li ul { background-color:#e2e2e2; border:1px solid #d1d1cc;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
.sf-menu li ul li ul li a:link,.sf-menu li ul li ul li a:visited { color:#000;}
.sf-sub-indicator { padding:0; margin:0;}

.sf-menu li.page-item-10 ul {
	display: none;
}

#container {
	clear: both;
	padding: 20px 0 0 0;
}

.feature {
	height: 270px;
	background:url(images/ncm_showcase.png) top left no-repeat;
	padding:10px 10px 0 10px;
	line-height:25px;
	margin: 25px 0 0 10px;

}

.feature .box {
	position: relative;
	z-index: 100;
	width: 550px;
	top: 75px;
	left: 140px;
}

.feature h3 a {
	color:#02583f;
	font-size:25px;
	font-weight:normal;
	margin-bottom: 5px;
	text-shadow: -1px -1px 0 #f9f9f9;
}

.feature p {
	color:#222;
	font-size:13px;
	font-weight:normal;
	line-height: 130%;
	margin-top: 8px;
}


.services {
	margin:20px 0 0 0;
	padding:0;
	width:440px;
}

.services li {
	float: left;
	width: 200px;
	min-height: 150px;
	margin: 0 20px 5px 0;
	list-style-type: none;
}

/*
.services {
	margin:20px 0 0 0;
	padding:0;
	width:660px;
}

.services li {
	float: left;
	width: 200px;
	min-height: 200px;
	margin: 0 20px 5px 0;
	list-style-type: none;
}
*/

.feature_image {
	border: 6px solid #DCDCDC;
	float: left;
	margin-right: 15px;
}

.main_image {
	border: 6px solid #DCDCDC;
	margin: 10px 10px;
}

.services h2 {
	padding: 0 0 8px 0;
}

.services h2 a {
	color: #02583f;
	font-size: 13px;
}

.services div {
	width: 200px;
	background: #fafafa;
	padding: 3px;
	border: 1px solid #d4d4d4;
}

.services p {
	padding-top: 6px;
	font-size: 0.8em;
	line-height: 130%;
}


#sidebar {	
	width:265px;
	float:right;
	padding:10px 20px 10px 10px;
	margin:0;
}

#subintro {
	margin: 15px 0 0 0;
}

#subintro .newsbox {
	width: 460px;
	float: left;
	margin: 0 18px 0 10px;
	padding: 10px 0 0 0;
}

#subintro .newsbox .box {
	width: 310px;
	float: left;
}

#subintro .newsbox .box .date {
	font-size: 0.8em;
}

#subintro .newsbox .box p {
	font-size: 0.9em;
}

#subintro .newsbox h3 {
	font-size: 22px;
	font-weight: normal;
	color: #02583f;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
}

#subintro .newsbox h4 {
	background: url(images/icon_arrow.gif) 0 5px no-repeat;
	padding: 9px 0 9px 38px;
	margin-top: 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #02583f;
	line-height: 122%;
	min-height: 32px;
}

#subintro .newsbox h4 a {
	color: #02583f;
}

#subintro .newsbox p {
	color: #333;
	margin-bottom: 12px;
}

#subintro .newsbox p.date {
	color: #888;
}

.newspatch {
	margin: 5px 0 8px 0;
	padding: 0 0 0 8px;
}

.btn_s {
	display:inline;
	width:80px;
	height:23px;
	background:transparent url(images/btn_search.gif) no-repeat top left;
	outline:none;
	border: 0;
	text-indent: -4700px;
	cursor: pointer;
	font-size: 0px;
	padding-top: 14px;
}

#subintro .contactbox {
	width: 450px;
	float: right;
	margin: 20px 10px 0 0 ;
	padding: 10px 0 0 0;
}

.blogbox {
	background: url(images/bg_blog.gif) top left repeat-y; padding: 0 6px;
}

.blogbox_topbtm {
	background: url(images/bg_blog_topbtm.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 7px;
}

.blogbox_separator {
	background: url(images/bg_blog_separator2.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 7px;
}

.blogbox_separator_dot {
	background: url(images/bg_blog_separator.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 11px;
}

.blogbox h3 {
	font-size: 22px;
	font-weight: normal;
	color: #02583f;
	padding: 12px 0 8px 8px;
}

.blogbox_header {
	background: url(images/icon_blog.gif) 0 5px no-repeat;
	padding: 6px 0 0 32px;
	margin: 8px 8px 0 8px; 
	line-height: 125%;
	font-size: 13px;
	font-weight: bold;
	color: #222;
	min-height: 30px;
}

.blogbox_date {
	margin: 8px 8px 0 8px; 
	line-height: 120%;
	font-size: 11px;
	color: #444;
}

.blogbox_text {
	margin: 8px 12px 12px 8px;
	font-size: 0.8em;
	line-height: 130%;
}

.blogbox_btn {
	text-align:center;
	padding: 8px 0 10px 0;
}

.searchbox {
	background: url(images/bg_search.gif) top left no-repeat;
	padding: 0;
	height: 41px;
	margin: 25px 0 20px 6px;
}

#sidebar .searchbox {
	margin: 60px 0 20px 6px;
}

.searchbox .s {
	width: 140px;
	height: 14px;
	margin: 8px 0 0 12px;
	padding: 4px 2px;
}

#sidebar ul {
	list-style:none;
	border-top:1px solid #eee;
	border:none;
	padding:0;
	margin:0;
}
#sidebar ul li {
	border-bottom:1px solid #eee;
	padding:5px;
	margin:0;
}

#sidebar ul li a {
	color:#02583f;
	text-decoration:none;
	padding: 3px 0 6px 6px;
}

#sidebar ul li a:visited {
	color:#014433;
	text-decoration:none;
}

#sidebar ul li a:hover {
	color:#02583f;
}


.submenubox {
	background: url(images/bg_blog.gif) top left repeat-y; padding: 0 6px;
}

.submenubox_topbtm {
	background: url(images/bg_blog_topbtm.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 7px;
}

.submenubox_separator {
	background: url(images/bg_blog_separator2.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 7px;
}

.submenubox_separator_dot {
	background: url(images/bg_blog_separator.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 9px;
}

.submenubox h3 {
	font-size: 22px;
	font-weight: normal;
	color: #02583f;
	padding: 14px 0 8px 10px;
}

.submenubox p {
	font-size: 12px;
	font-weight: normal;
	padding: 12px 0 8px 8px;
}

#sidebar .submenubox ul li a {
	font-size: 13px;
	font-weight: normal;
	padding: 12px 0 8px 20px;
	color: #111;
}

#sidebar .submenubox ul li a:hover {
	background: url(images/bg_nav_diamond_hover.png) 5px 12px no-repeat;
}

#sidebar .submenubox ul li.current_page_item a {
	background: url(images/bg_nav_diamond.png) 5px 12px no-repeat;
}


.cbox {
	background: url(images/bg_blog.gif) top left repeat-y; padding: 0 6px;
}

.cbox_topbtm {
	background: url(images/bg_cbox_topbtm.png) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 7px;
}

.cbox_separator {
	background: url(images/bg_blog_separator2.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 7px;
}

.cbox_separator_dot {
	background: url(images/bg_blog_separator.gif) top left repeat-y;
	padding: 0;
	margin: 0;
	height: 11px;
}

.cbox h3 {
	font-size: 22px;
	font-weight: normal;
	color: #02583f;
	padding: 12px 0 8px 8px;
}

.cbox p {
	font-size: 12px;
	font-weight: normal;
	padding: 12px 0 8px 8px;
}




.more {
	background: url(images/btn_more.png) top right no-repeat;
	padding: 2px 28px 5px 0;
	border: none;
	font-weight: bold;
}


#content {
	margin:0 265px 0 5px;
	padding:10px 20px 0 0;
}

#content h2 {
	font:2.2em Arial;
	color:#121212;
	letter-spacing:-1px;
	margin:10px 0;
	border-bottom:2px solid #eee;
	background:url(images/h2.jpg) bottom left no-repeat;
	clear:left;
}

#content h2 a {
	color:#121212;
	text-decoration:none;
}

#content h4 {
	font:1.4em Arial;
	color:#121212;
	letter-spacing:-1px;
	margin:20px 12px 10px 12px;
}

#content h4 a {
	color:#121212;
	text-decoration:none;
}

#content h3, .single #content .post h3 {
	margin: 15px 12px 5px 12px;
	font-size: 36px;
	font-weight: normal;
	color: #02583f;
}

#content p {
	margin: 15px 35px 5px 12px;
	font-weight: normal;
	color: #222;
}

#content ul {	
	margin:10px 10px 10px 0;
	padding:0 0 0 25px;

}

#content li {
	margin:0 0 0 10px;
	padding:5px;
	font-weight: normal;
	color: #444;
	list-style-type: square;
}

ol.subnav {
	margin:-10px 0 0 -5px;
	padding:0;
}
ol.subnav li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
ol.subnav a {
	font-weight:bold;
	color:#555;
	border-top:2px solid #fff;
	display:block;
	padding:5px;
	text-decoration:none;
	margin:0 5px 0 0;
	border-bottom:none;
}
ol.subnav a:hover {
	border-top:2px solid #005A97;
	color:#121212;
	border-bottom:none;
}

#sidebar h2 {
	color:#333;
	margin:10px 0;
	font-size:1.3em;
}

p.news {
	background:#f4f4f4;
	padding:10px;
	margin:0 0 10px 0;
	border-left:5px solid #f0f0f0;
}

p.news a.more {
	display:block;
	color:#333;
	text-decoration:none;
	text-align:right;
	border:none;
}

input {
	padding:5px;
	border:1px solid #aaa;
	color:#555;
	width:220px;
}

textarea {
	padding:5px;
	border:1px solid #aaa;
	color:#555;
	width:400px;
}

input.btn {
	width: auto;
	background: #dce;
	color: #333;	
}


blockquote {
	background: url(images/ncm_startquote.png) top left no-repeat;
	margin: 0 60px 15px 30px;
}

#content .entry blockquote p {
	margin: 0;
	padding: 0;
    margin-bottom: 0.7em;
    text-indent: 18px;
}

#content .entry blockquote p span {
	background: url(images/ncm_endquote.png) top right no-repeat;
	padding: 0 18px 0 0;
	text-decoration: none;
}


#content img {
	padding:5px;
	border:1px solid #eee;
	background: #fff;
}

#content #map_canvas img {
	padding:0;
	border:0;
	background: transparent;
}


a {
	color:#222;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

.entry a {
	color:#111;
	text-decoration:underline;
}

.navbar a {
	color:#222;
	border-bottom:none;
	text-decoration:none;
}
.navbar a:hover {
	border-bottom:none;
}


#sidebar .contactbox {
	width: 240px;
	float: right;
	margin: 0 ;
	padding: 10px 0 0 0;
}

#sidebar .contactbox .contactsubbox {
	background: #e5e5e5;
}

#sidebar .contactbox h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #436fb6;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
}

#sidebar .contactbox .contactsubbox p {
	padding: 6px 12px;
	color: #444;
}


.category #content .post h3 {
	font-size: 1.2em;
}

#content .post .date {
	font-size: 0.8em;
	color: #888;
	margin: 4px 0 4px 12px;
}

#content .entry p {
	margin: 5px 30px 15px 12px;
	font-weight: normal;
	color: #222;
}


.newspatch .date {
	font-size: 0.8em;
	color: #888;
	margin: 0 0 0 0;
}

.newspatch p {
	font-size: 1em;
	color: #444;
	margin: 4px 0 0 0;
}

.category .entry {
	margin-bottom: 25px;
}

#footer_wrap {
	width: 100%;
	background: #e4e4e4;
	text-align: center;
	padding-bottom: 50px;
}

.clearleft {
	clear: left;
}

.clearboth {
	clear: both;
}


/* FOOTER */
				
#footer {
width: 950px;
font-size:12px;
padding:20px 10px;
clear:both;
overflow:hidden;
margin: 0 auto;
}

#footer .footernav {
float:left;
width:59%;
display:inline;
}

#footer .copyright {
float:left;
width:39%;
display:inline;
}

#footer .footernav ul {
overflow:hidden;
}

#footer .footernav ul li {
float:left;
padding: 0 10px;
border-right:1px solid #bebea7;
font-size: 0.8em;
}

#footer .footernav ul li a:link, #footer .footernav ul li a:visited, #footer .footernav ul li a:active {
color:#424242;
}

#footer .footernav ul li a:hover {
color:#666666;
}

#footer .copyright {
text-align:right;
}

strong {
	font-weight: bold;
}

li.first {
	list-style-type: none;
}

#content .entry p.teamtitle {
	font-size: 12px;
	font-style: italic;
	color: #444;
	margin-bottom: 5px;
}

#content .entry p.teamlink {
	font-size: 12px;
	color: #444;
	margin-bottom: 5px;
}

.teamphoto {
	float: left;
	margin-left: 10px;
}

.caption {
	text-align: center;
	font-style: italic;
	margin: 5px 0;
}

#content .entry h4 a, #content .post h4 a {
	color: #02583f;
}

#content .entry h4 a:hover, #content .post h4 a:hover {
	color: #02583f;
	text-decoration: underline;
}

em {
	font-style: italic;
}

.alignright {
	float: right;
	margin: 0 0 12px 12px;
}

h3.furterinfoh3 {
	font-size: 20px;
	font-weight: normal;
	color: #02583f;
	padding: 0 0 4px 0;
	margin-left: 6px;
	border-bottom: 0;
}

p.furtherinfop {
	margin-top: 8px;
	font-size: 12px;
	padding-left: 8px;
	color: #111;
}

p.furtherinfop strong {
	font-size: 14px;
}

img.furtherinfoimg {
	margin-left: 8px;
	margin-top: 6px;
}

/* COMMENTS */

h3#comments, h3#respond, h3#related {
	font-size: 18px;
	margin-top: 25px;
}

#content ol.commentlist {
	list-style-type: none;
	margin-top: 10px;
}

#content ol.commentlist li {
	width: 620px;
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	list-style-type: none;
	margin-top: 5px;
}

#content ol.commentlist li cite {
	font-size: 12px;
	padding: 5px;
}

#content ol.commentlist li p {
	padding: 5px;
	margin: 0;
}

#content .commentbutton {
	width:207px;
	height:44px;
	background:transparent url(images/post_comment_btn.png) no-repeat top left;
	outline:none;
	border: 0;
	text-indent: -4700px;
	cursor: pointer;
	font-size: 0px;
	display:block;
	line-height: 0px;
	margin-top: 12px;
}

.rss {
	padding: 3px 0 5px 35px;
	margin: 0 0 0 10px;
	background:transparent url(images/icon_rss.png) no-repeat top left;
}

#writer {
	background:#e4e4e4;
	margin:25px 0 15px 0;
	padding:12px;
	}

#writer img {
	padding:1px;
	border:1px solid #d0c4be;
	float:left;
	margin: 2px 6px;
	}

#writer span {
	display:block;
	padding-top:4px;
	margin-top:12px;
	}

#writer p {
	margin:0;
	width:560px;
	}
	
#writer p a {
	text-decoration: underline;
	}
#writer #clearthis {
	clear: both;
	height: 1px;
}

.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:50px;
	width:160px;
	padding:25px;
	color:#fff;
	font-weight: bold;
	line-height: 135%;
}

.quotebox {
	background: url(images/ncm_home_startquote.png) top left no-repeat;
	margin: 12px 0;
}

.quotebox p {
	margin: 0;
	padding: 0;
    margin-bottom: 0.7em;
    text-indent: 18px;
}

.quotebox p span {
	background: url(images/ncm_home_endquote.png) top right no-repeat;
	padding: 0 18px 0 0;
	text-decoration: none;
}

ul#servicelist {
	width: 660px;
}

ul#servicelist li {
	width: 300px;
	float: left;
}