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

/* shared elements */
body{ background: url(../images/backgrounds/bkg_home.jpg) top center; }
#subcontent { position: absolute; top: 990px; left: 10px; color: #FFFFFF;   }

div#maincontentbk { height: 265px; margin-bottom: 0px; }

div#topnavbk  { z-index: 3; }

div#topnav { z-index: 4;  }

div#header { background: url(../images/backgrounds/bkg_header_home.jpg) no-repeat;}

/* Specific  elements */
/* Karen updated background photo on home page 11.5.10*/

div#headerbkhome { 
	position: absolute; 
	top: 39px; 
	left: 0px; 
	z-index: 1; 
	background: url(../images/backgrounds/bkg_home_people_NEW.jpg); 
	height: 400px; 
	width: 959px; 
}

#hometext { color: #FFFFFF; width: 959px; position: relative; padding: 0px; background-color: #000000; z-index: 5; height: 165px;  }
head:first-child+body #hometext  { height: 1px; min-height: 165px; }
#hometext h1 { color: #E76D2C; font-size: 3.9em; font-weight: normal;  margin-top: 0px; padding-top: 15px; margin-left: 15px;}
#hometext h2, #hometext h3 { font-weight: normal; width: 940px; margin-left: 15px; margin-bottom: 0px;}
#hometext h2 { font-size: 2.35em; line-height: 1.5em; }
#hometext h2 a {color: #E76D2C;}

#clienttext { 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 959px; 
	position: relative; /**/
	padding: 0px; 
	margin: 0px;
	height: 280px; 
	z-index: 5;  
}
head:first-child+body #clienttext  { height: 1px; min-height: 280px; }

#clienttext .clientlogo { width: 315px; float: left; margin: 7px 7px 0px 0px;  height: 130px; }
#clienttext .lastcol { margin-right: 0px; }
#clienttext .clientlogo h3 { margin: 0px; }
#clienttext .clientlogo h3 span { display:none; }

div#maincontent2bk { position: relative; height: 113px; margin-top: 0px; margin-bottom: 10px;}
#whatsubtext2 { position: absolute; top: 860px; }
#whatsubtext2 p { margin: 15px 45px 0px 15px; font-weight: bold; font-size: 1.2em; line-height: 2em;}

/* Pop up */

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.clientPopUp {
	position: fixed; 
	top: -210px; 
	left: 0px;
}

.clientPopUp2 {
	position: absolute; 
	top: -200px; 
	left: 0px;
}

.popCentre { left: 228px;}
.popRight { left: 500px;}

.modalPopup {
	background-color:#484848;
	padding:10px;
	width:600px;
	height:250px; 
	/*top: -1000px;
	overflow:scroll;*/
}

/*.modalPopup input { border: none; cursor:pointer; background-color: White; height: 42px; padding-top: 28px; }
.modalPopup input.btcancel { background: url(../images/cms/bt_icon_cancel.gif) no-repeat top; }
.modalPopup a { color: #5F3263; }*/
.modalPopup p { color: #FFFFFF; } 
.modalPopup img.casepic {float: right; margin: 20px 30px;}
.modalPopup p a { font-family: Georgia, Times, serif;  font-weight: bold; text-decoration: none; line-height: 1.4em; font-style:italic; display: block;  width: 120px; margin-top: 5px; } 
.modalPopup p a span { color: #F76213; font-size: 1.4em; }

/* New animation */
.flyOutDiv
{
     display: none;
     position: absolute;
     width: 509px;
	 height: 284px;
     z-index: 3;
     opacity: 0;
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
}

.case1 { background: #000000 url(../images/home/bkg_case_ukfc.jpg); }
.case2 { background: #000000 url(../images/home/bkg_case_coe.jpg); }
.case3 { background: #000000 url(../images/home/bkg_case_wsg.jpg); }
.case4 { background: #000000 url(../images/home/bkg_case_mindshare.jpg); }
.case5 { background: #000000 url(../images/home/bkg_case_nec.jpg); }
.case6 { background: #000000 url(../images/home/bkg_case_pirtek.jpg); }

.flyOutDiv img.casepic {
	float: right; 
	margin: 20px 30px; 
}

.flyOutDiv h3 { font-family: Georgia, Times, serif; margin: 25px 20px 0px 200px; font-size: 1.5em;  }
.flyOutDiv p { margin: 20px 20px 0px 200px; font-size: 1.1em; }

.flyOutDiv p a { font-family: Georgia, Times, serif;  font-weight: bold; text-decoration: none; line-height: 1.4em; font-style:italic; display: block;  width: 120px; margin-top: 5px; } 
.flyOutDiv p a span { color: #F76213; font-size: 1.4em; }

.flyOutDivCloseX
{
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	font-size: 1.3em;
	text-decoration: none;
	padding: 2px; 
	border: none;
	cursor: pointer;
}