/* Global */
body, div, span, h1, h2, h3, p, ul, li, a, img, dl, dt, dd
{
	margin:0; padding:0;
	font:normal normal normal 12px/18px Arial, Helvetica, sans-serif;
	color:#666;/**/
	
}
	h1
	{
		color:#333;
		font:normal normal bold 36px/43px Arial, Helvetica, sans-serif;
		/*background-color:#fff;*/
		letter-spacing:-1px;
		
	}
		h1 span.grad
		{
			width:500px; height:25px;
			background:transparent url(../media/h_gradient.png) repeat-x 0 0;
			position:absolute;
		}
	h3
	{
		color:#999;
		font:normal normal normal 18px/35px Arial, Helvetica, sans-serif;
		
	}
	
	a:link, a:visited
	{
		text-decoration:none;
		outline:none;
	}
	a:hover, a:active
	{
		text-decoration:underline;
		outline:none;
	}
	
	#browser-bg
	{
		width:100%;
		background-color:#ffc;
		border-bottom:2px solid #cc9;
		/*text-align:center;*/
		overflow:hidden;
		display:none;
	}
		#browser
		{
			margin:0 auto;
			padding:4px 0;
			width:928px;
		}
		#browser-msg
		{
			/*margin:0 auto;*/
			padding:7px 0 7px 32px;
			width:864px;
			color:#000;/**/
			background:transparent url(../media/i_warning.png) no-repeat 0 center;
			text-align:center;
			font-size:13px;
			font-weight:bold;
			/*overflow:hidden;*/
			display:block;
			float:left;
		}
		#browser-close
		{
			width:32px; height:32px;
			background:transparent url(../media/i_close.png) no-repeat center center;
			display:block;
			/*overflow:hidden;*/
			float:left;
			cursor:pointer;
		}
		
	
/* Sections */
#wrapper
{
	margin:0 auto;
	width:928px;
	overflow:hidden;/**/
	/*background-color:#000;*/
}
#header
{
	padding:20px 0 0 0;
	width:100%; height:50px;
	overflow:hidden;
	/*background-color:#ff0;*/
}
	#header .c0
	{
		width:172px; height:40px;
		background:transparent url(../media/logo_cnl.png) no-repeat 0 0;
		display:block;
		float:left;
		overflow:hidden;
	}
		#header .c0 a:link, #header .c0 a:visited
		{
			width:172px; height:40px;
			display:block;
		}
		#header .c0 a:hover, #header .c0 a:active
		{
			/*background-color:#ff0;*/
		}
	#header .c0 p
	{
		padding:0;
	}
	#header .c1
	{
		width:360px; height:40px;
		/*background:transparent url(../media/logo_audtag.png) no-repeat 0 0;*/
		display:block;
		float:right;
		overflow:hidden;
	}
		#header .c1 a:link, #header .c1 a:visited
		{
			width:360px; height:40px;
			background:transparent url(../media/logo_audtag.png) no-repeat 0 0;
			display:block;
		}
		#header .c1 a:hover, #header .c1 a:active
		{
			/*background-color:#ff0;*/
			background:transparent url(../media/logo_audtag.png) no-repeat -360px 0;
		}
	

#footer
{
	padding:21px 0 0 0;
	height:100px;
	/*border:10px solid #ccc;
	background-color:#ccc;*/
	text-align:center;
	overflow:hidden;/**/
}
	#footer p
	{
		padding:12px 0;
		font-size:11px;
		color:#999;
	}
	#footer a
	{
		font-size:16px;
	}
		#footer a:link, #footer a:visited
		{
			text-decoration:none;
			color:#06c;
		}
		#footer a:hover, #footer a:active
		{
			text-decoration:underline;
		}
	
	
	
#main
{
	width:928px; /**/
	/*border:5px solid #000;*/
	overflow:hidden;
	background:transparent url(../media/bg_main.png) repeat-y 0 0;
	/*opacity:0.1; filter:alpha(opacity=100);*/
}
#main-top
{
	height:12px;
	background:transparent url(../media/bg_main_top.png) no-repeat 0 0;
	overflow:hidden;
}




