@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
	}

p {
	font-size: 75%;
	line-height: 1.5em;
	margin-bottom: 1.2em;
	color: #777;
	}
	
	
a {
	color: #666666;
	}

h1 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 160%;
	color: #000000;
	}
	
h2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 160%;
	color: #000000;
	font-weight: lighter;
	letter-spacing: 0.05em;
	}


h3 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	margin-bottom: 10px;
	font-weight: normal;
	}
	
h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	}
	
.line {
	width: 100%;
	border-top: 1px solid #FF6600;
	margin-bottom: 20px;
	}
	
div#nav-wrapper {
	width: 660px;
	height: 20px;
	float: right;
	}
	
ul#nav {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	list-style: none;
	margin-top: 5px;
	}
	
	ul#nav li{
		display: inline;
		}
	
	ul#nav li a{
		font-size: 70%;
		display: block;
		margin-right: 15px;
		color: #333;
		text-decoration: none;
		text-align: center;
		float: left;
		}
	
	ul#nav li a:hover{
		color: #FF0000;
		}
		
		
	ul#nav li a.active{
		color: #FF0000;
		}


/* Tools */

.clear {
	clear: both;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.italic {
	font-style: italic;
	}
	
div#pagewrap {
	margin: 0 auto;
	width: 1000px;
	}
	
div#accessibility {
		font-size: 70%;
		width: auto;
		float: left;
		}
	
	

/* Colours */

.orange-1	 	{color: #FF6600;}
.orange-2 		{color: #993300;}
.grey-1 		{color: #333333;}
.grey-1 		{color: #666666;}
.cool-grey-1	{color: #596e74;}
.red			{color: #FF0000;}
.black			{color: #000;}


.red-link		{color: #FF0000; text-decoration: none;}
.black-link		{color: #000;}

.red-link:hover		{color: #AA0000; text-decoration: underline;}
.black-link:hover	{color: #666;}


/* CSS Header Section */

	
div#headerwrap {
	padding-left: 20px;
	padding-right: 20px;
	background: url(../images/header_bg.gif) repeat-x top;
	height: 86px;
	margin-bottom: 3px;
	}
	
	div#headerinner{
		padding-top: 22px;
		margin: 0 auto;
		width: 1000px;
		}
	
			
	
	div#headerinner-left {
		width: 231px;
		float: left;
		}
			
		
	div#headerinner-right {
		text-align: right;
		width: 660px;
		float: right;
		}
		
	div#headerinner-telwrap {
		margin-top: -5px;
		width: 210px;
		height: 30px;
		float: right;
		}
		
	.headerinner-telwrap2 {
		margin-top: -5px;
		width: 210px;
		height: 30px;
		float: left;
		}
		
.reachexpert {
	font-size: 80%;
	color: #506175;
	font-weight: bold;
	}
	
.telephone {
	display: block;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FF0000;
	font-weight: lighter;
	letter-spacing: 0.05em;
	float: right;
	}
	
div#stripwrap {
	width: 100%;
	margin-bottom: 10px;
	background: url(../images/strip_bg.gif) repeat-x top;
	}
	
div#stripwrap2 {
	width: 100%;
	margin-bottom: 3px;
	background: url(../images/strip_bg.gif) repeat-x top;
	}

div#stripinner{
		margin: 0 auto;
		width: 1000px;
		height: 3px;
		background-color: #FFFFFF;
		}

	div#strip-left{
		text-align: left;
		width: 320px;
		float: left;
		background-color: #AAA;
		margin-right: 20px;
		height: 3px;
		}
		
	div#strip-right{
		width: 660px;
		text-align: right;
		background-color: #FF0000;
		float: right;
		height: 3px;
		}
		
	div#stripinner-2{
		margin: 0 auto;
		width: 1000px;
		height: 3px;
		}

/* Body Section */


	/* Homepage Row 1*/
	
div#row1wrapper{
		width: 100%;
		background-color: #FFFFFF;
		}
		
	div#row1-left{
		text-align: left;
		width: 320px;
		float: left;
		background-color: #FFFFFF;
		margin-right: 20px;
		}
		
	div#row1-right{
		width: 660px;
		float: right;
		}
		
	div#row1-0{
		margin-bottom: 5px;
		text-align: left;
		}
		
