/* CSS Document */

#home{
	position:relative;
}

.menuBox{
	float: left;
	font-size: 11px;
	border:1px solid #cccccc;
	width:275px;
	height:275px;
	margin: 10px;
	position:relative;
}

.menuBox .imgBox{
	z-index:20;
	top:0;
	left:0;
	width:275px;
	height:275px;	
	position:absolute;
}
#home .shadow , #home .shadow{
	z-index:25;
	bottom:-16px;
	left:0;
	position:absolute;
	height:15px;
	width:277px;
	background:url(/design/shadow.gif) no-repeat center top;
}
.menuBox .titleBox{
	z-index:25;
	bottom:0;
	left:0;
	position:absolute;
	height:18px;
	width:auto;
	background:#1c3641;
	color:#ffffff;
	padding:10px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:18px;
	font-style:italic;
}

.hoverBox{
	position:absolute;
	background:#1d3038;
	width:295px;
	min-height:295px;
	top:-10px;
	left:-10px;
	z-index:110;
}
.imgHoverBox{
	position:relative;
	height:160px;
	overflow:hidden;
}
.imgHoverBox IMG{
	
}
.titleHoverBox{
	background:#233c47;
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:20px;
	font-style:italic;
	
}
.textHoverBox{
	padding:5px 10px;
	color:#ffffff;
	border-bottom:1px solid #000000;
	background:#233c47;
}
.linkHoverBox{
	border-top:1px solid #49595f;
	padding:5px 10px 5px 10px;
	white-space: normal;

}
.linkHoverBox A , .linkHoverBox A:visited{
	background:#FFFFFF url(/design/next.png) no-repeat left center;
	padding:2px 3px 2px 10px;
	margin:0 5px 0 0;
	color:#1c3641;

	margin:0 5px 5px 0;
	display:block;
	float:left;
	width:auto;

}
.linkHoverBox A:hover{
	background:#00a4b1 url(/design/next.png) no-repeat left center;
	color:#ffffff;	
}

.freeBox{
	float: left;
	font-size: 13px;
	border:1px solid #cccccc;
	width:235px;
	padding:10px 20px;
	min-height:200px;
	margin: 10px;
	position:relative;
	background:#f1f1f1;
	color:#666666;
	z-index:99;
}

.freeBox H1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:40px;
	font-style:italic;
	color:#00b7be;
}

.more{
	padding:5px 0;
	margin:10px 0;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}

.more A , .more A:visited , .more SPAN{
	color:#1c3641;
	text-decoration:none;
}
.more A:hover{color:#00b7be}

.videoBox{
	float: left;
	border:1px solid #cccccc;
	width:275px;
	min-height:200px;
	margin: 10px;
	position:relative;

}

.videoBox IMG{cursor:pointer;}

.box{
	float: left;
	border:1px solid #cccccc;
	width:145px;
	height:145px;
	margin: 10px;
}


#lightHomeBox{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#FFF;
	z-index:100;
	opacity:0.7;
	display:none;
}

.menuBox .hoverBox{display:none;}

#homeVideo{display:none;}

#overShadow{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	z-index:250;
	opacity:0.8;
	display:none;
	cursor:pointer;
}

#overVideo{
	width:800px;
	height:596px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-299px 0 0 -401px;
	border:1px solid #cccccc;
	background:#ffffff url(/design/loading.gif) no-repeat center center;
	z-index:255;
	display:none;	
}

#closer{
    background: url("/design/closer.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 48px;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 48px;
		cursor:pointer;
}

#overVideo OBJECT{
	width:800px;
	height:596px;
}