/*	Jim Hawes - 25/05/10*/
/*  -------------------------------------
	COLOURS
	Browser background: #FFF
	Page background: 	#FFF
	Red: 				#CC3333
	Text: 				#666666
    --------------------------------------*/

.body04red {
	font-size: 13px;
	line-height: 16px;
	color: #CC3333;
}
.black {
	color			: 	#000;
}
.red, .alert {
	color			: 	#CC3333;
}
.brightRed {
	color			:	#f41209;
}
.turquoise {
	color: #028989;
}
.wideColumn {
	width			: 	390px;
}
.wideColumn div {
	padding			: 	0px 10px 5px 10px;
}
.narrowColumn {
	width			: 	194px;
}
.floatLeft {
	float			: 	left;
}
.floatRight {
	float			:	right;
}
.hide {
	display: none;
}
#Content p {
	font-size		:	10px;
	line-height		: 	15px;
}

/*-- Background graduations --*/
.gradLeft {
	background-image: url(../images/grad_left.gif);
	background-repeat: repeat-y;
	background-position: right top;
	border-left: 2px solid #FFFFFF;
}
.gradDown {
	background-image: url(../images/gradDown.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 2px solid #FFFFFF;
	background-color: #DDE3E3;
}
.gradDown1 {
	background-image: url(../images/grad_dn1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 2px solid #FFFFFF;
	background-color: #DDE3E3;
}
.gradUp {
	background-image: url(../images/grad_up.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #DDE3E3;
	height: 200px;
}
/*----------------------------*/

/*-- Headings --*/
H1, H2, H3, H4, H5, H6 {
	font-family		:	Verdana, Arial, Helvetica, sans-serif;
	font-weight		: 	normal;
	color			: 	#666;
	padding			:	0px;
	margin			:	0px;
}
H1 {
	color			: 	#CC3333;
	font-size		: 	16px;
	line-height		: 	18px;
	margin-bottom	: 	10px;
	font-weight: bold;
}
H2 {
	color: #CC3333;
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px;
}
H3 {
	color: #CC3333;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
H4 {
	font-size: 21px;
	line-height: 18px;
	margin: 0px;
}
.introText {
	font-size: 13px;
}
/*--------------------------------*/

/*Content Table*/
#contentTable {
	margin: 0px 40px 0px 0px;
}
#contentTable td{
	padding: 0px 15px 10px 10px;
}
#contentTable .removeLeading {
	padding-bottom: 0px;
}
/*--INNER PAGES--*/
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 796px;
	margin: 0px 0px 0px 20px;
	background-color: transparent;
}
#rightContent {
	width: 610px;
	margin: 30px 0px 15px 0px;
	background-color: transparent;
	float: right;
	
}
#rightContent p {
	font-size: 10px;
	line-height: 15px;
	color: #666;
	margin: 2px 0px 9px 0px;
}
#rightContent p, tr {
	
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	margin: 0px;
}
#rightContent li {
	font-size: 10px;
	line-height: 13px;
	list-style-position: outside;
	list-style-image: url(../images/dot2.gif);
	margin: 0px 0px 6px -25px;
	padding: 0px;
}
.superscript {
	font-size: 70%;
	line-height: 10px;
	color: #666666;
	margin: 0px;
	vertical-align: super;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.superscriptRed {
	font-size: 70%;
	line-height: 10px;
	color: #CC3333;
	margin: 0px;
	vertical-align: super;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#rightContent a {
	font-size: 11px;
	line-height: 15px;
	color: #CC3333;
	margin: 0px;
	/*text-decoration: none;*/
}
#rightContent a:hover {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	margin: 0px;
	text-decoration: underline;
}
#newsletter {
	margin: 20px 0px 0 0;
	height: 120px;
	font-size:11px;
	border-bottom: 1px solid #d4dbdb;
}
#newsletter p{
	font-size:11px;
	color: #CC3333;
	margin: 0px 0px 4px 10px;
}
.cs_spacer {
	background-color:#ddd;
	height: 20px;
	margin: 20px 0 10px 0;
}
.cs_spacerBottom {
	/*height: px;*/
	border-top: 3px dotted #CC3333;
	margin: 10px 0 10px 0;
	clear:both;
}
.cs_column {
	width: 275px;
}

/*Contact block bottom-left*/
#contactFootstop {
	background-color:#0F9;
}
#navBottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: -140px 0px 6px 9px;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	padding: 0px;
	width: 150px;
}
#navBottom a {
	height: 90px;
	margin-top: 9px;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 6px;
	color: #666666;
}
#navBottom a:hover {
	color: #CC3333;
}
#navBottom p {
	font-size: 11px;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
}

/*Postit adverts on Homepage*/
.postitHolder {
	width				: 	186px;
	padding-top			: 	8px;
	background-image	: 	url(../images/postit_t.png);
	background-repeat	: 	no-repeat;
	background-position	: 	left top;
}
.postit {
	width				: 	186px;
	padding				: 	5px 10px 5px 12px;
	background-image	: 	url(../images/postit_m.png);
	background-repeat	: 	repeat-y;
}
#rightContent .postit p{
	margin: 3px 0px 0px 0px;
	padding: 0px;
	line-height: 14px;
}
#rightContent .postit a {
	color				: 	#f41209;
	font-weight: bold;
}
.postit_bottom {
	width				: 	186px;
	height				: 	8px;
	background-image	: 	url(../images/postit_b.png);
	background-repeat	: 	no-repeat;
	background-position	: 	left top;
}
.adSpacer {
	float				:	right;
	height				: 	10px;	
	width				: 	180px;
}

/* case studies table ----------- */
.terms a {
	padding			: 	5px;
	display			: 	block;
	width			: 	100%;
	background-color: 	#F2F2F2;
	text-decoration	: 	none;
}
.termsAlt a {
	padding			: 	5px;
	display			: 	block;
	width			: 	100%;
	background-color: 	#FFFFFF;
	text-decoration	: 	none;
}
.terms a:hover, .termsAlt a:hover {
	display			: 	block;	
	width			: 	100%;
	background-color: 	#D0DDE6;
	text-decoration	: 	none;
}
.termsAlt img {
	margin			: 	0px 5px 0px 0px; 
	padding			: 	0px;
	text-decoration	: 	none;
	border			: 	0px;	
}
.terms img {
	margin			: 	0px 5px 0px 0px; 
	padding			: 	0px;
	text-decoration	: 	none;	
	border			: 	0px;
}

/*--Hide/toggle div layers--*/
div#manuals1, div#manuals2, div#manuals3, div#manuals4 { 
	margin-top: 10px; 
	display: none;
}
div#news1, div#news2, div#news3, div#news4, div#news5, div#news6, div#news7, div#news8 {
	margin: 10px;
	display: none;
}

blockquote {
	margin: 5px 5px 15px 20px;
}
/*--toggle titles--*/
#title {
	color: #CC3333;
	font-size: 18px;
	line-height: 18px;
	margin: 0px 0px 0px 15px;
	font-weight: normal;
}
.newsTitle{
	margin-bottom: 2px;
}
.newsTitle a{
	font-size: 13px;
	line-height: 20px;
	color: #CC3333;
	background-color: #D6DCDC;
	padding: 3px 3px 3px 10px;
	display: block;
	width: 100%;
	height: 20px;
	text-decoration: none;
	margin-bottom: 2px;
}
.newsTitle a:hover{
	text-decoration: none;	
	color: #FFFFFF;
	background-color: #333333;
}
#jobDate {
	width:100px;
	float: right;
	text-align: right;
	color: #000;
}