/* tag cloud effect */			
		
	div#row1-1{
		border: 1px solid #CCC;
		margin-bottom: 5px;
		height: 155px;
		}
		
	div#row1-1 a{
		text-decoration: none;
		}
		
	div#row1-1 a:hover{
		color: #AAA;
		text-decoration: underline;
		}
		
.text_planning{font-size: 80%; color: #FF9999; position: absolute; margin-left: 125px; margin-top: 15px; width: auto;}
.text_integrity{font-size: 80%; color: #FF9999; position: absolute; margin-left: 72px; margin-top: 30px; width: auto;}
.text_trust{font-size: 110%; color: #FF0000; position: absolute; margin-left: 185px; margin-top: 23px; width: auto;}
.text_measurements{font-size: 85%; color: #FF9999; position: absolute; margin-left: 102px; margin-top: 40px; width: auto;}
.text_strategy{font-size: 100%; color: #ff2f2f; position: absolute; margin-left: 31px; margin-top: 48px; width: auto;}
.text_webdesign{font-size: 150%; color: #FF0000; position: absolute; margin-left: 145px; margin-top: 50px; width: auto;}
.text_branding{font-size: 150%; color: #FF0000; position: absolute; margin-left: 15px; margin-top: 70px; width: auto;}
.text_reputation{font-size: 85%; color: #ff6666; position: absolute; margin-left: 160px; margin-top: 78px; width: auto;}
.text_communications{font-size: 80%; color: #FF9999; position: absolute; margin-left: 100px; margin-top: 95px; width: auto;}
.text_identity{font-size: 110%; color: #FF0000; position: absolute; margin-left: 70px; margin-top: 111px; width: auto;}
.text_marketing{font-size: 90%; color: #FF9999; position: absolute; margin-left: 143px; margin-top: 114px; width: 150px;}
		
	div#row1-2{
		border: 1px solid #CCC;
		background-color: #bcc2c7;
		height: 78px;
		padding: 20px;
		}
		
	.row-spacer{
		width: 100%;
		height: 15px;
		}
		
.callback_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #5b6066;
	}
		
table.form_callback {
	font-size: 75%;
	float: left;
	}
	
table.form_callback .form_fields {
	width: 100%;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
table.form_callback .form_fields_short {
	width: 100px;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
table.form_callback .form_fields_multi {
	width: 100%;
	height: 80px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
	
/* Homepage Row 2*/	
		
div#row2wrapper{
		background-color: #FFFFFF;
		}
		
	div#row2-left{
		text-align: left;
		width: 660px;
		float: left;
		background-color: #FFFFFF;
		}
		
	div#row2-right{
		width: 338px;
		float: right;
		}
	
		
	.box-left{
		width: 278px;
		height: 225px;
		padding: 20px;
		border: 1px solid #CCCCCC;
		float: left;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		}
		
	.box-left p{
		color: #777;
		}
		
	.box-middle{
		padding: 20px;
		width: 278px;
		height: 225px;
		border: 1px solid #CCCCCC;
		float: right;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		margin-left: 20px;
		}
		
	.box-middle p{
		color: #777;
		}
		
	.box-right{
		width: 276px;
		height: 225px;
		padding: 20px;
		margin-left: 20px;
		border: 1px solid #CCCCCC;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		}
		
	.box-right p{
		color: #777;
		}
	
	
/* Homepage Row 3*/
	
div#row3wrapper{
		width: 100%;
		background-color: #FFFFFF;
		}
		
	div#row3-left{
		text-align: left;
		width: 618px;
		float: left;
		background-color: #ffd768;
		margin-right: 20px;
		padding: 20px;
		border: 1px solid #CCC;
		height: 85px;
		}
		
	.row3-ebrochure{
		float: right;
		margin-right: -40px;
		margin-top: -20px;
		}
		
	div#row3-left p{
		color: #333;
		}
		
	div#row3-right{
		width: 278px;
		float: right;
		padding: 20px;
		border: 1px solid #CCC;
		height: 85px;
		}
		
	div#row3-right-newsletter{
		width: 298px;
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
		border: 1px solid #CCC;
		background-color: #999999;
		height: 105px;
		font-size: 80%
		}
		
.form_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #6c561a;
	}
		
table.form_guides {
	font-size: 75%;
	float: right;
	margin-left: 20px;
	}
	
table.form_guides .form_fields {
	width: 100%;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
.form_fields_75 {
	width: 75%;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
.form_fields_50 {
	width: 50%;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
		
		
/* Homepage Row 4*/
	
div#row4wrapper {
		width: 100%;
		}
		
	ul#logos {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		list-style: none;
		float: left;
		}
		
		ul#logos li {
			display: inline;
			margin-right: 17px;
			}
			
			ul#logos li a {
				border: 0;
				}
				
				
/* Homepage Row 5*/
	
div#row5wrapper{
		width: 100%;
		background-color: #FFFFFF;
		}
		
	div#row5-left{
		text-align: left;
		width: 640px;
		float: left;
		margin-right: 40px;
		}
		
	div#row5-right{
		width: 280px;
		float: right;
		text-align: left;
		padding: 20px;
		background-color: #efefef;
		}
		
