﻿body {
/*	margin: 0px 0px 0px 0px; */
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
	font-family:Rockwell;
}

H1 {
    font-size:1em;
    color:#FFFFFF;
    font-weight:normal;
}

.WebsiteContainer {
	width:872px;
}

.WebsiteHeader {
	background-color: white;
	height: 125px;
}

.WebsiteHeader_logo {
	float: left;
/*	margin: 50px 0 0 108px; */
	margin-top:50px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
	padding-left:108px;	
}

.WebsiteHeader_email {
	float: right;
/*	margin: 85px 0 0 0; */
	margin-top:85px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
	color: #5B4961;
	font-size: 0.75em;
}

.WebsiteHeader_email a:link, .WebsiteHeader_email a:visited {color: #5B4961}
.WebsiteHeader_email a:hover {color: #A99282}

.WebsiteHeader_phone {
	float: right;
/*	margin: 85px 10px 0 0; */
	margin-top:85px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left: 0px;
	color: #5B4961;
	font-size: 0.75em;
}

.WebsiteSideMenu {
	float: left;
	width: 108px;
	height: 439px;
/*	margin: 0px 0px 0px 0px; */
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
	padding: 0px;
	color: #000;
}

.WebsiteSideMenu_content {
	float: left;
/*	margin: 32px 0 0 39px; */
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
	font-size: 0.8em;
	padding-top: 32px;
	padding-left: 30px;
}

.WebsiteSideMenu_verticalbar {
	float: right;
	width: 1px;
	height: 439px;
/*	margin: 0px 6px 0px 0px; */
	margin-top:0px;
	margin-right:6px;
	margin-bottom:0px;
	margin-left: 0px;
	background-color: #7DA7D9;
}

.WebsiteWorkSideMenu {
	float: left;
	width: 155px;
	height: 439px;
/*	margin: 0px 0px 0px 0px; */
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
	padding: 0px;
	color: #000;
}

.WebsiteWorkSideMenu_content {
	float: left;
/*	margin: 62px 0 0 19px; */
	margin-top:62px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-size: 0.8em;
	padding-left: 19px;
}


.WebsiteMainBody {
	float: right;
	width: 764px;
	height: 439px;
/*	margin: 0px 0px 0px 0px; */
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;	
	padding: 0px;
	color: #000;

}

.WebsiteWorkMainBody {
	float: right;
	width: 609px;
	height: 439px;
/*	margin: 0px 0px 0px 0px; */
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;	
	padding: 0px;
	color: #000; 


}
.WebsiteFooter {
	float: none;
}

.WebsiteFooter_ConnectGrp {
	float: right;
/*	background-image: url('images/footer.gif');
	background-repeat: no-repeat; */
	width: 475px;
	height: 30px	
}

.WebsiteFooter_DMA {
	float: left;
/*	margin: 5px 0px 0px 20px; */
	margin-top:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 20px;	
	font-size: 0.6em;
	color:Gray;
}

.fullpagecontent {
	position:absolute;
	margin: 25px 25px 0px 25px;
}

.workcontent_transparent {
	filter: alpha(opacity=85); /* ie */ 
	-moz-opacity: .75; /* mozilla */ 
	background:white;
	color:#000;
	width:75%;
	position:absolute;
	right:0px;
	height:100%;
}

.workcontent_normal {
	position:absolute;
	-moz-opacity:1;
	top:25px;
	left:30%;
	width:400px;
	font-size: 0.85em;
	color:#5B4961;
}

.work_bckgrd {
	position:relative;
	background:white;
	height:100%;
	background-repeat: no-repeat;
}

.talkpage_row { float: none; font-size: 0.8em; padding:2px; width: 100%}
.talkpage_lbl {	float: left; width: 30% }
.talkpage_txt {	float: left; width: 70% }

.talkpage_sleevebutton { background-image: url('images/sleevebutton.gif'); background-repeat: no-repeat; width: 96px; height: 96px; position:absolute; bottom:20px; left:10px; color:white}


/* background images for the work pages */

.work_bc {background-image: url('images/work_laptop.gif'); background-repeat: no-repeat; width: 609px; height: 406px; left:2px; top:20px; position:relative; padding:0px; margin:0px}
.work_db {background-image: url('images/work_database.gif'); background-repeat: no-repeat}
.work_od {background-image: url('images/work_onlinedata.gif'); background-repeat: no-repeat}
.work_ob {background-image: url('images/work_outbound.gif'); background-repeat: no-repeat}
.work_oc {background-image: url('images/work_onlinecampaign.gif'); background-repeat: no-repeat}
.work_lm {background-image: url('images/work_leadmanagement.gif'); background-repeat: no-repeat}
.work_ib {background-image: url('images/work_inbound.gif'); background-repeat: no-repeat}

.work_monitorbox {
	position:absolute;
	left:140px;
	top:150px;
	padding:0px;
	margin:0px;
}
.homepage_backimage {
	position:absolute;
	bottom:0px;
	right:0px;
	height:436px;
	width:313px;
	background-image: url('images/homepage.gif');
	background-repeat: no-repeat;
}

.grouppage_backimage {
	position:absolute;
	bottom:0px;
	right:0px;
	height:291px;
	width:339px;
	background-image: url('images/atom.gif');
	background-repeat: no-repeat;
}

.contactpage_backimage {
	position:absolute;
	right:0px;
	height:438px;
	width:195px;
	background-image: url('images/questionmark.gif');
	background-repeat: no-repeat;
}

.whypage_backimage {
	position:absolute;
	bottom:0px;
	right:0px;
	height:375px;
	width:239px;
	background-image: url('images/maze.gif');
	background-repeat: no-repeat;
}

.protectionpage_backimage {
	position:absolute;
	bottom:0px;
	right:0px;
	height:320px;
	width:302px;
	background-image: url('images/dmapage.gif');
	background-repeat: no-repeat;
}

.clientslogo {padding-top:10px}
.clientsrow1 {display: block; margin: auto}



/* .clientsrow1 div {float: left; padding:10px; display: block;   margin-top: auto;   margin-bottom: auto} */

/* Coloured background for the content pages */

.homepage		{position:relative; background:#7da7d8; height:100%}
.whypage		{position:relative; background:#957866; height:100%}
.grouppage		{position:relative; background:#bacdea; height:100%}
.clientspage	{position:relative; background:#7DA7D9; height:100%}
.mappage		{position:relative; background:#a7be7b; height:100%; background-image: url('images/map.gif'); background-repeat: no-repeat;}
.jobspage		{position:relative; background:#7da7d8; height:100%; background-image: url('images/jobs.gif'); background-repeat: no-repeat;}
.talkpage		{position:relative; background:#6d6f71; height:100%; background-image: url('images/talk.gif'); background-repeat: repeat}
.contactpage	{position:relative; background:#BCBEC0; height:100%}
.protectionpage	{position:relative; background:#d8e4fa; height:100%}


a:link { color: #7DA7D9; text-decoration: none; }
a:visited { color: #7DA7D9; text-decoration: none; } 
a:hover { color: #A99282; } 

/* url formatting for the Jobs page */

.jobspage a			{font-size: 0.8em}
.jobspage a:link	{color: white; text-decoration: none;}
.jobspage a:visited	{color: white; text-decoration: none; } 
.jobspage a:hover	{color: black; } 
.jobspage a[href^="mailto:"] {font-size: 1em}

/* url formatting for the talk page */

.talkpage a			{font-size: 0.8em}
.talkpage a:link	{color: white; text-decoration: none;}
.talkpage a:visited	{color: white; text-decoration: none; } 
.talkpage a:hover	{color: black; } 
.talkpage a[href^="mailto:"] {font-size: 1em}

/* url formatting for the Maps page */

.mappage a			{font-size: 0.8em}
.mappage a:link		{color: white; text-decoration: none;}
.mappage a:visited	{color: white; text-decoration: none; } 
.mappage a:hover	{color: black; } 

/* add a new window icon to google map link*/

.mappage a:hover[href^="http:"] {
	display:inline-block;
	padding-right:20px;
	background:transparent url(images/newwindow_icon_on.gif) center right no-repeat;
}
.mappage a[href^="http:"] {
	display:inline-block;
	padding-right:20px;
	background:transparent url(images/newwindow_icon_off.gif) center right no-repeat;
}

a.TalkLink {color:#FFFFFF; font-size: 2.5em}
a.MapsLink {color:#7EA8D8; font-size: 2.5em}
a.JobsLink {color:#967967; font-size: 2.5em}

a.TalkLink:hover, a.MapsLink:hover, a.JobsLink:hover { font-weight:bold}

.contactlinks { height:60px; text-align:left}