﻿.visual-box-210,
.visual-box-440,
.visual-box-670,
.visual-box-900 {
	float: left;
	margin-bottom: 20px;
	height: 200px;
}
.visual-box-900-1 {
	float: left;
	margin-bottom: 20px;
	height: 300px;
}
.visual-box-210 {
	width: 210px;
	background: url(../images/box-green-210-background.png) no-repeat;
}
.visual-box-360 {
	float: left;
	margin-bottom: 20px;
	height: 160px;
	width: 360px;
	background: url(../images/box-green-360-background.png) no-repeat;
}
.visual-box-440 {
	width: 440px;
	background: url(../images/box-green-440-background.png) no-repeat;
}
.visual-box-520 {
	float: left;
	margin-bottom: 20px;
	height: 160px;
	width: 520px;
	background: url(../images/box-green-520-background.png) no-repeat;
}
.visual-box-670 {
	width: 670px;
	background: url(../images/box-green-670-background.png) no-repeat;
}
.visual-box-900,
.visual-box-900-1 {
	width: 900px;
	background: url(../images/box-green-900-background.png) no-repeat;
}
.visual-box-360 .text {
	float: left;
	padding: 20px;
	width: 320px;
	height: 160px;
}
.visual-box-440 .text {
	float: left;
	padding: 20px;
	width: 400px;
	height: 160px;
}
.visual-box-520 .text {
	float: left;
	padding: 20px;
	width: 480px;
	height: 160px;
}

.visual-box-440 .text,
.visual-box-440 .text h1 {
	color: #00703c;
}

.box-210,
.box-440,
.box-670,
.box-900 {
	float: left;
	margin: 0 0 20px 0;
	background: #eee;
}
.box-210 {
	width: 210px;
}
.box-440 {
	width: 440px;
}
.box-670 {
	width: 670px;
}
.box-900 {
	width: 900px;
}
.box-210 .header,
.box-440 .header,
.box-670 .header,
.box-900 .header {
	display: block;
	margin: 0 0 20px 0;
	padding: 9px 20px 10px 20px;
	font-size:18px;
	background: #999;
	color: #333;
}
.box-210 .header {
	background: url(../images/box-grey-210-top.png) no-repeat;
}
.box-440 .header {
	background: url(../images/box-grey-440-top.png) no-repeat;
}
.box-670 .header {
	background: url(../images/box-grey-670-top.png) no-repeat;
}
.box-900 .header {
	background: url(../images/box-grey-900-top.png) no-repeat;
}

.box-210 .content,
.box-440 .content,
.box-670 .content,
.box-900 .content {
	padding: 0 20px 20px 20px;
}
.box-210 .content {
	background: url(../images/box-grey-210-bottom.png) bottom no-repeat;
}
.box-440 .content {
	background: url(../images/box-grey-440-bottom.png) bottom no-repeat;
}
.box-670 .content {
	background: url(../images/box-grey-670-bottom.png) bottom no-repeat;
	min-height:200px;
}
.box-900 .content {
	background: url(../images/box-grey-900-bottom.png) bottom no-repeat;
}

.box-210 .image {
    width: 170px;
    height: 90px;
    text-align: center;
    overflow: hidden;
}
.box-210 .text {
    padding-top: 14px;
    width: 170px;
    height: 100px;
    overflow: hidden;
}
.box-210 .link {
    width: 170px;
}

.mr {
	margin-right:20px;
}

.box-210.panelTop
{
	background:none;
}
.box-210.panelTop .content
{
	margin: 20px 0 0 0;
	width: 190px;
	background: none;
}
.box-210.panelTop .image
{
	padding: 4px;
	width: 182px;
	height: 90px;
	background-color:#eef1ea;
	border: solid 1px #ccc;
}
.box-210.panelTop .text
{
	width: 190px;
	height:40px;
	padding: 14px 0 0 0;
}
#panelWrapper
{
	position:relative;
	left:0;
	top:0;
	margin:0 5px 0 5px;
	width:900px;
	overflow:hidden;
}
#panelContent
{
	position:relative;
	left:-5px;
	top:0;
	width:9999px;
	height:300px;
}
#panelContent .list {
	height: 320px; overflow: hidden; position: relative;
}
#panelContent .content {
	background: url("/images/red-75.png") repeat;
	color:#fff;
	padding: 16px 16px 20px 16px;
	left: 70px;
	top: 150px;
	width: 256px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	position: absolute;
}
#panelContent .content h3 {
	font: bold 16px/20px Arial, Helvetica, sans-serif; font-weight: bold;
}
#panelContent .content p {
	margin-bottom: 0;
}
#panelContent .content a {
	color: #fff;
}