.latest-launch-title {
	display: block;
	font-size: 120%;
	margin-top: 12px;
	margin-bottom: 25px;
	}
	
.latest-image {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}
	
div#latest-logo {
	padding-top: 15px;
	padding-bottom: 25px;
	}
	
.insight-line{
	height: 10px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	}
	
.insight-date{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #666;
	
	}
	

.insight-latest{
	font-size: 80%;
	color: #666666;
	}
	
.insight-divide{
	height: 1px;
	border-top: 2px dotted #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	
	
/* Homepage Flash*/
	
div#rowflash{
		width: 100%;
		background-color: #FFFFFF;
		padding-top: 15px;
		border-top: 1px solid #CCC;
		margin-top: 15px;
		padding-bottom: 30px;
		}
		
.red-link-right{
		color: #FF0000;
		text-decoration: none;
		float: right;
		font-size: 12px;
		}
		
.red-link-right:hover{
		color: #AAA;
		text-decoration: underline;
		}
	
	

/* CSS Footer Section */

	
div#footerwrap {
	padding-left: 20px;
	padding-right: 20px;
	background: url(../images/footer_bg.gif) repeat-x top;
	height: 86px;
	margin-top: 3px;
	}
	
	div#footerinner{
		padding-top: 10px;
		margin: 0 auto;
		width: 1000px;
		}
		
	div#credits a {
		margin-top: -70px;
		display: block;
		text-decoration: none;
		width: auto;
		float: right;
		font-size: 50%;
		color: #CCC;
		}
		
	div#creds {
		font-size: 50%;
		margin-top: -50px;
		margin-left: 570px;
		width: 277px;
		height: 42px;
		padding: 8px 8px 8px 35px;
		color: #666666;
		background: url(../images/creds_tag.png);
		}
		
	div#creds a {
		line-height: 20px;
		color: #666666;
		text-decoration: underline;
		}
		
	div#creds a:hover {
		color: #111111;
		}
		
		
/* CSS Content Navigation */

	
ul#solution-nav {
	list-style: none;
	margin-bottom: 20px;
	}
	
	ul#solution-nav li{
		height: 20px;
		width: 100%;
		background: url(../images/lozenge_1.gif) top no-repeat;
		margin-bottom: 3px;
		}
		
		ul#solution-nav li:hover{
		background: url(../images/lozenge_2.gif) top no-repeat;
		}
		
		ul#solution-nav li.active{
		background: url(../images/lozenge_2.gif) top no-repeat;
		}
		
	ul#solution-nav li a{
		display: block;
		padding-top: 2px;
		height: 18px;
		font-size: 80%;
		margin-left: 20px;
		color: #333;
		text-decoration: none;
		}
		
	ul#solution-nav li a:hover{
		color: #FFF;
		}
		
	ul#solution-nav li a.active{
		color: #FFF;
		}
		
div#page-icon{
		padding-top: 10px;
		padding-bottom: 30px;
		float: left;
		width: 100%;
		}
		
div#solutions{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		font-size: 140%;
		color: #999;
		}
		
ul.paragraph-bullets{
		font-size: 75%;
		list-style: circles;
		margin-left: 15px;
		}
		
