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

body 
	{
	background-color: #ccc;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
	margin: 0px;
	}
h3{font-family:Arial, Helvetica, sans-serif}
a{color:#a4b9c9; outline:none;}
a:link, a:visited 
	{
	color: #a4b9c9;
	text-decoration: none
	}

a:hover 
	{
	color:#463c35;
	text-decoration: none
	}
	
	p{
		font-family:Arial, Helvetica, sans-serif;
		color:#231f20;
		font-size:12px;}
.bodytext 
	{
	font-size: 14px
	}


#horizon        
	{
	color:#000;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}

#content    
	{
	background-color: #ccc;
	margin-left: -461px;
	position: absolute;
	top: -277px;
	left: 50%;
	width: 922px;
	height: 555px;
	visibility: visible;
	background-image:url(images/indexbg.png);
	background-repeat:repeat-y;
	}


.headline 
	{
	font-weight: bold;
	font-size: 24px
	}

#footer 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	visibility: visible;
	display: block;
	font-weight:bold;
	}

#header{
	width:922px;
	height:171px;
	margin:0px;
	padding:0px;
}

h1#logo{
	text-indent:-9999px;
	margin:38px 0px 0px 314px;
	padding:0px;
	float:left;
	background-image:url(images/indexlogo.png);
	width:330px;
	height:103px;
}

#ileft{
	height:384px;
	width:461px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;}
	
h1#fasp{
	text-indent:-9999px;
	margin:41px 0px 0px 140px;
	padding:0px;
	float:left;
	background-image:url(images/fasp.png);
	width:202px;
	height:29px;	
}
	
	
	
	

#iright{
	height:335px;
	width:461px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	text-align:left;
}
	
p#p1{
	margin:40px 0px 0px 18px;
	padding:0px;
	width:401px;
	line-height:19px;
}

p#p2{
	margin:18px 0px 0px 18px;
	padding:0px;
	width:401px;
	line-height:19px;
}

#irightfoot{
	height:49px;
	float:left;
	display:inline;
	background-color:#463c35;
	width:461px;
	margin:0px;
	padding:0px;
}


p.p3{
	margin:18px 0px 0px 18px;
	padding:0px;
	width:401px;
	line-height:19px;
}

#btm{
	width:461px;
	height:250px;
	float:left;
	display:inline;
	margin:64px 0px 0px 0px;
	padding:0px;
}

#people {
	width:26px;
	height:250px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	text-indent:-9999px;
}

a#ppl {
	background-image:url(images/meetyourpeople.png);
	background-repeat:no-repeat;
	background-position:-26px 0px;
	height:250px;
	width:26px;
	margin:17px 0px 0px 0px;
	padding:0px;
	float:left;
	outline: none;

}

a#ppl:hover{
	background-image:url(images/meetyourpeople.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	outline: none;
}

#menu{
	width:435px;
	height:250px;
	background-image:url(images/menu.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}

a#pro{
	background-image:url(images/pro2call.png);
	width:128px;
	height:39px;
	margin:25px 0px 0px 295px;
	padding:0px;
	float:left;
	display:inline;
	text-indent:-9999px;
}

#menu ul{
	height:151px;
	width:390px;
	margin:99px 0px 0px 42px;
	padding:0px;
	display:inline;
	list-style:none;
	float:left;
}
#menu li{
	height:151px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}

a#profile{
	background-image:url(images/menu/profile.png);
	background-position:0px 0px;	
	width:73px;
	height:151px;
	float:left;
	text-indent:-9999px;
}
a#profile:hover{
	background-image:url(images/menu/profile.png);
	background-position:0px -151px
}

a#recruitment{
	background-image:url(images/menu/recruitment.png);
	background-position:0px 0px;	
	width:79px;
	height:151px;
	float:left;
	text-indent:-9999px;
}
a#recruitment:hover{
	background-image:url(images/menu/recruitment.png);
	background-position:0px -151px
}

a#candidates{
	background-image:url(images/menu/candidates.png);
	background-position:0px 0px;	
	width:82px;
	height:151px;
	float:left;
	text-indent:-9999px;
}
a#candidates:hover{
	background-image:url(images/menu/candidates.png);
	background-position:0px -151px
}

a#references{
	background-image:url(images/menu/portfolio.png);
	background-position:0px 0px;	
	width:67px;
	height:151px;
	float:left;
	text-indent:-9999px;
}
a#references:hover{
	background-image:url(images/menu/portfolio.png);
	background-position:0px -151px
}

a#contact{
	background-image:url(images/menu/contact2.png);
	background-position:0px 0px;	
	width:76px;
	height:151px;
	float:left;
	text-indent:-9999px;
}
a#contact:hover{
	background-image:url(images/menu/contact2.png);
	background-position:0px -151px
}


.ceo {
margin: 20px 15px 0px 155px;
padding: 0;
width: 80px;
position: relative;
float:left;
}
 
div.ceo em {
background: url(images/bubble3.png) no-repeat;
width: 106px;
height: 49px;
position: absolute;
top: -50px;
left: 7px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}
 
#ceoico {
width: 134px;
height: 63px;
background: url(images/ceo.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}


.pro2call {
margin: 30px 0px 0px 35px;
padding: 0;
width: 80px;
position: relative;
float:left;
}
 
div.pro2call em {
background: url(images/bubble2.png) no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -10px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}
 
#pro2callico {
width: 67px;
height: 30px;
background: url(images/pro2call.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}



.develop {
margin: 25px 0px 0px 15px;
padding: 0;
width: 41px;
position: relative;
float:left;
}
 
div.develop em {
background: url(images/bubble1.png) no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -30px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}
 
#developico {
width: 41px;
height: 38px;
background: url(images/develop.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

#ourpeoplecontent{
	overflow-y:scroll;
	overflow-x:hidden;
	width:508px;
	height:166px;
	float:left;
	display:inline;
	margin:205px 0px 0px 75px;
	padding:0px;
}


#recscrollingcontent{
	overflow-y:scroll;
	overflow-x:hidden;
	width:493px;
	height:248px;
	margin:45px 0px 0px 0px;
	padding:0px;
}

#cancel{float:right; margin:-30px 520px 0px 0px; padding:0px; display:inline;}