.slider
{
	background					: transparent url(../../images/site/slider0.png) no-repeat;
	width						: 503px;
	height						: 312px;
	padding-top					: 4px;
	z-index						: 100;
}

#box1
{
	position					: relative;
	float						: left;
	height						: 304px;
	width						: 81px;
	border-right				: solid 1px #d7d7d7;
	cursor						: pointer;
	overflow					: hidden;
}

#box1on
{
	display						: block;
	background					: transparent url(../../images/site/col1-on.jpg) right no-repeat;
	height						: 304px;
	margin-left					: 4px;
	z-index						: 50;
}

#box1off
{
	float: left;
	display						: none;
	background					: transparent url(../../images/site/col1-off.jpg) right no-repeat;
	height: 304px;
	width: 80px;
}


#box2
{
	position: relative;
	float: left;
	height: 304px;
	width: 81px;
	cursor: pointer;
	overflow: hidden;
	border-left: solid 0px #d7d7d7;
	border-right: solid 1px #d7d7d7;
}

#box2on
{
	display: none;
	float: right;
	background					: #fff url(../../images/site/col2-on.jpg) left no-repeat;
	height: 304px;
	width: 336px;
}
#box2off
{
	display: block;
	float: right;
	background					: transparent url(../../images/site/col2-off.jpg) right no-repeat;
	height: 304px;
	width: 81px;
}

#box3
{
	position: relative;
	float: left;
	height: 304px;
	
	cursor: pointer;
	overflow: hidden;
}

#box3on
{
	display: none;
	float: right;
	background					: transparent url(../../images/site/col3-on.jpg) no-repeat;
	height: 304px;
	width: 340px;
}
#box3off
{
	display: block;
	float: left;
	background					: #e4f1d7 url(../../images/site/col3-off.jpg) left no-repeat;
	height: 304px;
	width: 81px;
}