#homepage_top
{
	overflow:visible;
	height:0px;
}
#homepage_top .blue_circle_area
{
	height:0px;
	overflow:visible;
	width:100%;
	text-align:center;
	position:relative;
	top:-74px;
	left:50px;
}
#homepage_top .blue_circle_area a,
#homepage_top .blue_circle_area a img
{
	display:inline-block;
	width:64px;
	height:63px;
}
#homepage_top .blue_circle_area a img.mask 
{
	opacity:0;
	position:relative;
	top:-63px;
}
#homepage_top .blue_circle_area a:hover img.mask {opacity:1;}
#homepage_top .blue_circle_area a:focus img.mask {opacity:1;}

#homepage_white_area_bg
{
	overflow:hidden;
	background-image:url('../images/bg_white.jpg');
}
#homepage_white_area
{
	overflow:hidden;
	margin-top:20px;
}
#homepage_white_area .title
{
	text-align:center;
	color:#5c5c5c;
	font-size:1.333em;
	font-weight:bold;
}
#homepage_white_area .title span
{
	position:relative;
	z-index:1;
	display:inline-block;
	padding:0px 10px;
	background-image:url('../images/bg_white.jpg');
}
#homepage_white_area .title_bar
{
	height:1px;
	background-color:#cfcfcf;
	position:relative;
	top:-10px;
	z-index:0;
}
#homepage_white_area .text
{
	text-align:center;
	color:#5c5c5c;
	font-size:1em;
	margin-top:30px;
}
#homepage_white_area a.block
{
	display:inline-block;
	float:right;
	width:200px;
	overflow:hidden;
	margin-top:40px;
	margin-bottom:40px;
	text-align:center;
}
body.ltr #homepage_white_area a.block{float:left;}
#homepage_white_area a.block .img
{
	height:165px;
	overflow:hidden;
	display:inline-block;
	text-align:center;
}
#homepage_white_area a.block .img img
{
	display:inline-block;
	height:165px;
}
#homepage_white_area a.block .img img.mask
{
	position:relative;
	top:-165px;
	opacity:0;
}
#homepage_white_area a.block:hover .img img.mask,
#homepage_white_area a.block:focus .img img.mask
{
	opacity:1;
}
#homepage_white_area a.block .title
{
	color:#5c5c5c;
	font-size:1.333em;
	font-weight:bold;
	margin:0px 10px;
}
#homepage_white_area a.block .text
{
	color:#5c5c5c;
	font-size:1em;
	margin:0px 10px;
}

#homepage_bg_green_top
{
	overflow:hidden;
	background-image:url('../images/bg-middle.jpg');
	height:126px;
}
body.ltr #homepage_bg_green_top {background-image:url('../images/bg-middle ltr.jpg');}
#homepage_bg_green
{
	overflow:hidden;
	background-image:url('../images/bg_green.jpg');
}
#homepage_bg_green_bottom
{
	overflow:hidden;
	background-image:url('../images/bg-middle-down.jpg');
	height:126px;
}
#homepage_bg_green .recent_sites
{
	overflow:hidden;
}
#homepage_bg_green .recent_sites .main_title
{
	color:white;
	font-size:1.666em;
	margin-bottom:15px;
}
#homepage_bg_green .recent_sites .sub_title
{
	color:white;
	font-size:0.833em;
	margin-bottom:50px;
}
#homepage_bg_green .recent_sites .link
{
	clear:both;
	overflow:hidden;
}
#homepage_bg_green .recent_sites .link a
{
	color:white;
	font-size:1em;
}
#homepage_bg_green .recent_sites .link a:hover,
#homepage_bg_green .recent_sites .link a:focus
{
	color:black;
}
#homepage_bg_green .recent_sites a.block
{
	display:inline-block;
	float:right;
	width:375px;
	height:280px;
	margin-left:30px;
	margin-bottom:30px;
	overflow:hidden;
}
#homepage_bg_green .recent_sites a.block.last {margin-left:0px;}
body.ltr #homepage_bg_green .recent_sites a.block
{
	float:left;
	margin-left:0px;
	margin-right:30px;
}
body.ltr #homepage_bg_green .recent_sites a.block.last {margin-right:0px;}
#homepage_bg_green .recent_sites a.block .img,
#homepage_bg_green .recent_sites a.block .img img
{
	width:375px;
	height:280px;
}
#homepage_bg_green .recent_sites a.block .title_area
{
	height:55px;
	overflow:hidden;
}

#homepage_bg_green .recent_sites a.block .title_area div
{
	overflow:hidden;
	height:55px;
	background-color:rgba(0,0,0,0.5);
	float:right;
}
#homepage_bg_green .recent_sites a.block .title_area .icon
{
	background-image:url('../images/arrow icon.png');
	background-repeat:no-repeat;
	background-position:center;
	width:70px;
	margin-left:5px;
}
#homepage_bg_green .recent_sites a.block .title_area .title
{
	width:300px;
	position:relative;
}
#homepage_bg_green .recent_sites a.block .title_area .title span
{
	display:inline-block;
	float:right;
	margin:5px 20px;
	color:white;
	font-size:1em;
}
#homepage_bg_green .recent_sites a.block .bar
{
	height:1px;
	background-color:white;
	margin:10px;
}
#homepage_bg_green .recent_sites a.block .text
{
	height:150px;
	overflow:hidden;
	font-size:0.833em;
	color:white;
	margin:0px 10px;
}
#homepage_bg_green .recent_sites a.block .bottom_bar
{
	height:55px;
	background-image:url('../images/blue circle arrow.png');
	background-repeat:no-repeat;
	background-position: center -32px;
	background-color:rgba(0,0,0,0.5);
}
#homepage_bg_green .recent_sites a.block .hover
{
	overflow:hidden;
	position:relative;
	top:-55px;
	height:280px;
}
#homepage_bg_green .recent_sites a.block:hover .hover,
#homepage_bg_green .recent_sites a.block:focus .hover
{
	top:-280px;
	background-color:#2fc7e2;
}
#homepage_bg_green .recent_sites a.block:hover .title_area div{background-color:transparent;}
#homepage_bg_green .recent_sites a.block:focus .title_area div{background-color:transparent;}
#homepage_bg_green .recent_sites a.block:hover .title_area .title,
#homepage_bg_green .recent_sites a.block:focus .title_area .title 
{
	right:-30px;
	top:5px;
}

body.ltr #homepage_bg_green .recent_sites a.block .title_area div {float:left;}
body.ltr #homepage_bg_green .recent_sites a.block .title_area .icon
{
	margin-left:0px;
	margin-right:5px;
	background-image:url('../images/arrow icon ltr.png');
}
body.ltr #homepage_bg_green .recent_sites a.block .title_area .title span{float:left;}
body.ltr #homepage_bg_green .recent_sites a.block:hover .title_area .title,
body.ltr #homepage_bg_green .recent_sites a.block:focus .title_area .title 
{
	right:auto;
	left:-30px;
}

#homepage_bottom_bg
{
	overflow:hidden;
	background-color:#FAFAFA;
}
#homepage_bottom
{
	overflow:hidden;
	padding-bottom:20px;
}
#homepage_links
{
	list-style:none;
	float:right;
	overflow:hidden;
	width:680px;
}
body.ltr #homepage_links {float:left;}
#homepage_links li, #homepage_links a
{
	display:block;
	color:#F36A00;
	font-size:1.5em;
	font-weight:bold;
}
#homepage_links a:hover,
#homepage_links a:focus
{
	color:black;
}
#homepage_bottom .main_pic
{
	float:right;
	max-width:280px;
}
body.ltr #homepage_bottom .main_pic {float:left;}