ul.paragraph-bullets li{
		line-height: 1.7em;
		margin-bottom: 1em;
		color: #777;
		}
		
/* CSS Content Contact */	
		
.full-width{
	width: 100%; 
	}
	
.full-width-left {
	width: 320px;
	margin-right: 20px; 
	float: left; 
	}
	
.full-width-left-wide {
	width: 620px;
	margin-right: 20px; 
	float: left; 
	}
	
.full-width-right {
	width: 660px; 
	float: right; 
	}
	
.full-width-right-1 {
	width: 320px; 
	float: left; 
	}
	
.full-width-right-2 {
	width: 320px; 
	float: right; 
	}
	
.full-width-right-short {
	width: 320px; 
	float: right; 
	}
	
div#map_canvas {
	border: 1px solid #a3afbd; 
	}
	
.contact-title {
	padding-bottom: 5px;
	color: #000;
	font-size: 18px; 
	}

.contact-county {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	color: #333;
	font-size: 22px; 
	}
	
.contact-marker {
	float: left;
	margin-right: 5px;
	}

.contact-location {
	color: #FF0000;
	display: block;
	padding-top: 7px;
	margin-bottom: 10px;
	}
	
.contact-button {
	background: url("../images/location-button.gif") no-repeat top;
	width: 192px;
	height: 22px;
	margin-bottom: 30px;
	margin-left: -5px;
	margin-top: -5px;
	}
	
.contact-button .contact-link {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 172px;
	height: 18px;
	padding-left: 20px;
	padding-top: 4px;
	}
	
.contact-button .contact-link:hover {
	text-decoration: underline;
	color: #CCC;
	}
	
.location-link {
	font-size: 12px;
	color: #333;
	display: block;
	margin-bottom: 5px;
	text-decoration: underline;
	}

.location-link:hover {
	color: #FF0000;
	}
	
.location-portfolio {
	height: auto;
	margin-bottom: 20px;
	}
	
.location-portfolio-left {
	float: left;
	margin-right: 20px;
	}
	
	
	
/* CSS Content Our Work */	

.client_box{
	width:1000px; 
	height:158px; 
	margin:0 0 15px 0; 
	}
	
.client_box2{
	width:1000px; 
	height: auto; 
	margin:0 0 15px 0; 
	}
	
.client_img_disabled {
	margin-right: 15px; 
	float: left;
	border: 1px solid #FFF;
	}
	
.client_img_disabled2 {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
	border: 1px solid #FFF;
	}
	
.client_img {
	margin-right: 15px; 
	float: left;
	border: 1px solid #FFF;
	}
	
	
.client_img:hover {
	border: 1px solid #FF0000;
	background-image: url(../images/clients.png);
	}

.client_logo {
	margin-bottom: 15px; 
	display:block;
	}
	
div#ourwork-wrap{
	width:943px;
	margin:0 0 40px 26px; 
	}
	
div#ourwork-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	padding-bottom: 30px;
	border-bottom: 1px solid #CCC;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 100;
	line-height: 1.3em;
	}
	
div#ourwork-url{
	font-size: 80%;
	margin-bottom: 30px;
	}
	
.ourwork_subtitle{
	display: block;
	font-size: 110%;
	margin-bottom: 10px;
	}	
	
.table{
	width: 900px;
	margin-top: 15px;
	margin-bottom: 50px;
	margin-left: 22px;
	}
	
.table-header{
	width: 100%;
	height: 37px;
	background: url(../images/header_white.gif) no-repeat top;
	}
	
table.services{
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #ccc;
	font-size: 80%;
	background-color: #efefef;
	color: #666666;
	line-height: 1.7em;
	}
	
table.services td{
	padding: 20px;
	}
	
	
	
/* CSS Content Fast Free Audit */	

.audit-box{
	width: 618px; 
	padding: 20px; 
	margin:0 0 15px 0;
	border: 1px solid #ccc;
	background: url(../images/audit_bg.gif) #D9EBF7 repeat-x bottom;
	}
	
table.form_audit {
	font-size: 75%;
	}
	
