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

/*
***************************
fancy div
***************************
*/

div#fancy_overlay {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	background:url(../images/shd-bg.png) repeat 0 0;
	z-index: 10000;
	display: none;
}
* html div#fancy_overlay {
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#fancyDivHolder{
	position:absolute;
	top:45px;
	height:250px;
	z-index:10001;
	display:none;
}
#fancyDiv{
	margin:0 auto;
	width:980px;
	height:240px;
	display:none;
	position:relative;
}
#fancyDivCont{
	background:url(../images/whatwedo/whatwedo-bg.png) no-repeat  0 13px;
	width:980px;
	height:253px;
}
#fancyDivCont ul{
	list-style-type:none;
}
#fancyDivCont #browseSec{
	float:left;
	margin-top:60px;
	width:255px;
}
#fancyDivCont #browseSec li a{
	background:url(../images/whatwedo/whatwedo-ptr.png) no-repeat 100% 5px;
	color:#a4a4a4;
	line-height:24px;
}
#fancyDivCont #browseSec li a:hover{
	color:#c00;
}
#fancyDivCont #browseSec li span{
	padding-right:15px;
}
#fancyDivCont #services{
	float:right;
	width:700px;
	margin-right:25px;
	margin-top:65px;
}
#fancyDivCont #services ul{
	float:left;
}
#fancyDivCont #services li{
	float:left;
	position:relative;
	margin-right:10px;
}
#fancyDivCont #services li span{
	float:left;
	margin-top:100px;
	padding-left:7px;
	color:#5d5857;
	line-height:normal;
	font-weight:bold;
	width:148px;
	cursor:pointer;
}
#fancyDivCont #services .item01,#fancyDivCont #services .item02,
#fancyDivCont #services .item03,#fancyDivCont #services .item04,
#fancyDivCont #services .item05,#fancyDivCont #services .item06,
#fancyDivCont #services .item07,#fancyDivCont #services .item08{
	height:155px;
	width:155px;
	cursor:pointer;
	display:block;
}
#fancyDivCont #services .go{
	position:absolute;
	bottom:-10px;
	right:10px;
}
#fancyDivCont #services .item01{
	background:url(../images/whatwedo/item01.png) no-repeat 0 0;
}
#fancyDivCont #services .item02{
	background:url(../images/whatwedo/item02.png) no-repeat 0 0;
}
#fancyDivCont #services .item03{
	background:url(../images/whatwedo/item03.png) no-repeat 0 0;
}
#fancyDivCont #services .item04{
	background:url(../images/whatwedo/item04.png) no-repeat 0 0;
}
#fancyDivCont #services .item05{
	background:url(../images/whatwedo/item05.png) no-repeat 0 0;
}
#fancyDivCont #services .item06{
	background:url(../images/whatwedo/item06.png) no-repeat 0 0;
}
#fancyDivCont #services .item07{
	background:url(../images/whatwedo/item07.png) no-repeat 0 0;
}
#fancyDivCont #services .item08{
	background:url(../images/whatwedo/item08.png) no-repeat 0 0;
}

#fancyDivCont #services .item01:hover{
	background:url(../images/whatwedo/item01.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item02:hover{
	background:url(../images/whatwedo/item02.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item03:hover{
	background:url(../images/whatwedo/item03.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item04:hover{
	background:url(../images/whatwedo/item04.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item05:hover{
	background:url(../images/whatwedo/item05.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item06:hover{
	background:url(../images/whatwedo/item06.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item07:hover{
	background:url(../images/whatwedo/item07.png) no-repeat 0 -155px;	
}
#fancyDivCont #services .item08:hover{
	background:url(../images/whatwedo/item08.png) no-repeat 0 -155px;	
}
#fancyDivCont #services span.lnkTxt:hover{
	color:#c00;
}
#menuItem{
	width:134px;
	height:58px;
	position:absolute;
	top:-45px;
	left:88px;
	cursor:pointer;
}
#fancyDivCont .btn-close{
	position:absolute;
	bottom:0;
	right:-40px;
	background:url(../images/whatwedo/btn-close.png) no-repeat 0 0 !important;
	height:39px;
	width:41px;
	cursor:pointer;	
}