/*---------------------------------------------------------------------------------

Theme Name: Crimeshield
Theme URI: http://www.attitudedesign.co.uk/
Description: Crimeshield bespoke theme developed by Attitude Design
Version: 1
Author: Attitude Design Ltd
Author URI: http://www.attitudedesign.co.uk/

---------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

/*
body {font:13px/1.22;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
*/


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/



/* base.css, part of YUI's CSS Foundation */
h1 {
	font-size: 130%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 110%;
	padding: 0;
	margin: 0;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 80%;  
}

h1{
	margin: 0 0 .5em 0;
	padding: 0;
}

h2{
	/* top & bottom margin based on font size */
	padding: 0;
	margin: 1.2em 0 .5em 0;
}


h1,h2 {
	color: #334a75;
	font-weight: bold;
}

h3,h4,h5,h6 {
	color: #334A76;
	font-weight: bold;
	margin: 0.8em 0 .5em 0;
}

strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #fff;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:0.4em;
}
ol {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}

ul {
	padding: 0 0 0 10px;
}

ul li {
	list-style-type: disc;
}

.cf-ol {
	list-style-type: none;
}

.linklove {
	display: none;
}

li {
	/*giving UL's LIs generated disc markers*/
	font-size: 80%;
	padding: 0 0 5px 6px;
	color: #334A76;

}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table, code {
	/*so things don't run into each other*/
	padding: 0;
	margin: 0 0 1em 0;
	color: #334A76;
	font-size: 90%;
	font-weight: normal;
}

a:link		{ color: #5196D5; text-decoration: none;}
a:visited	{ color: #5196D5; text-decoration: none;}
a:hover		{ color: #000000; text-decoration: none;}
a:active	{ color: #376b9b; text-decoration: none;}

#content a{
	text-decoration: underline;
}

small {
	font-size: 80%;
}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	margin:0;
	padding: 0;
	width: 100%;
	font-family: Helvetica, Arial, Verdana, 'Trebuchet MS', sans-serif;	
    background-color: #FFF;
}


/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/
div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

/*---------------------------------------------------------------------------------
Page Structure-*/


#header					
{
	margin:0 auto 0 auto;
	background: url('images/header_bg.gif') repeat-x top center #294576;
	padding: 0;
	width: 100%;
	float: left;
}

.page-width {
	width: 940px;
	margin:0 auto 0 auto;
	padding: 0 20px;
}


#page p {
	line-height: 1.3em;
}

#header_content {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
}

#header_content .left {
	float: left;
	margin:30px 0 0 0;
}

#header_content .left .headinglogo{
	font-size: 250%;
	padding: 0;
	margin: 0;
	padding: 30px 0 0 0;
	letter-spacing: 0.3px;
	font-weight: bold;

}

#header_content .left .headinglogo span{
	font-size: 45%;
	letter-spacing: 0.5px

}

#header_content .left .headinglogo a{
	color: #FFF;
}

#header_content .left .headinglogo a small {
	font-size: 40%;
}

#header_content .left .headinglogo a span{
	color: #AFBCD8;
}

#header_content .right {
	float: right;
}

#header_content .right p{
	text-align: right;
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	padding: 30px 0 0 0;
	margin: 0;
}

#navigation {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation ul{
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation li{
	list-style-type: none;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	display: block;
}

#navigation li a{
	padding: 8px;
	margin: 0;
	background: #376b9b;
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 100%;
}

#navigation li a:hover{
	padding: 8px;
	margin: 0;
	background: #6a98c0;
	color: #FFF;
	display: block;
	font-weight: bold;
}

#navigation li.current_page_item a {
	padding: 8px;
	margin: 0;
	background: #FFF;
	color: #4D4D4D;
	display: block;
	font-weight: bold;
	font-size: 110%;
}

#navigation li.current_page_ancestor a {
	padding: 8px;
	margin: 0;
	background: #FFF;
	color: #4D4D4D;
	display: block;
	font-weight: bold;
	font-size: 110%;
}

#navigation li.current_page_parent a {
	padding: 8px;
	margin: 0;
	background: #FFF;
	color: #4D4D4D;
	display: block;
	font-weight: bold;
	font-size: 110%;
}

#page {
	background: url('images/page_bg.gif') repeat-x top center;
	float: left;
	width: 100%;
	padding: 30px 0 8px 0;
}

#subnav {
	width: 231px;
	float: left;
	margin: 0 5px 0 0;
}

.inner_right {
	width: 695px;
	float: right;
}

.listings {
	padding: 0;
	margin: 0 0 10px 0;
	width: 100%;
	float: left;
}

.listings li{
	padding: 0;
	margin: 0 0 4px 0;
	list-style-type: none;
	float: left;
	display: block;
	width: 100%;
}