table.form_audit .form_fields {
	width: 100%;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
table.form_audit .form_fields {
	width: 100%;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
table.form_audit .form_fields_multi {
	width: 100%;
	height: 80px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
table.form_audit .form_fields_short {
	width: 100px;
	height: 20px;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #a3afbd;
	}
	
table.form_audit .form_audit_notes {
	font-size: 95%;
	color: #666;
	}
	
.right-pro-logos {
	float: right;
	margin-left: 20px;
	margin-top: -5px;
	margin-bottom: 20px;
	}
	
	
	
/* CSS Content Sitemap */	

table.sitemap-table{
	margin-left: 100px;
	}

ul.sitemap{
	list-style: url(../images/bullet_red.gif) outside;
	}
	
	ul.sitemap li{
	}
	
	.sitemap-box a{
		display: block;
		width: 100%;
		margin-bottom: 8px;
		font-size: 75%;
		color: #000;
		text-decoration: none;
		}
	
	.sitemap-box a:hover{
		color: #FF0000;
		}
	
	.sitemap-box-child a{
		display: block;
		margin-bottom: 6px;
		font-size: 70%;
		margin-left: 20px;
		text-decoration: none;
		}
	
	.sitemap-box-child a:hover{
		color: #111;
		}
		
		
/* Insights Boxes */	
		
.row9wrapper{
		background-color: #FFFFFF;
		}
		
	.row9-left{
		text-align: left;
		width: 660px;
		float: left;
		background-color: #FFFFFF;
		}
		
	.row9-right{
		width: 338px;
		float: right;
		}
	
		
	.box-left-i{
		width: 278px;
		min-height: 220px;
		height: auto;
		padding: 20px;
		border: 1px solid #CCCCCC;
		float: left;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		text-decoration: none;
		}
		
	.box-left-i p, a{
		text-decoration: none;
		}
		
	.box-left-i:hover{
		border: 1px solid #000;
		}
		
	.box-left-i p{
		color: #777;
		text-decoration: none;
		}
		
	.box-middle-i{
		padding: 20px;
		width: 278px;
		min-height: 220px;
		height: auto;
		border: 1px solid #CCCCCC;
		float: right;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		margin-left: 20px;
		}
		
	.box-middle-i p, a{
		text-decoration: none;
		}
		
	.box-middle-i:hover{
		border: 1px solid #000;
		}
		
	.box-middle-i p{
		color: #777;
		}
		
	.box-right-i{
		width: 276px;
		min-height: 220px;
		height: auto;
		padding: 20px;
		margin-left: 20px;
		border: 1px solid #CCCCCC;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		}
		
.box-right-i:hover{
		border: 1px solid #000;
		}
		
	.box-right-i p{
		color: #777;
		}
		
	.box-right p{
		color: #777;
		}
		
	.icon-right{
		float: right;
		margin-bottom: 40px;
		}

	
/* References */	
		
.divide{
		margin-top: 15px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		}
		
		
/* News Boxes */	
		
.row8wrapper{
		background-color: #FFFFFF;
		}
		
	.row8-left{
		text-align: left;
		width: 660px;
		float: left;
		background-color: #FFFFFF;
		}
		
	.row8-right{
		width: 338px;
		float: right;
		}
	
		
	.box-left-n{
		width: 278px;
		height: 245px;
		padding: 20px;
		border: 1px solid #CCCCCC;
		float: left;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		}
		
	.box-left-n p{
		color: #777;
		}
		
	.box-middle-n{
		padding: 20px;
		width: 278px;
		height: 245px;
		border: 1px solid #CCCCCC;
		float: right;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		margin-left: 20px;
		}
		
	.box-middle-n p{
		color: #777;
		}
		
	.box-right-n{
		width: 276px;
		height: 245px;
		padding: 20px;
		margin-left: 20px;
		border: 1px solid #CCCCCC;
		background: url(../images/box_gradient.gif) repeat-x bottom;
		}
		
	.box-right-n p{
		color: #777;
		}
	
	
		
/* Articles Boxes */

.article-width{
	width: 660px; 
	}
		
.article-box{
	background-color: #FFE6D6;
	border: 1px solid #CCC;
	padding: 20px;
	margin-bottom: 20px;
	}
		
.article-footer{
	margin-bottom: 20px;
		}
		
.article-footer-left{
	float: left;
	width: 280px;
	background-color: #FFE6D6;
	border: 1px solid #CCC;
	padding: 20px;
	height: 250px;
	}
	
.article-footer-right{
	float: right;
	width: 280px;
	background-color: #FFE6D6;
	border: 1px solid #CCC;
	padding: 20px;
	height: 250px;
	}
	
.article-box-right{
	float: right;
	width: 278px;
	border: 1px solid #FFF;
	padding: 20px;
	height: 250px;
	}
	
.article-image{
	border: 1px solid #CCC;
	margin-bottom: 20px;
	}
	
/* Articles Boxes */

div#referral{
	width: 960px;
	height: 230px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1 px solid #ccc;
	background-color: #FFDDDD;
	}
	
div#referral-thankyou{
	width: 960px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1 px solid #ccc;
	background-color: #FFDDDD;
	}

.referral-title{
	font-size: 130%;
	color: #111;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}







/* ------ Blog -------------- */


div#blog-left {
	width: 755px;
	float: left;
	padding: 0px 0px 30px 0px;
	margin-top: 20px; 
	}
	
	.blog-top-left {
	width: 88px;
	height: 170px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	background-image: url("../images/blog-gradient.gif");
	background-repeat: repeat-x;
	background-position: bottom;
			}
			
	.blog-top-right {
			width: 610px;
			padding-top: 30px;
			font-size: 22px;
			font-family: Arial, Helvetica;
			color: #7f848c;
			padding-bottom: 15px;
			border-bottom: 1px dashed #7f848c;
			margin-bottom: 20px;
			float: right;
			}
			
	.blog-left {
			width: 88px;
			height: 271px;
			padding-top: 10px;
			padding-left: 15px;
			padding-right: 15px;
			float: left;
			background-color: #eff0f1;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #7f848c;
			}
			
	.blog-left-detail {
			width: 88px;
			height: 400px;
			padding-top: 10px;
			padding-left: 15px;
			padding-right: 15px;
			float: left;
			background-color: #eff0f1;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #7f848c;
			}
			
	.blog-left-bottom {
			width: 88px;
			height: 50px;
			padding-top: 10px;
			padding-left: 15px;
			padding-right: 15px;
			float: left;
			background-color: #eff0f1;
			}
			
	.blog-date {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 28px;
			color: #7f848c;
			}
			
	.blog-date-red {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 28px;
			color: #FF0000;
			}
			
	.blog-right {
			width: 610px;
			height: 235px;
			font-size: 12px;
			font-family: verdana;
			color: #7f848c;
			padding-bottom: 15px;
			border-bottom: 1px solid #d6d9dd;
			margin-bottom: 20px;
			line-height: 18px;
			float: right;
			}
			
	.blog-right-bottom {
			width: 610px;
			height: 20px;
			padding-top: 15px;
			font-size: 12px;
			font-family: verdana;
			color: #7f848c;
			padding-bottom: 25px;
			line-height: 18px;
			float: right;
			text-align: right;
			}
			
	.blog-right-detail  {
			width: 610px;
			height: auto;
			padding-bottom: 15px;
			margin-bottom: 20px;
			float: right;
			font-size: 12px;
			font-family: verdana;
			color: #7f848c;
			line-height: 18px;
			}
			
	.blog-right-detail  p {
			font-size: 12px;
			font-family: verdana;
			color: #7f848c;
			line-height: 18px;
			}
			
	.blog-right-bottom a {
			text-decoration: underline;
			}
			
	.blog-right-bottom a:hover {
			text-decoration: underline;
			color: #FF0000;
			}
			
	.blog-more-link {
			text-decoration: none;
			color: #FF0000;
			}
			
	.blog-more-link:hover {
			text-decoration: underline;
			color: #FF0000;
			}
			
	.blog-arrow {
			float: left;
			margin-top: 10px;
			margin-left: -28px;
			}
			
	.blog-author {
			float: left;
			margin-right: 10px;
			border: 1px solid #d6d9dd;
			}

div#blog-entry-wrapper {
		width: 630px;
		float: left;
		height: auto;
		}
		
		.blog-entry {
			width: 630px;
			padding-bottom: 15px;
			border-bottom: 1px solid #444;
			margin-bottom: 10px;
			}
			
			.blog-title {
				display: block;
				width: 610px;
				float: right;
				line-height: 25px;
				font-size: 22px;
				font-family: Arial, Helvetica;
				color: #FF0000;
				padding-top: 15px;
				padding-bottom: 15px;
				}
				
			.date-comment-wrap {
				padding-top: 12px;
				float: right;
				text-align: right;
				padding-left: 30px;
				}
				
			.date-text {
				color: #DDD;
				display: block;
				margin-bottom: 3px;
				font-size: 12px;
				}
				
			.comment-text {
				color: #7f848c;
				font-size: 12px;
				text-decoration: none;
				}
				
			.comment-text:hover {
				color: #99ff00;
				text-decoration: underline;
				}
				
			.blog-text {
				font-size: 12px;
				font-family: Verdana, Arial;
				color: #CCC;
				line-height: 1.6em;
				margin-bottom: 25px;
				}
				
				.blog-text-link {
					color: #99ff00;
					text-decoration: none;
					font-size: 12px;
					}
					
				.blog-text-link:hover {
					color: #99ff00;
					text-decoration: underline;
					}
					
			.blog-image {
					float: right;
					border: 1px solid #999;
					padding: 1px;
					width: auto;
					height: auto;
					margin-left: 30px;
					margin-bottom: 20px;
					}
					
			.blog-tag-strip {
				display: block;
				padding: 7px 10px 7px 10px;
				font-size: 11px;
				font-family: Verdana, Arial;
				color: #999;
				background-color: #222;
				}
				
			.blog-tags {
				display: block;
				float: right;
				font-size: 11px;
				font-family: Verdana, Arial;
				color: #999;
				width: auto;
				}
				
				.blog-tags-green {
					color: #CCC;
					}
			
	
	
	div#blog-right {
		margin-right: 0px;
		width: 170px;
		margin-top: 20px;
		float: right;
		height: auto;
		background-color: #d6d9dd;
		padding: 25px;
		margin-bottom: 18px;
		}
		
		.blog-panel-titles{
			display: block;
			font-size: 18px;
			font-family: Arial, Helvetica;
			color: #60646B;
			padding-top: 20px;
			padding-bottom: 6px;
			border-bottom: 1px solid #bbbfc4;
			margin-bottom: 5px;
			}
			
		.blog-panel-categories{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 12px;
			color: #7f848c;
			text-decoration: none;
			}
			
		.blog-black{
			color: #000;
			text-decoration: none;
			}
			
		.blog-red{
			color: #FF0000;
			text-decoration: none;
			}
			
			
		.blog-panel-categories:hover{
			text-decoration: none;
			color: #FF0000;
			}
			
		.blog-panel-recent{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 12px;
			color: #7f848c;
			}
			
		.blog-panel-recent:hover{
			color: #404347;
			}
			
		.blog-panel-tags{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			}
			
		.blog-panel-tags-1{
			font-size: 11px;
			color: #FF0000;
			}
			
		.blog-panel-tags-1:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-2{
			font-size: 12px;
			color: #FF0000;
			}
			
		.blog-panel-tags-2:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-3{
			font-size: 13px;
			color: #FF0000;
			}
			
		.blog-panel-tags-3:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-4{
			font-size: 14px;
			color: #FF0000;
			}
			
		.blog-panel-tags-4:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-5{
			font-size: 15px;
			color: #FF0000;
			}
			
		.blog-panel-tags-5:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-6{
			font-size: 16px;
			color: #FF0000;
			}
			
		.blog-panel-tags-6:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-7{
			font-size: 17px;
			color: #FF0000;
			}
			
		.blog-panel-tags-7:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-8{
			font-size: 18px;
			color: #FF0000;
			}
			
		.blog-panel-tags-8:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-9{
			font-size: 19px;
			color: #FF0000;
			}
			
		.blog-panel-tags-9:hover{
			color: #FF0000;
			text-decoration: underline;
			}
			
		.blog-panel-tags-10{
			font-size: 20px;
			}
			
		.blog-panel-tags-10:hover{
			color: #FF0000;
			text-decoration: underline;
			}
		
		.blog-panel-line{
			margin-top: 30px;
			border-bottom: 1px solid #555;
			margin-bottom: 30px;
			}
			
		.blog-panel-months{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 12px;
			color: #000;
			}
			
		.blog-panel-months-links{
			text-decoration: none;
			font-size: 12px;
			color: #7f848c;
			}
			
		.blog-panel-months-links:hover{
			text-decoration: none;
			color: #FF0000;
			}
			
		.blog-image-left{
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
			}
			
		.blog-image-right{
			float: right;
			margin-left: 20px;
			margin-bottom: 20px;
			}
			
