.cn_wrapper{
	margin:40px auto 0px auto;
	width:984px;
	height:400px;
	position:relative;
	color:#fff;
	overflow:hidden;
	padding:5px;
	background-color:#e1e1e1;
}
.cn_wrapper h1 {font-size:20px; text-transform:uppercase}
.cn_wrapper h2 {font-size:12px; border-bottom:1px solid #000; padding-bottom:4px; text-transform:uppercase}
.cn_list {width:250px; height:400px; position:absolute; top:2px; left:740px}
.cn_preview {width:780px; height:400px; position:absolute; top:2px; left:6px; background-repeat:no-repeat}
.cn_preview {left:5px}
.cn_content {
	top:410px;
	left:5px;
	width:705px;
	padding:10px;
	position:absolute;
	height:370px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
}

.cn_content p {margin-top:0; padding:5px; background-color:#333; opacity:0.75; filter:alpha(opacity=75);}
.cn_content h3 {margin-top:250px; padding:5px; letter-spacing:.25em; background-color:#333; opacity:0.75; filter:alpha(opacity=75); margin-bottom:0}

.cn_item {
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:60px;
	color:#666;
	padding:6px;
	margin:7px 5px 0 0;
	text-transform:uppercase;
	background:#aad3f1;
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#aad3f1),
			to(#9ac4e3)
		);
	background:
		-moz-linear-gradient(
			top,
			#aad3f1,
			#9ac4e3
		);
}
.cn_item:hover, .selected {
	color:#fff;
	background-color:#1951A5;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);
}
.cn_item h3 {padding-left:13px}
.cn_item:hover h3, .cn_list .selected h3, .cn_item:active h3 {border-color:#2C5FAC}
.cn_item:hover p, .cn_list .selected p, .cn_item:active p {border-color:#527CBB}
.cn_item:active {color:#011c44}
.cn_list p {height:29px; padding-top:2px; overflow:hidden; border-top:1px solid #333}
.cn_page {display:none}