/* 960
--------------------------------------------------------- */
.container_12,.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.container_12 .grid_3,.container_16 .grid_4 {width: 220px}
.container_12 .grid_6,.container_16 .grid_8 {width: 460px}
.container_12 .grid_9,.container_16 .grid_12 {width: 700px}
.container_12 .grid_12,.container_16 .grid_16 {width: 940px}
.alpha {margin-left: 0}
.omega {margin-right: 0}
.container_12 .grid_1{width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
.container_12 .prefix_3,.container_16 .prefix_4 {padding-left: 240px}
.container_12 .prefix_6,.container_16 .prefix_8 {padding-left: 480px}
.container_12 .prefix_9,.container_16 .prefix_12 {padding-left: 720px}
.container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}
.container_12 .suffix_3,.container_16 .suffix_4 {padding-right: 240px}
.container_12 .suffix_6,.container_16 .suffix_8 {padding-right: 480px}
.container_12 .suffix_9,.container_16 .suffix_12 {padding-right: 720px}
.container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}

.container_12 .block_3, .container_12 .block_4, .container_12 .block_5, .container_12 .block_9, .container_12 .block_12 {
	border: 0px solid #DFDFDF;
	padding: 10px;
}
.container_12 .block_3 {
	width: 200px;
}
.container_12 .block_4 {
	width: 260px;
	padding: 10px 20px;
}
.container_12 .block_5 {
	width: 360px;
}
.container_12 .block_9 {
	width: 680px;
}
.container_12 .block_12 {
	padding: 10px 20px;
}


.container_16 .grid_1 {width: 40px}
.container_16 .grid_2 {width: 100px}
.container_16 .grid_3 {width: 160px}
.container_16 .grid_5 {width: 280px}
.container_16 .grid_6 {width: 340px}
.container_16 .grid_7 {width: 400px}
.container_16 .grid_9 {width: 520px}
.container_16 .grid_10 {width: 580px}
.container_16 .grid_11 {width: 640px}
.container_16 .grid_13 {width: 760px}
.container_16 .grid_14 {width: 820px}
.container_16 .grid_15 {width: 880px}
.container_16 .prefix_1 {padding-left: 60px}
.container_16 .prefix_2 {padding-left: 120px}
.container_16 .prefix_3 {padding-left: 180px}
.container_16 .prefix_5 {padding-left: 300px}
.container_16 .prefix_6 {padding-left: 360px}
.container_16 .prefix_7 {padding-left: 420px}
.container_16 .prefix_9 {padding-left: 540px}
.container_16 .prefix_10 {padding-left: 600px}
.container_16 .prefix_11 {padding-left: 660px}
.container_16 .prefix_13 {padding-left: 780px}
.container_16 .prefix_14 {padding-left: 840px}
.container_16 .prefix_15 {padding-left: 900px}
.container_16 .suffix_1 {padding-right: 60px}
.container_16 .suffix_2 {padding-right: 120px}
.container_16 .suffix_3 {padding-right: 180px}
.container_16 .suffix_5 {padding-right: 300px}
.container_16 .suffix_6 {padding-right: 360px}
.container_16 .suffix_7 {padding-right: 420px}
.container_16 .suffix_9 {padding-right: 540px}
.container_16 .suffix_10 {padding-right: 600px}
.container_16 .suffix_11 {padding-right: 660px}
.container_16 .suffix_13 {padding-right: 780px}
.container_16 .suffix_14 {padding-right: 840px}
.container_16 .suffix_15 {padding-right: 900px}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0
}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}

.example_12,.example_16 {
	background-color:#fff;
	background-repeat:no-repeat;
	clear:both;
	display:block;
	overflow:hidden;
	width:460px;
	height:445px
}

#grid {
	position: absolute;
	left: 50%;
	top: 195px;
	margin-left: -480px;
	background: transparent url(../images/grid.png) repeat-y left top;
	width: 940px;
	height: 70%;
	padding: 10px;
	color: black;
}
.gridhidden {display:none}
.gridshown {display:inline}