/*  

Client: Kevin Carr Consultancy
Client URL: http://www.kevincarrconsultancy.co.uk
Description: General Styles
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 01/03/2010

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}

/*img, div, input { behavior: url("iepngfix/iepngfix.htc") }*/

/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family:Arial, Helvetica, sans-serif;
	color:#afafaf; /* 999 */
	background:#CCCCCC;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:19px;
}

h1 {
	font-size:2.1em;
	color: #FFFFFF;
	margin-bottom:4px;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

ul {
}

li {
}

blockquote {
}

img {
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a,
a:visited {
	color:#faa61a;
	text-decoration:none;
}

a:hover,
a:focus {
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

/* 7.0	Wrapper */

div#wrapper {
	width:942px;
	margin:auto;
	background:url(../images/wrapper_bg.jpg) bottom left no-repeat #2b0407;
	border-right:18px solid #faa61a;
}

/* 8.0	Logo */

#logo {
	float:left;
	width:336px;
	height:111px;
	display:block;
	margin-top:22px;
}

/* 9.0	Layout */

#header { 
	padding:8px 32px 0 47px;
	position:relative; /* To contain absolute positioned elements */
}

#cipr-logo {
	width:74px;
	height:40px;
	display:block;
	position:absolute;
	top:0;
	right:135px;
}

ul#socialtags {
	float:right;
	width:400px;
	/*height:;*/
}

	#socialtags li {
		clear:both;
		/*text-align:right;*/
		margin-bottom:10px;
		/*overflow:hidden;*/
		float:right;
		display:inline; /* Hack for IE6 Double Margin Bug */
	}
	
	#socialtags img {
		float:left;
		display:block;
		margin-left:9px;
	}
	
	#socialtags li a.submitenquiry {
		color:#ffffff;
		font-size:1.1em;
		padding:8px 34px 8px 0;
		background: url(../images/submitenquiry.png) right no-repeat;
		display:block;
		text-align:right;
		width:100px;
	}
	
	#socialtags li p { font-size:1em; margin:0; line-height:normal;}
	
	#socialtags li label {
		font-size:1em;
		color:#FFFFFF;
		margin-right:3px;
		position:relative;
		top:5px;
		display:inline;
	}
	
	#socialtags li input {
		border:1px solid #afafaf;
		color:#afafaf;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		background:#330d10;
		text-align:center;
		padding:1px 3px;
		width:85px;
	}
	
	#socialtags li button {
		background:#faa61a;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		border:none;
		margin-left:2px;
		padding:1px 0;
	}

#header-image {position:relative; margin:0 0 29px 48px;}
#header-image img#shadow {position:absolute;top:0;left:0; z-index:2;}
#main-content-container {margin:0 0 0 32px;}
.slideshow {width:862px; width:156px; position:relative; z-index:0; overflow:hidden;}


.box {
	float:left;
	width:264px;
	margin:0 16px 30px 16px;
	display:inline;
	position:relative;
	z-index:10;
}

.boxcontent {
	background:url(../images/box_bg.jpg) repeat-x bottom left #4a282b;
	border:1px solid #42282a;
	height:179px;
}

.box img.boxshadow,
.blogbox img.boxshadow {
	position:absolute;
	right:-10px;
	bottom:-10px;
	z-index:-100;
}

.box h2,
.blogbox h2 {
	font-size:2.1em;
	color:#FFFFFF;
	margin:20px 20px 4px 20px;
}

.box h5 {
	margin:0 20px 4px 20px;
	font-size:1.2em;
	font-weight:bold;
}

.box p, .blogbox p {margin:0 20px 6px 20px;}
.box a.readmore {margin:0 20px 0 20px; font-size:1.2em;}

.box ul,
#half-panel ul,
.blogbox ul {
	margin:0 20px 6px 20px;
	padding:0;
	list-style:none;
}

.box ul li,
.blogbox ul li,
#half-panel ul li {
	font-size:1.2em;
	line-height:1.5em;
}

/* Accordian Styles */

h2#latestblogposttitle {
	margin:0 0 12px 50px;
	font-size:2.2em;
	color:#FFF;
	display:block;
	
}

#recentposts {
	float:left;
	width:564px;
	margin:0 16px 0 47px;
	background: bottom repeat-x url(../images/recent_report_h3_bg.png);
	display:inline; /* Hack for IE6 Double margin bug */
}

#recentposts h3 {
	cursor: pointer;
	font-size:1.8em;
	font-weight:bold;
	padding:10px 3px 8px 3px;
	background: top repeat-x url(../images/recent_report_h3_bg.png);
	position:relative;
}

#recentposts h3 a:hover {text-decoration:none;}
#recentposts h3 span.date {
	font-size:10px;
	position:absolute;
	right:0;
	top:13px;
	color:#faa61a;
}

/*#recentposts div {margin:0; overflow: visible;}*/
#recentposts p { padding:0 50px 10px 3px; color:#FFFFFF;}

#footer {
	width:913px;
	margin:auto;
	background:#afafaf;
	color:#230003;
	font-size:1em;
	padding:5px 0 4px 47px;
}