#page
{
	width:928px; height:500px;
	/*background-color:#00f;*/
	opacity:1; filter:alpha(opacity=100);
	display:block;
	overflow:hidden;
}
	#page li
	{
		background-color:transparent;/**/
		display:block;
		overflow:hidden;
	}



#page0
{
	display:none;
}
	#page0 .content
	{
		padding:0 32px;
		width:864px; height:500px;
		/*background:transparent url(../media/bg_guide_3col.png) repeat-y 32px 0;*/
		background:transparent url(../media/bg_page0.jpg) no-repeat 32px 160px;
	}
	#page0 .c0
	{
		padding:12px 12px 0 0;
		width:264px;
		background-color:#fff;/**/
		float:left;
	}
	
	#page0 .c1
	{
		padding:12px 0 0 12px;
		width:576px;
		float:right;
		background-color:#fff;/**/
	}
		#page0 .c1 p.heading
		{
			padding:49px 0 20px 0;
			font-size:16px;
			line-height:22px;
			color:#666;
			/*background-color:#ff0;*/
		}
		#page0 .c1 h3
		{
			padding:0 0 9px 0;
			/*background-color:#f00;*/
			font-size:16px;
			font-weight:bold;
			color:#666;/**/
		}
	
	
	#page0 .c2
	{
		padding:0 0 15px 0;
		width:576px;
		float:right;
		background-color:#fff;/**/
	}
		#page0 .c2 .listbox
		{
			width:288px;
			/*background-color:#f0f;*/
			float:left;
		}
			#page0 .c2 .list
			{
				padding:0 10px 4px 18px;
				background:transparent url(../media/bullet_square.png) no-repeat 0 5px;
				display:block;
				font-size:12px;
			}
	
	#page0 .c3
	{
		width:100%; height:90px;
		padding:12px 0 0 0;
		background-color:#fff;/**/
		border-top:1px solid #e5e5e5;
		float:left;
		overflow:hidden;
	}
		#page0 .c3 .listbox
		{
			width:288px;
			float:left;
		}
			#page0 .c3 .listimage
			{
				height:64px;
				padding:0 16px 0 86px;
				background:transparent url(../media/i_new.png) no-repeat 0 0;
				display:block;
				font-size:18px; font-weight:bold;
				line-height:22px;
				letter-spacing:-1px;
				color:#693;
			}
			#page0 .c3 .list
			{
				padding:0 10px 0 18px;
				background:transparent url(../media/bullet_square_green.png) no-repeat 0 4px;
				display:block;
				font-size:11px;
				line-height:16px;
				
			}




#page1
{
	display:none;
}
	#page1 object
	{
		overflow:hidden;
	}
	#page1 .content
	{
		padding:0 5px;
		width:918px; height:500px;
		/*background-color:#f00;
		background:transparent url(../media/bg_guide_3col.png) repeat-y 32px 0;
		background:transparent url(../media/bg_page1.jpg) no-repeat 5px 40px;*/
	}
	#page1 .flash
	{
		background-color:transparent;
	}
	#page1 .p1-subnav /* width offset */
	{
		padding:0 27px;
	}


#page2
{
	display:none;
}
	#page2 .content
	{
		padding:0 32px;
		width:864px; height:500px;
		/*background:transparent url(../media/bg_guide_4col.png) repeat-y 32px 0;*/
		background:transparent url(../media/bg_page2.png) no-repeat 32px 40px;
	}
	#page2 .c0
	{
		padding:12px 0 0 0;
		width:432px;
		float:left;
		/*background-color:#ff0;*/
	}
		#page2 .c0 p
		{
			padding:4px 0 0 0;
			/*background-color:#ccc;*/
		}
		#page2 .c0 span.smallText
		{
			margin:236px 0 0 0;
			padding:0 0 0 60px;
			font-size:11px;
			display:block;
			/*background-color:#ccc;*/
		}
	#page2 .c1
	{
		padding:65px 6px 18px 12px;
		width:198px;
		float:left;
		/*background-color:#f00;*/
	}
	#page2 .c2
	{
		padding:65px 0 18px 18px;
		width:198px;
		float:left;
		/*background-color:#0ff;*/
	}
		#page2 dl
		{
			/*padding:0;
			background-color:#0f0;*/
		}
			#page2 dt.top
			{
				padding:0;
			}
			#page2 dt
			{
				padding:18px 0 0 0;
				font-size:12px;
				font-weight:bold;
				/*color:#333;*/
				color:#693;
			}
			#page2 dd
			{
				/*font-size:12px;*/
			}
	#page2 .c3
	{
		width:100%; height:80px;
		/*background-color:#ccc;*/
		float:left;
		overflow:hidden;
	}
		#page2 .c3 .list
		{
			padding:17px 0 0 0;
			width:288px;
			/*background-color:#ff0;*/
			border-top:1px solid #e5e5e5;
			float:left;
		}
		#page2 .c3 .square
		{
			padding:0 0 0 17px;
			background:transparent url(../media/bullet_square.png) no-repeat 0 5px;
			display:block;
			font-size:12px;
			/*font-weight:bold;*/
			line-height:20px;
			color:#666;
		}

