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


body {
padding:0;
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#FFFFFF;
}

body, html {height:100%;}
html {height:100%;}
body {min-height:101%;}

body {background:url(../images/top_bg.jpg) repeat-x left top;}



img {
border-style:none;
}


#wrapper {
width:100%;
}


#container {
width:780px;
margin:auto;
}

#top {
height:322px;
width:780px;
}

#topupper {
height:110px;
width:780px;
overflow:hidden;
}

#topmiddle {
height:192px;
width:780px;
background-image:url(../images/topmid_bg.jpg);
}

#toplower {
height:20px;
width:780px;
background-image:url(../images/band_bgs.jpg);
}


#content {
width:780px;
background:url(../images/content_bg.jpg) repeat-y left top;
float:left;
}

#contentbox {
color:#333;
width:780px;
background:url(../images/cod.gif) no-repeat bottom;
float:left;
padding:0;
margin:0;
}

#leftcol {
float:left;
width:225px;
padding:10px 0 35px 0;
}

#rightcol {
float:right;
width:530px;
padding:10px 0 40px 0;
}

.rightbox {
float:left;
width:510px;
}

.leftbox {
float:right;
width:200px;
}


#nav {
width:230px;
float:left;
}



#navPrimary {
	list-style-type: none;
	font-weight: bold;
	font-size:14px;
}

	#nav #navPrimary ul {
		margin: 10px 0 0 0;
		padding: 0 0 0 5px;
	}
		#nav #navPrimary ul li {
			list-style-type: none;
			list-style-position:outside;
			padding: 1px 0 2px;
			margin: 0;
			font-weight: bold;
		}
			 #nav #navPrimary ul li a {
				color: #FFF;
				padding: 2px 0 2px 20px;
				overflow:hidden;
				display:block;
				text-decoration:none;
			}
			
				 #nav #navPrimary ul li a:hover {
					color: #99CCFF;
					display:block;
					overflow:hidden;
					text-decoration:none;
				}
				 #nav #navPrimary ul li.current a {
					color: #99CCFF;
					display:block;
				}
				
				
				

#mainpic {
width:543px;
height:192px;
float:right;
}

#flashcontent {
float:left;
width:534px;
height:192px;
}

#flashcountries {
width:762px;
margin:auto;
}

.bodytext {
font-size:12px;
}

.bodytextblue {
color:#003366;
font-size:12px;
text-align:center;
}

.bodytextblueleft {
color:#003366;
font-size:12px;
text-align:left;
}

.bodytextbluebold {
font-weight:bold;
color:#003366;
font-size:12px;
}

.bodytextbold {
font-weight:bold;
font-size:13px;
}

.formtextblue {
color:#003366;

}

.bodytext a {
color:#003366;
text-decoration:underline;
}

.bodytext a:hover {
color: #99CCFF;
text-decoration:none;
}

.bodytext a:visited {
color:#003366;
}

h2 {
color:#003366;
text-align:left;
display:block;
padding:15px 0 5px 0;
margin:0;
}

h2.centre {
color:#003366;
text-align:center;
display:block;
padding:0 0 5px 0;
margin:0;
}


#footer {
font-size:11px;
text-align:center;
clear:both;
height:37px;
background-image:url(../images/band_bgs.jpg);
color:#999999;
}



#footer a {
line-height:37px;
color:#999999;
text-decoration:none;
}

#footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover {
color: #99CCFF;
text-decoration:underline;
}




/* POP UP CONTAINERS */

#popcontainer {
width:540px;
margin:auto;
text-align:center;
}
#popwrapper {
width:100%;
}

body#access {
background-image:none;}

#listtab {
padding:0 0 0 16px;
margin:0;
clear:both;
display:block;
}

h3 {
font-size:14px;
padding:5px 0 0 0;
margin:0;
}

.contactus {
width:205px;
float:left;
padding:5px;
}

#addresses {
clear:both;
}

#contable {
padding-top:20px;
clear:both;

}

.smallprint {
font-size:9px;
}

h4 {
font-size:0.9em;
margin:0;
padding:12px 0 5px 0;
}

.nodot {
list-style:none;
}

/* IMAGE TITLE REPLACE */