#footer a {color:#230003;}

.halfcol {
	float:left;
	width:396px;
	margin:20px 16px;
	display:inline;
}

#half-panel {
	width:432px;
	float:left;
	margin:0 16px 30px 16px;
	display:inline;
	position:relative;
	z-index:10;
}

#half-panel-content {
	background: url(../images/panel_bg.jpg) bottom repeat-x #4b282b;
	border:1px solid #42282a;
	min-height:590px;
	padding-bottom:20px;
}

#half-panel img.panelshadow {
	position:absolute;
	right:-10px;
	bottom:-10px;
	z-index:-100;
}

	#half-panel h2 {
		font-size:2.1em;
		color: #FFFFFF;
		margin:20px 20px 0 20px;
	}
	
	#half-panel h3 {
		color:#faa61a;
		font-size:1.2em;
		font-weight:bold;
		margin:12px 0 0 20px;
	}
	
.toggletestimonial {margin:15px 0 22px 0;}
.toggletestimonial h2 {font-size:1.2em; color:#ffffff;}	
.toggletestimonial p.date {color:#FFFFFF;}
.toggletestimonial p {margin:0;}
.expand {margin-bottom:3px;}
a.toggle_content {font-size:1.2em; margin:0;}

.client {
	text-align:center;
	display:block;
	margin:20px 0 25px 83px; /* 39px 0 95px 83px */
	width:275px;
}

.client img {
	display:block;
	width:275px;
	margin-bottom:2px;
}

.client a {
	font-size:1.2em;
	color:#afafaf;
}

.servicepage {background:url(../images/service_bg.gif) repeat-y 446px 0; margin-bottom:60px!important;}
	
	.servicepage .halfcol {margin:0 16px -20px 16px;}
	.servicepage .rightcol {float:right; display:inline; margin:25px 32px 0 0;}
	.servicepage  h2 {
		font-size:1.2em;
		color:#faa61a;
		font-weight:bold;
		margin:0 0 3px 0;
	}
	
	.servicepage h3 {
		font-size:1.2em;
		color:#FFFFFF;
		margin-bottom:3px;
		font-weight:bold;
	}
	
	.servicepage ul {
		margin:0 0 20px 15px;
		padding:0;
		list-style:disc;
		
	}
	
	.servicepage li {
		color:#FFFFFF;
		font-size:1.2em;
		line-height:1.4em;
	}
	
#contact_box {
	float:left;
	width:434px;
	display:inline; /* Hack for IE6 double margin bug */
	margin:3px 0 30px 18px;
	position:relative;
	z-index:10;
}

#contact_details {
	background:url(../images/box_bg.jpg) repeat-x bottom left #4a282b;
	border:1px solid #42282a;
}

#contact_details h2 {
	margin:20px 0 3px 19px; /* 40px 0 3px 19px */
	font-size:1.2em;
	color:#afafaf;
}

#contact_details p {
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 28px 19px; /* 0 0 58px 19px */
}

#contact_details form {
	margin-left:19px;
}

#contact_details p a {
	font-weight:bold;
	color:#FFFFFF;
}

#contact_box img.contact_shadow {
	position:absolute;
	right:-10px;
	bottom:-10px;
	z-index:-100;
}

ul#pr-links {
	list-style: disc;
	/*margin:20px 0 20px 18px;*/
	margin:20px 0;
	padding:0;
}

ul#pr-links li {
	font-size:12px;
	line-height:18px;
	margin-bottom:3px;
}

.pr-date {
	color:#afafaf;
	font-style:italic;
}

/* Pagination Styles */
#page_navigation {
	margin:20px 0 0 0;
}

#page_navigation a {
	font-size:1.2em;
	border:1px solid #faa61a;
	padding:2px 4px;
	margin:2px;
}

#page_navigation a:hover {
}

.active_page{
	background:#faa61a;
	color:white !important;
}


#download-headshots {
	font-size:1.6em;
	color: #FFFFFF;
	margin-bottom:4px;
}

#article {
	float:left;
	width:565px;
	margin:20px 16px;
	display:inline; /* hack for IE6 Double margin bug */
}

.excerpt {
	background:url(../images/recent_report_h3_bg.png) repeat-x top;
	position:relative; /* to contain blog date */
	margin-top:7px;
}

.excerpt h2 {
	font-size:1.8em;
	color:#faa61a;
	padding:8px 3px;
	background:url(../images/recent_report_h3_bg.png) bottom repeat-x;
}
.excerpt h2 a {font-weight:bold;}
.excerpt .blog-date {
	position:absolute;
	top:12px;
	right:8px;
	color:#faa61a;
}

.excerpt p {
	color:#FFFFFF;
	padding:0 3px;
	width:370px;
	margin:0 0 10px 0;
}

#blognav {
	float:right;
	width:296px;
}

.blogbox {
	float:left;
	width:264px;
	margin:0 0 31px 0;
	display:inline;
	position:relative;
	z-index:10;
}

ul#press {
	list-style:disc;
	margin-left:32px;
}

ul#press li {
	/*margin-bottom:3px;*/
}