#page3
{
	display:none;
}
	#page3 .content
	{
		padding:0 32px;
		width:864px; height:500px;
		/*background:transparent url(../media/bg_page3.png) no-repeat 32px 40px;*/
		background:transparent url(../media/bg_page3.jpg) no-repeat 5px 35px;/**/
		/*background-color:#00f;*/
	}
	#page3 .c0
	{
		padding:12px 0 0 0;
		/*width:576px;*/
		width:477px;
		
		float:left;
		/*background-color:#ff0;*/
	}
		#page3 .c0 p.info
		{
			margin:270px 0 0 0;
			padding:17px 0 0 0;
			width:360px;
			/*background-color:#000;*/
			float:left;
			font-size:18px;
			font-weight:bold;
			line-height:24px;
			letter-spacing:-1px;
			/*text-align:center;*/
			color:#693;
		}
	#page3 .c2
	{
		padding:62px 0 0 27px;
		/*width:261px; height:100%;*/
		width:360px; height:100%;
		
		float:left;
		background-color:#fff;
		/*background:transparent url(../media/bg_contact_form.png) no-repeat 0 20px;*/
	}
		#page3-form
		{
			/*padding:14px 0 0 0;
			background-color:#333;*/
			
		}
		#page3 .c2 p.heading
		{
			padding:0 0 13px 0;
			font-size:16px;
			line-height:22px;
			color:#666;
		}
		#page3-form h2
		{
			padding:22px 0 15px 0;
			font-size:16px;
			font-weight:bold;
			color:#693;
		}
		#page3-form p
		{
			font-size:14px;
		}
		#page3-form p.small
		{
			font-size:12px;
			font-style:italic;
			color:#999;
		}


#nav
{
	width:928px;
	overflow:hidden;
}
	#nav ul
	{
		list-style-type:none;
		display:block;
		overflow:hidden;
	}
	#nav li
	{
		text-align:center;
		float:left;
		/*background-color:#ff0;*/
	}
	#nav a
	{
		padding:18px 0 0 0;
		width:232px; height:182px;
		text-decoration:none;
		display:block;
		/*background-color:#f00;*/
		font-size:18px;	font-weight:bold;
	}
	#nav span
	{
		padding:4px 0 0 0;
		font-size:12px;	font-weight:normal;
		color:#666;
		display:block;
		
	}
		.n0:link, .n0:visited
		{
			color:#666;
			background:transparent url(../media/btn_home.png) no-repeat 0 0;
		}
		.n0:hover, .n0:active
		{
			color:#06c;
			background:transparent url(../media/btn_home.png) no-repeat -232px 0;
		}
			.n0selected
			{
				color:#06c;
				background:transparent url(../media/btn_home.png) no-repeat -464px 0;
				cursor:default;
			}
		.n1:link, .n1:visited
		{
			color:#666;
			background:transparent url(../media/btn_demos.png) no-repeat 0 0;
		}
		.n1:hover, .n1:active
		{
			color:#06c;
			background:transparent url(../media/btn_demos.png) no-repeat -232px 0;
		}
			.n1selected
			{
				color:#06c;
				background:transparent url(../media/btn_demos.png) no-repeat -464px 0;
				cursor:default;
			}
		.n2:link, .n2:visited
		{
			color:#666;
			background:transparent url(../media/btn_specs.png) no-repeat 0 0;
		}
		.n2:hover, .n2:active
		{
			color:#06c;
			background:transparent url(../media/btn_specs.png) no-repeat -232px 0;
		}
			.n2selected
			{
				color:#06c;
				background:transparent url(../media/btn_specs.png) no-repeat -464px 0;
				cursor:default;
			}
		.n3:link, .n3:visited
		{
			color:#666;
			background:transparent url(../media/btn_contact.png) no-repeat 0 0;
		}
		.n3:hover, .n3:active
		{
			color:#06c;
			background:transparent url(../media/btn_contact.png) no-repeat -232px 0;
		}
			.n3selected
			{
				color:#06c;
				background:transparent url(../media/btn_contact.png) no-repeat -464px 0;
				cursor:default;
			}
	
	
