/* 3COL FIXED CENTER : TEMPLATE */

html,body {
	width: 100%;
	height: 100%;
	text-align: center;
}
body { background: #fff url(../assets/bgr.jpg) repeat-x; }
body.home { background: #fff url(../assets/bgr_home.jpg) repeat-x; }

#container {
	text-align: left;
	width: 950px;
	margin: auto;
	overflow-x: hidden;
}
			
	#header, #loginfo, #main, #footer, .row {
		position: relative;
		float: left;
		display: block;
		clear: both;
		width: 100%;
		margin: 0 -3px 0 0;
	}
	
	/* MAIN */
	#main.colspan4 {
		margin-bottom: 35px;
	}
		#main.colspan4 .col, .col {
			position: relative;
			float: left;
			display: inline;
		} 
			#main.colspan4 .colA,
			#main.colspan4 .colB,
			#main.colspan4 .colC,
			#main.colspan4 .colD {
				width: 218px;
				height: 275px;
				cursor: pointer;
			}
			#main.colspan4 .colA,
			#main.colspan4 .colB,
			#main.colspan4 .colC {
				margin-right: 26px;
			}
				#main.colspan4 .hl {
					background-color: #eee;
				}
				#main.colspan4 .black {
					background-color: #f2f2f2;
				}
				#main.colspan4 .green {
					background-color: #e7f3d9;
				}
				#main.colspan4 .blue {
					background-color: #e5f7fd;
				}
				#main.colspan4 .red {
					background-color: #fef0f0;
				}
			
	#main.colspan2 {
	}
		#main.colspan2 .col, .col {
			position: relative;
			float: left;
			display: inline;
		} 
			#main.colspan2 .colA {
				width: 198px;
				margin-right: 20px;
			}
			/* IE6 BUG */
			* html #main.colspan2 .colA  {
				margin: 0;
			}
			#main.colspan2 .colB {
				width: 732px;
				padding: 20px 0 0 0;
			}
			#main.colspan2 .detail {
				background: url(../assets/bgr_detail.jpg) left top no-repeat;
			}
			#main.colspan2 .static {
				background: url(../assets/bgr_content.jpg) left top no-repeat;				
				height: auto !important;
				min-height: 400px;
				height: 400px;
			}
			
	
		.contentHalf {
			position: relative;
			float: left;
			display: inline;
			width: 48%;
			padding: 0;
			margin: 0 2% 0 0;
		}