/*
Theme Name: 

Theme URI: 

Description: 

Version: 1.0

Author: WebCastle

Author URI: http://webcastletech.com/

*/

/*body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}*/
.diagrom
{
	width:687px;
	background:#eceded;
	margin:0 auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}
.diagrom-sport
{
	background:url(/App_Images/csr/bg-center.jpg) no-repeat center;
	width:686px;
	height:655px;
	position:relative;
}
.diagrom-sport h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f7941e;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center
}
.diagrom-sport p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin:0px;
	padding:2px 0 0 0;
	text-align:center;
	line-height:15px;
}	
	
.diagrom-environment
{
	background:url(/App_Images/csr/bg-base-round.png) no-repeat;
	width:154px;
	height:135px;
	position:absolute;
	padding:35px 15px 15px 15px;
	top:0px;
	left:252px;
}
.diagrom-environment span
{
	position:absolute;
	bottom:-33px;
	left:81px;
	width:19px;
	height:53px;
	background:url(/App_Images/csr/bg-arrow-enviroment.png) no-repeat;
}
.diagrom-environment:hover , .diagrom-business-ethics:hover , .diagrom-human-resources:hover , .diagrom-social:hover , .diagrom-health-and-safty:hover
{
	background:url(/App_Images/csr/bg-base-round-over.png) no-repeat;
}
.diagrom-sport a
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:500;
}
.diagrom-environment:hover  > h5 , .diagrom-environment:hover > p
{
	color:#FFFFFF;
}
.diagrom-business-ethics
{
	background:url(/App_Images/csr/bg-base-round.png) no-repeat;
	width:154px;
	height:135px;
	position:absolute;
	padding:35px 15px 15px 15px;
	top:158px;
	left:28px;
}
.diagrom-business-ethics span
{
	width:50px;
	height:37px;
	position:absolute;
	bottom:27px;
	right:-24px;
	background:url(/App_Images/csr/bg-arrow-bussinesst.png) no-repeat;
}
.diagrom-business-ethics:hover > h5 , .diagrom-business-ethics:hover > p
{
	color:#FFFFFF;
}

.diagrom-human-resources
{
	background:url(/App_Images/csr/bg-base-round.png) no-repeat;
	width:154px;
	height:135px;
	position:absolute;
	padding:35px 15px 15px 15px;
	bottom:52px;
	left:94px;
}
.diagrom-human-resources span
{
	width:48px;
	height:48px;
	background:url(/App_Images/csr/bg-arrow-human.png) no-repeat;
	position:absolute;
	top:-13px;
	right:0px;
}
.diagrom-human-resources:hover > h5 , .diagrom-human-resources:hover > p
{
	color:#FFFFFF;
}

.diagrom-social
{
	background:url(/App_Images/csr/bg-base-round.png) no-repeat;
	width:154px;
	height:135px;
	position:absolute;
	padding:35px 15px 15px 15px;
	bottom:50px;
	right:94px;
}
.diagrom-social span
{
	background:url(/App_Images/csr/bg-arrow-human-social.png) no-repeat;
	width:48px;
	height:47px;
	position:absolute;
	top:-10px;
	left:-4px;
}
.diagrom-social:hover > h5 , .diagrom-social:hover > p
{
	color:#FFFFFF;
}
.diagrom-health-and-safty
{
	background:url(/App_Images/csr/bg-base-round.png) no-repeat;
	width:154px;
	height:115px;
	position:absolute;
	padding:55px 15px 15px 15px;
	top:158px;
	right:28px;
}
.diagrom-health-and-safty span
{
	background:url(/App_Images/csr/bg-arrow-human-health.png) no-repeat;
	width:48px;
	height:36px;
	position:absolute;
	bottom:25px;
	left:-25px;
}
.diagrom-health-and-safty:hover > h5 , .diagrom-health-and-safty:hover > p
{
	color:#FFFFFF;
}
.diagrom-center-div
{
	width:179px;
	height:209px;
	position:absolute;
	top:220px;
	left:232px;
	padding:15px 25px 0 20px;
}
.diagrom-center-div h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding:21px 0 0 2px;
	margin:0px;
	text-align:center;
}
.diagrom-center-div p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	padding:3px 0 0 0;
	margin:0px;
	text-align:center;
	line-height:18px;
}