.subnav
{
	margin:0; padding:0;
	overflow:hidden;
	/*background-color:#f00;*/
	border-bottom:1px solid #e5e5e5;
}
	.subnav a
	{
		width:100px; height:39px;
		display:block;
		font:normal 11px/40px Arial, Helvetica, sans-serif;
		color:#999;
	}
	.subnav a.bwd:link, .subnav a.bwd:visited
	{
		padding-left:26px;
		float:left;
		text-align:left;
		background:#fff url(../media/btn_arrow_bwd.png) no-repeat left 0;
	}
		.subnav a.bwd:hover, .subnav a.bwd:active
		{
			color:#06c;
			background:#fff url(../media/btn_arrow_bwd.png) no-repeat left -40px;
		}
	.subnav a.fwd:link, .subnav a.fwd:visited
	{
		padding-right:26px;
		float:right;
		text-align:right;
		background:#fff url(../media/btn_arrow_fwd.png) no-repeat right 0;
	}
		.subnav a.fwd:hover, .subnav a.fwd:active
		{
			color:#06c;
			background:#fff url(../media/btn_arrow_fwd.png) no-repeat right -40px;
		}
	
	

/* Form */
form, input, textarea
{
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
}
.f form
{
	padding:20px;
	background-color:#f00;/**/
}
.f input
{
	/*width:257px;*/
	width:100%;
	margin:0 0 5px 0; padding:1px;
	border-top:1px solid #666; border-left:1px solid #666;
	border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	font-size:16px;
	/*display:block;*/
	/*background-color:#ff0;*/
	
	float:left;
	
}
	.f input.btn
	{
		width:80px; height:40px;
		background:transparent url(../media/btn_submit.png) no-repeat 0 0;/**/
		border:0;
		font-size:14px; font-weight:bold;/**/
		
		/*float:left;
		display:block;*/
		margin:-25px 0 0 264px;
	}
	.f input.btn:link, .f input.btn:visited
	{
		text-decoration:underline;
	}
	.f input.btn:hover, .f input.btn:active
	{
		background:transparent url(../media/btn_submit.png) no-repeat -80px 0;
		text-decoration:underline;
	}
.f textarea
{
	width:340px; height:50px;
	margin:0 0 15px 0; padding:1px;
	border-top:1px solid #666; border-left:1px solid #666;
	border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	font-size:14px;
	display:block;
	overflow:auto;
	
	/*float:left;
	clear:both;*/
}
.f label
{
	/*width:160px;*/
	width:160px;
	float:left;
	margin:0 20px 30px 0;
	
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#693;
	/*display:block;*/
	/*background-color:#ff0;*/
}
	.f label span.error
	{
		padding:2px 20px 0 0;
		background:transparent url(../media/i_error.png) no-repeat right bottom;
		font-size:12px;
		font-weight:bold;
		color:#c00;
	}
	#loading-bg /* Loading */
	{
		/*padding:8px 0 8px 40px;*/
		margin:40px 200px 0 0;
		width:114px; height:24px;
		float:left;
		/*display:none;
		display:inline;
		background-color:#ccc;*/
	}
		#loading-bg img
		{
			border:none;
			float:left;
		}
		#loading-bg p
		{
			padding:2px 0 0 10px;
			float:left;
			color:#06c;
		}
	
	
	
	
	
	
/*  */