div#blog-comments-total{
			display: block;
			color: #7f848c;
			font-weight: normal;
			font-size: 20px;
			padding-top: 30px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 20px;
			}
			
		.blog-comment{
			color: #7f848c;
			font-size: 12px;
			padding-top: 10px;
			padding-bottom: 20px;
			border-bottom: 1px solid #d6d9dd;
			margin-bottom: 10px;
			}
			
		.blog-comment-name{
			display: block;
			color: #64686F;
			font-size: 12px;
			font-weight: bold;
			padding-bottom: 5px;
			}
			
		.blog-comment-date{
			display: block;
			color: #7f848c;
			font-size: 11px;
			padding-bottom: 12px;
			}
			
div#blog-submission-box{
			display: block;
			color: #111;
			margin-top: 40px;
			background-color: #dedede;
			font-size: 12px;
			padding: 10px 20px 10px 20px;
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-top: 1px solid #CCC;
			}
			
div#blog-submission-box-title{
			display: block;
			color: #111;
			font-size: 16px;
			font-weight: bold;
			padding-top: 10px;
			}
			
div#login-text{
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			padding: 15px;
			display: block;
			color: #111;
			font-size: 90%;
			}
			
div#login-text-loggedin{
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			background-color: #ccc;
			padding: 15px 20px 15px 20px;
			display: block;
			color: #111;
			font-size: 12px;
			background: url("../images/comments-bg.gif") repeat-x bottom;
			}
			