a.imgtitles {
background-image:url(../images/welcome_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesleft {
background-image:url(../images/genclients_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:200px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesleftnews {
background-image:url(../images/news_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:200px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesleftcharity {
background-image:url(../images/charity_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:200px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesleftrec {
background-image:url(../images/recommend_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:200px;
font-size:14px;
text-decoration:none;
cursor:default;
}




a.imgtitleshowwe {
background-image:url(../images/howwe_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}


a.imgtitlescon {
background-image:url(../images/construct_title.gif);
background-position:-104px 0;
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlescar {
background-image:url(../images/itcsales_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}




a.imgtitlesmar {
background-image:url(../images/howwe_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:24px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}




a.imgtitlesict {
background-image:url(../images/itcsales_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}


a.imgtitlesgas {
background-image:url(../images/gas_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitleschange {
background-image:url(../images/change_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesIT {
background-image:url(../images/it_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

/* a.imgtitlescreative {
background-image:url(../images/it_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
} */


a.imgtitlesfinance {
background-image:url(../images/finance_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:500px;
font-size:14px;
text-decoration:none;
cursor:default;
}




a.imgtitlesmarsec {
background-image:url(../images/sectors_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}




a.imgtitlesmarket {
background-image:url(../images/sectors_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
clear:both;
display:block;
}


a.imgtitlesbusinessTech {
background-image:url(../images/busTech_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
clear:both;
display:block;
}

a.imgtitlesopEx {
background-image:url(../images/opEx_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
clear:both;
display:block;
}



a.imgtitleshavecontact {
background-image:url(../images/haveyou_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}


a.imgtitleshavecareer {
background-image:url(../images/career_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitlesjobal {
background-image:url(../images/jobalerts_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitleshowreg {
background-image:url(../images/register_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitlescliserv {
background-image:url(../images/clientserv_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesconrec {
background-image:url(../images/conting_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitlessearch {
background-image:url(../images/select_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlessupplier {
background-image:url(../images/prefsup_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitlescampaign {
background-image:url(../images/campaign_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitleswebbased {
background-image:url(../images/webbase_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitlesoutplace {
background-image:url(../images/outplace_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}




a.imgtitlesdatabase {
background-image:url(../images/data_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}



a.imgtitlescontact {
background-image:url(../images/contact_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}

a.imgtitlesworkfor {
background-image:url(../images/work_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}


a.imgtitlesnews {
background-image:url(../images/bignews_title.gif);
background-repeat:no-repeat;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:34px;
width:450px;
font-size:14px;
text-decoration:none;
cursor:default;
}







div.texthold {
display:block;
clear:both;
}

div.blisshold {
display:block;
clear:both;
margin-top:10px;
}

div.blissholdtop {
display:block;
clear:both;
margin-top:20px;
}

#flashclients {
height:130px;

}



#tjcontent {
float:left;
width:200px;
height:69px;
}

#bannerImage {
	width:200px;
	overflow:hidden;
	background:#fff;
	height:130px;
}

.newsList {
	margin-bottom:15px;
}
.newsList ul {
	list-style:none;
	margin:4px 0 0 0;
	padding:0;
}
	.newsList ul li {
		margin:0 0 3px 0;
		font-size:12px;
		float:left;
		width:196px;
	}
		.newsList ul li a {
			color:#fff;
			background:url(../images/newsLink_bottom.gif) 0 bottom no-repeat;
			text-decoration:none;
			display:block;
			text-shadow:0 1px 1px #004579;
			position:relative;
		}
		.newsList ul li a .inner {
			background:url(../images/newsLink_top.gif) 0 0 no-repeat;
			padding:4px 4px 4px 20px;
			text-decoration:none;
			display:block;
		}
		.newsList ul li a:hover {
			color:#ccc;
		}
		.newsList ul li a span.grey {
			color:#ccc;
			position:absolute;
			left:6px;
			top:1px;
		}
		
.socialMedia h2 {
	background:url(../images/followUs.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0 0 10px;
	padding:0;
	height:28px;
}
.socialMedia ul {
	margin:0;
	padding:0;
}
.socialMedia ul li {
	float:left;
	width:36px;
	height:38px;
	list-style:none;
	margin-right:3px;
}
	.socialMedia ul li a {
		display:block;
		width:36px;
		height:38px;
		text-indent:-9999px;
		float:left;
	}
	.socialMedia ul li a:hover {
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: .7;	
		z-index:25;
	}
	/*
	.socialMedia ul li a span {
		display:none;	
	}
	.socialMedia ul li a:hover span {
		display:block;
    	position:absolute;
		border:1px solid #70a3ca;
		color:#004579;
		width:100px;
		text-indent:0 !important;
		text-decoration:none;
		bottom:-22px;
		left:-30px;
		text-align:center;
		font-size:11px;
		padding:3px 0;
		-moz-opacity:1.5;
	}
	*/
	.socialMedia ul li.twitter a {
		background:url(../images/socMedia-twitter.jpg) 0 0 no-repeat;	
	}
	.socialMedia ul li.rss a {
		background:url(../images/socMedia-rss.jpg) 0 0 no-repeat;	
	}
	.socialMedia ul li.fb a {
		background:url(../images/socMedia-fb.jpg) 0 0 no-repeat;	
	}
	.socialMedia ul li.blogger a {
		background:url(../images/socMedia-blogger.jpg) 0 0 no-repeat;	
	}
	.socialMedia ul li.linked a {
		background:url(../images/socMedia-linked.jpg) 0 0 no-repeat;	
	}
	
/* TOOLTIP STUFF */


#tt {position:absolute; display:block; background:url(http://genesisassociates.co.uk/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}
	

   #micrositeButton {
		width:244px;
		height:135px;
		position:absolute;
		top:0;
		right:0;
		display:block;
		overflow:hidden;
		cursor:pointer;
   }
   
   #micrositeButton:hover {
	   opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;
   }