.listings li a{
	background: #e8ecf4;
	padding: 3px;
	color: #334A76;
	display: block;
}

.listings li a:hover{
	background: #334A76;
	color: #FFF;
	padding: 3px;
}

.listings li.current_page_item a{
	background: #334A76;
	color: #FFF;
	padding: 3px;
}

.listings li.current_page_ancestor a
{
	background: #334A76;
	color: #FFF;
	padding: 3px;
}

.listings li.current_page_parent a
{
	background: #334A76;
	color: #FFF;
	padding: 3px;
}

.third {
	width: 305px;
	float: left;
	margin: 0 12px 0 0;
}

.third_end {
	width: 305px;
	float: right;
	margin: 0;
}

.thirds_container {
	margin: 20px 0 20px 0;
	float: left;
}

.thirds_container h2{
	font-size: 145%;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
}

.thirds_container p{
	margin: 0 0 5px 0;
}

.thirds_container img {
	margin: 0 0 6px 0;
}

.header_note {
	font-weight: bold;
	color: #808080;
	font-size: 95%;
	margin: 0 0 5px 0;
}

.forth {
	width: 226px;
	float: left;
	margin: 0 10px 0 0;
}

.forth_end {
	width: 231px;
	float: right;
	margin: 0;
}

.forths_container {
	margin: 30px 0 0 0;
}

.forths_container h3{
	font-size: 105%;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	padding: 0;
}

#page .forths_container p.cta_link {
	padding: 0;
	margin: 0;
	display: block;
	font-size: 80%;
	color: #FFF;
}

#page .forths_container p.cta_link a{
	background: #334A76;
	display: inline;
	padding: 5px 8px 5px 8px;
	font-size: 90%;
	color: #FFF; 
}


#page .forths_container p.cta_link a:hover{
	background: #14223c;
	color: #FFF;
}


.testimonial {
	background: url('images/testimonials_bg.gif') no-repeat #e8ecf4;
	padding: 15px;
	margin: 0 0 15px 0;
}

.testimonial p{
	font-weight: bold;
	font-size: 110%;
}

.testimonial h2{
	padding: 0;
	margin: 0;
}
.testimonial ul{
	margin-bottom: 0;
}


/*---------------------------------------------------------------------------------
Footer -*/

.page_cta {
	float: left;
	display: block;
	width: 100%;
	margin: 60px 0 20px 0;
	text-transform:uppercase!important;
}

.page_cta p{
	font-weight: bold;
	font-size: 160%;
	display: block;
	padding: 0;
	margin: 0;
}

.page_cta p a{
	display: block;
	background: url('images/cta_bg.gif') repeat-x top center #294576;
	color: #FFF;
	padding: 12px 18px;
}

.page_cta p a:hover{
	display: block;
	background: #334a76;
	color: #FFF;
}

.footer p{
	color: #376b9b;
	font-weight: bold;
	letter-spacing: -0.5px;
	font-size: 90%;
}

.footer{
	float: left;
	margin: 0 0 40px 0;
}

.footer p { 
	text-transform:lowercase; }

.footer p a{
	color: #334a76;
}

.footer p a:hover{
	color: #000000;
}

.date {
	font-size: 70%;
	margin: 0 0 20px 0;
	
}

.footer ul { margin:0 0 5px; padding:0; }

.footer li { display:inline; list-style:none; padding:0 5px; border-right:1px solid #bec6d2 }

.footer .last { border:0!important; }



/*---------------------------------------------------------------------------------
Home Page -*/

#hero {
	margin:0;
	width:750px;
	float: left;
}

#hero h1 {
	letter-spacing: -1px;
	font-size: 2em;
	padding: 0;
	margin: 0;
}
#hero h1 span { font-size:70%; }

#hero .h2 {
	letter-spacing: -1px;
	font-size: 1.4em;
	padding: 10px 10px 0 0;
	margin: 0;
	font-weight:bold;
	width: 80%;
	color:#888;
}

#hero ul {
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
}

#hero ul li{
	list-style-image: url('images/arrow.gif');
	list-style-type: circle;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style-position: inside;
	font-weight: bold;
	font-size: 105%;
}

#hero ul li.no_arrow{
	list-style-image: none;
	list-style-type:none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style-position: inside;
	font-weight: bold;
	font-size: 105%;
}

.herocta {
	width:160px;
	height:160px;
	overflow:hidden;
	background:URL('images/ctabadge.gif') no-repeat top left;
	float:left;
	/*transform: rotate(9deg);
	-moz-transform: rotate(9deg);
	-webkit-transform: rotate(9deg);*/
}