ul#press li a {
	color:#afafaf;
}

.blogbox .boxcontent {padding-bottom:13px; height:auto; min-height:179px;}
.blogbox ul li a, .blogbox ul li a:visited {color:#afafaf;}
.blogbox ul li a.selected { color:#faa61a;}

/***** Article Page *****/

#nextprevious { margin:-20px 0 24px 0;}
a.previous {
	background: url(../images/previous.png) no-repeat left top;
	padding: 4px 32px 4px 25px;
	display:block;
	font-size:1.2em;
	float:left;
}
a.next {
	background: url(../images/next.png) no-repeat right top;
	padding: 4px 25px 4px 0px;
	display:block;
	font-size:1.2em;
	float:left;
}

#blog-title {
	background:url(../images/recent_report_h3_bg.png) repeat-x top;
	position:relative; /* to contain blog date */
	margin-top:7px;
}

#blog-title h1 {
	font-size:1.8em;
	color:#faa61a;
	padding:8px 3px;
	background:url(../images/recent_report_h3_bg.png) bottom repeat-x;
}

#blog-title .blog-date {
	position:absolute;
	top:12px;
	right:8px;
	color:#faa61a;
}

p.blogexcerpt {color:#FFFFFF; width:370px;}

.blog-typography h2 {
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:14px;
}

.blog-typography ul {
	margin:0 0 19px 22px;
	padding:0px;
	list-style:disc
}

.blog-typography li {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:13px
}

p.small {
	font-size:1em;
	font-style:italic;
}

hr  {
	border:none;
	background:url(../images/recent_report_h3_bg.png) repeat-x;
	height:3px;
	margin-bottom:5px;
}

p#share {
	margin-bottom:10px;
}

a.rss_feed {
	color:#afafaf;
	background:url(../images/rss-icon.gif) right top no-repeat;
	padding:2px 21px 2px 0;
	display:block;
	width:auto;
	float:left;
	font-size:1.2em;
	margin-right:18px;
}

a.nextarticle {
	font-size:1.2em;
	margin:10px 0;
	display:block;
	width:100px;
	float:left;
}

#comment_form h2 {
	font-size:1.8em;
	margin:5px 0 16px 0;
}

#comment_form ul {
	padding-bottom:5px;
}

#comment_form label {
	color:#afafaf;
	margin-bottom:4px;
}

input.checkbox {
	width:20px!important;
	height:20px!important;
	padding:0!important;
	border:none!important;
	background: none!important;
	margin:0!important;
	float:left;
}

label.checkboxlabel {
	position:relative;
	top:4px;
	float:left;
	margin:0!important;
}

#comment_form li {
	margin-bottom:9px;
}

li.checkboxli {
	overflow:hidden; /* To contain floats */
}

#comment_form input#submit {
	margin:0;
}

#comments h2 {
	font-size:1.8em;
	margin:5px 0 8px 0;
}

#comments ul {
}

#comments li {
	background:url(../images/recent_report_h3_bg.png) repeat-x top;
	padding:8px 3px 0 3px;
	position:relative;
}

#comments li p {
	color:#FFFFFF;
	margin-bottom:8px;
	width:370px;
}

#comments li .comment-details {
	position:absolute;
	top:12px;
	right:8px;
	color:#faa61a;
}


/* 10.0	Navigation */

ul#nav {
	background:url(../images/nav_bg.png) no-repeat top;
	margin:16px 32px 0 47px;
	height:61px;
	padding:0 0 0 22px;
}

ul#nav li {
	float:left;
	margin:0 4px;
	margin-top:20px;
}

ul#nav li a,
ul#nav li a:visited {
	background-image:url(../images/nav_sprite.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:1.4em;
	color:#faa61a;
	font-weight:bold;
	width:129px;
	display:block;
	text-align:center;
	padding:4px 0 4px 0;
	text-decoration:none;
	text-transform:lowercase;
}

ul#nav li a:hover,
ul#nav li a.selected {
	background-position:bottom;
	color:#230003;
	text-decoration:none;
}

/* 11.0	Forms */

form ul {
	margin:0;
	padding:0;
	list-style:none;
}

form li {
	margin:0 0 19px 0;
	padding:0;
	list-style:none;
	clear:both;
}

label {
	font-size:1.2em;
	color:#faa61a;
	display:block;
	margin-bottom:8px;
}

input, textarea {
	border:1px solid #959394;
	background: url(../images/input_bg.gif) no-repeat top left #aa9a9b;
	padding:3px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#290003;
	width:216px;
}

input#submit {
	background:#faa61a;
	border:none;
	width:auto;
	font-weight:bold;
	margin-top:-13px;
}

/* Error Trapping */
label.error {
	color:#FF0000!important;
	font-size:11px!important;
	font-style:italic;
	margin:3px 0 -10px 0!important;
}

#comment_form label.error {
	margin-bottom:0!important;
}

input.error,
textarea.error {
	/*background:#fcebeb!important;*/
	border: 1px solid #ffcccc;
}

input.error:focus,
textarea.error:focus {
	border: 1px solid #ff9999;
}



/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}