div#back-box{
			padding-top: 25px;
			display: block;
			font-size: 80%;
			}
			
		
.add-comment{
			margin-bottom: 5px;
			display: block;
			font-size: 90%;
			}
			
.form-fields-multi-blog{
	padding-left: 3px;
	display: block;
	width: 560px;
	margin-bottom: 2px;
	}
	
.comments-reducer{
	font-size: 12px;
	display: block;
	padding-bottom: 3px;
	color: #7f848c;
	}
	
.form-fields-single-blog{
	padding-left: 3px;
	display: block;
	width: 300px;
	height: 20px;
	margin-bottom: 2px;
	}
	
.form-fields-short-blog{
	padding-left: 3px;
	display: block;
	width: 100px;
	height: 20px;
	margin-bottom: 2px;
	}
	
.form-fields-search{
	padding-left: 3px;
	display: block;
	width: 130px;
	height: 22px;
	border: 1px solid #7f848c;
	}
	
.blog-comment-add-button{
	display: block;
	text-align: right;
	}
	
.postedby{
	font-size: 12px;
	padding-bottom: 10px;
	}
	
.rss-wrapper {
	vertical-align: top;
	margin-bottom: 25px;
	}
	
.rss-logo {
	float: left;
	margin-right: 10px;
	}
	
.rss-link {
	color: #CC6600;
	font-size: 11px;
	text-decoration: none;
	padding-top: 6px;
	display: block;
	width: auto;
	}
	
.rss-link:hover {
	text-decoration: underline;	
	}
	
.our-work-links {
	color: #FF0000;
	font-size: 14px;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	width: 280px;	
	}
	
.our-work-links:hover {
	color: #FF0000;
	font-size: 14px;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	width: 280px;	
	}
	
.our-work-links-dormant {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	width: 280px;	
	}
	
.our-work-links-dormant:hover {
	color: #333;
	font-size: 14px;
	text-decoration: underline;
	display: block;
	margin-bottom: 8px;
	width: 280px;	
	}
	
.scope {
	padding: 10px 5px 10px 5px;
	font-size: 12px;
	color: #666666;	
	width: 650px;
	float: left;
	}
	
.print-right-wrap {
	float: right;
	width: 280px;
	}