/* 3COL FIXED CENTER : TEMPLATE */

html,body {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #ffb400 url(../assets/bgr.jpg) center top no-repeat;
}

#container {
	text-align: left;
	width: 950px;
	margin: auto;
}
			
	#header, #loginfo, #main, #footer, .row {
		position: relative;
		float: left;
		display: block;
		clear: both;
		width: 100%;
		margin: 0 -3px 0 0;
	}
	
	/* MAIN */
	.colspan2 {
		background: url(../assets/bgr_main.jpg) repeat-y;
		z-index: 1;
	}
		#main.colspan2 .col, .col {
			position: relative;
			float: left;
		} 
			#main.colspan2 .colA {
				padding-top: 21px;
				width: 189px;
				margin-right: 33px;
			}
			#main.colspan2 .colB {
				width: 705px;
				padding: 0px 0px 0px 0px;
			}
			#main.colspan2 .colC, #main.colspan2 .colD {
				display: none;
			}

	
	.colspan3 {
		background: #fff url(../assets/col3.jpg) repeat-y;
	}
		#main.colspan3 .col, .col {
			position: relative;
			float: left;
		} 
			#main.colspan3 .colA {
				width: 200px;
			}
			#main.colspan3 .colB {
				width: 550px;
				padding: 0px 0px 0px 0px;
			}
			#main.colspan3 .colC {
				width: 200px;
			}
			
	.colspan4 {
		background: #fff url(../assets/col4.jpg) repeat-y;
	}
		#main.colspan4 .col, .col {
			position: relative;
			float: left;
		} 
			#main.colspan4 .colA {
				width: 200px;
			}
			#main.colspan4 .colB {
				width: 200px;
			}
			#main.colspan4 .colC {
				width: 350px;
			}
			#main.colspan4 .colD {
				width: 200px;
			}