.herocta .head 			{ color:#FFF;	width:80px;	font-weight:bold;	font-size:1.2em; 	margin:30px 0 5px 40px;	text-align:center;	text-shadow:0px 2px 1px #000;}
.herocta .content 		{ color:#FFF;	width:98px;	font-style:italic;	font-size:0.8em;	margin:0 0 0 27px;		text-align:center;	text-shadow:0px 2px 1px #000;}
.herocta .link 			{ 			 	width:85px;	font-weight:bold;	font-size:0.9em;	margin:5px 0 0 35px;	text-align:center;}
.herocta .link a:hover	{ color:#FFF; }
.herocta .link a:link,
.herocta .link a:visited,
.herocta .link a:active 	{ color:#98C5E8;}


#page .cta_link {
	padding: 0;
	margin: 0;
	display: block;
	color: #FFF;
}

#page .cta_link a{
	background: #334A76;
	color: #FFF;
	display: block;
	padding: 5px 8px 5px 8px;
}

#page .cta_link a:hover{
	background: #14223c;
	color: #FFF;
}



/*---------------------------------------------------------------------------------
Wordpress -*/


.post{
	margin: 0 0 30px 0;
}

.category a {
	color: #B2C7D3;
}

.category a:hover {
	color: #000;
}

#content .post_title a{
	color: #5C6E87;
	text-decoration: none;
}

.post_title a:hover{
	color: #000;	
}


.post h3 {
	font-size:100%;
	border-bottom: none;
	margin-bottom: 2px;
}


form #comment {
width: 100%;
}

.comments_colomn_left{
	width: 320px;
	float: left;
	padding: 0 30px 0 0;
}

.comments_colomn_right{
	width: 350px;
	float: right;
}

.archivelist li{
	border-bottom: 1px solid #D2D2D2;
	padding: 5px 0 5px 0;
}

.C2A {
	margin: 10px 0 10px 0;
}

.commentlist p{
	font-size: 90%;
	padding: 2px 0 0 0;
}

.commentlist li{
	padding: 5px 0 2px 0;
}

.commentlist li .commentmetadata {
	padding: 0 0 6px 0;
}


#C2A_long{
	text-align: center;
	margin: 0 auto 0 auto;
}

#searchform {
	padding: 10px 0 10px 0; 
}

#searchform #s{
	width: 100%;
	margin: 0 0 6px 0;
}

#content .post .entry p object{
	padding: 10px 0 10px 0;
}

.entry img{
	float: left;
}

.entry table {
	width: 100%;
	}

.entry table th{
	background:#E8ECF4 url('images/testimonials_bg.gif') no-repeat scroll 0 0;	padding: 8px 5px;
	}

.entry table td{
	border: 1px solid #E8ECF4;
	}

.half_right {
	float: right;
	width: 460px;
}

.half_left {
	float: left;
	width: 460px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 12px 3px 12px 3px;
	display: inline;
	float: right;
	}

img.alignleft {
	margin: 12px 4px 12px 4px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.wp-caption-text {
	color: #000;
	font-size: 80%;
	margin: 5px 0 0 0;
	float: left;
}


.end {
	margin: 0;
}

#subnav .testimonial{
	margin: 40px 0 0 0;

}

#page h1 {
	margin: 0 0 10px 0;
	
}
#page h1 span{
font-size:70%;
}

.featured_left {
	width: 110px;
	float: left;
	margin: 0 8px 0 0;
}

.featured_left p {
	font-size:0.8em;
	line-height:1.2em;
	margin:5px 0 20px;
	text-align:left;
	color: #000;
}

.featured_right {
	width: 110px;
	float: left;
	margin: 0;
}

.featured_right p {
	font-size:0.8em;
	line-height:1.2em;
	margin:5px 0 20px;
	text-align:left;
	color: #000;
}

.entry .img {
	margin: 0 4px 40px 4px;
	float:left;
}

.navigation {
	float: left;
	width: 100%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#respond {
	font-size: 120%;
	margin: 10px 0 5px 0;
}

.case_study_area {
	background:#E8ECF4 url('images/testimonials_bg.gif') no-repeat scroll 0 0;
	margin:0 5px 15px 5px;
	padding:15px;
	width: 430px;
	float: left;
}

.excerpt_area {
	width: 270px;
	float: right;
}

.odd {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

.case_study_area h2{
	margin: 0;
}

.case_study_area p a{
	margin: 0;
}

#clients {
	margin:10px 0;
	padding:0;
	width:230px;
	height:140px;
}
#clients li {
	list-style:none;
	padding:0;
	margin:0;
}


.forth .fo_image, .forth_end .fo_image {
	width:226px;
	height:180px;
	overflow:hidden;
}

/* SEO Styles */

.imgright { float:right!important; margin:0 0 15px 30px!important; }
.h1class { font-weight:bold; color:#334A75; margin:0 0 10px; display:block; font-size:1.4em; }
.pageimages { clear:both; overflow:hidden; width:100%; }
.map { margin:0 0 20px; border:1px solid #ccc }