/* Commons */

html
{
	min-width:		630px;
}

body
{
	background-color:	#ffffff;
	background-image:	url(/layout/images/pc9/bg.png);
}

/* TOP */

#pc_top
{
	position:		absolute;
	float:			left;
	top:			0;
	left:			10px;
	right:			10px;
	height:			100px;
	overflow:		hidden;
	background-color:	#eeeeee;
	background-image:	url(/layout/images/pc9/top-center-bg.png);
	margin:			0;
	padding:		0;
	border:			0 none;
}

#pc_top div
{
	background-color:	#eeeeee;
	background-image:	url(/layout/images/pc9/top-center-bg.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		absolute;
	float:			left;
	height:			100px;
	overflow:		hidden;
	top:			0;
}

#pc_logo
{
	width:			221px;
	left:			0;
}

#pc_logo_anchor, #pc_logo_image
{
	margin:			0;
	padding:		0;
	border:			0 none;
}

#pc_top_center
{
	left:			221px;
	right:			214px;
	text-align:		center;
}

#pc_title
{
	color:			#b80010;
	font-size:		24px;
	font-style:		normal;
	font-weight:		normal;
	font-variant:		normal;
	text-align:		center;
	text-indent:		0;
	margin:			0;
	padding:		0;
	width:			100%;
	height:			auto;
	display:		block;
	position:		relative;
	float:			left;
	top:			20px;
	font-family: "Century Gothic", "URW Gothic L", Arial, Helvetica, sans-serif;

}

#pc_quick_buttons
{
	right:			0;
	width:			214px;
	text-align:		right;
	background-color:	#eeeeee;
	background-image:	url(/layout/images/pc9/top-center-bg.png);
}

#pc_quick_buttons_left
{
	display:		block;
	float:			left;
	width:			14px;
	height:			100px;
	background-image:	url(/layout/images/pc9/top-buttons-left-margin.png);
}

#pc_quick_buttons a
{
	display:		block;
	float:			left;
	width:			100px;
	height:			100px;
}

#pc_button_ubuntu
{
	background-image:	url(/layout/images/pc9/top-button-pc.png);
}

#pc_button_ubuntu:hover
{
	background-image:	url(/layout/images/pc9/top-button-pc-hover.png);
}

#pc_button_debian
{
	background-image:	url(/layout/images/pc9/top-button-server.png);
}

#pc_button_debian:hover
{
	background-image:	url(/layout/images/pc9/top-button-server-hover.png);
}

/* LEFT */

#pc_left
{
	position:		absolute;
	float:			left;
	top:			120px;
	left:			10px;
	width:			250px;	/* Width of the left box */
	height:			auto;
	overflow:		hidden;
	background-color:	#ffffff;
	background-image:	url(/layout/images/pc9/bg.png);
	margin:			0;
	padding:		0;
	border:			0 none;
}

#pc_left_top
{
	height:			20px;
	width:			100%;
	background-image:	url(/layout/images/pc9/menu-top.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_left_top_left
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/menu-top-left.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_left_top_right
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/menu-top-right.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			right;
}

#pc_left_bottom
{
	height:			20px;
	width:			100%;
	background-image:	url(/layout/images/pc9/menu-bottom.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_left_bottom_left
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/menu-bottom-left.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_left_bottom_right
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/menu-bottom-right.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			right;
}

#pc_left_left_border_wrapper
{
	width:			100%;
	background-image:	url(/layout/images/pc9/menu-left.png);
	background-position:	left;
	background-repeat:	repeat-y;
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
	overflow:		hidden;
}

#pc_left_right_border_wrapper
{
	width:			100%;
	background-image:	url(/layout/images/pc9/menu-right.png);
	background-position:	right;
	background-repeat:	repeat-y;
	margin:			0;
	padding:		0;
	border:			0 none;
	overflow:		hidden;
}

#menu
{
	height:			auto;
	width:			auto;
	margin:			0 20px 0 20px;
	padding:		0;
	border:			0 none;
	overflow:		visible;
}


/* RIGHT */

#pc_right
{
	position:		absolute;
	float:			right;
	top:			160px;
	right:			10px;
	width:			200px;	/* Width of the right box */
	height:			auto;
	overflow:		hidden;
	background-color:	#ffee04;
	background-image:	url(/layout/images/pc9/info-bg.png);
	margin:			0;
	padding:		0;
	border:			0 none;
}

#pc_right_top
{
	height:			20px;
	width:			100%;
	background-image:	url(/layout/images/pc9/info-top.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_right_top_left
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/info-top-left.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_right_top_right
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/info-top-right.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			right;
}

#pc_right_bottom
{
	height:			20px;
	width:			100%;
	background-image:	url(/layout/images/pc9/info-bottom.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_right_bottom_left
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/info-bottom-left.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_right_bottom_right
{
	width:			20px;
	height:			20px;
	background-image:	url(/layout/images/pc9/info-bottom-right.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			right;
}

#pc_right_left_border_wrapper
{
	width:			100%;
	background-image:	url(/layout/images/pc9/info-left.png);
	background-position:	left;
	background-repeat:	repeat-y;
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
	overflow:		hidden;
}

#pc_right_right_border_wrapper
{
	width:			100%;
	background-image:	url(/layout/images/pc9/info-right.png);
	background-position:	right;
	background-repeat:	repeat-y;
	margin:			0;
	padding:		0;
	border:			0 none;
	overflow:		hidden;
}

#links
{
	height:			auto;
	width:			auto;
	margin:			0 20px 0 20px;
	padding:		0;
	border:			0 none;
	overflow:		visible;
}


/* CENTER */

#pc_center
{
	position:		absolute;
	float:			right;
	top:			110px;
	right:			220px;	/* width of the RIGHT box + "right" of the RIGHT box + 10 */
	left:			270px;	/* width of the LEFT box + "right" of the LEFT box + 10 */
	height:			auto;
	overflow:		visible;
	background-color:	#eeeeee;
	background-image:	url(/layout/images/pc9/contents-bg.png);
	margin:			0;
	padding:		0;
	border:			0 none;
}

#pc_center_top
{
	height:			32px;
	width:			100%;
	background-image:	url(/layout/images/pc9/contents-top.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_center_top_left
{
	width:			32px;
	height:			32px;
	background-image:	url(/layout/images/pc9/contents-top-left.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
}

#pc_center_top_right
{
	width:			32px;
	height:			32px;
	background-image:	url(/layout/images/pc9/contents-top-right.png);
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			right;
}

#pc_center_left_border_wrapper
{
	width:			100%;
	background-image:	url(/layout/images/pc9/contents-left.png);
	background-position:	left;
	background-repeat:	repeat-y;
	margin:			0;
	padding:		0;
	border:			0 none;
	position:		relative;
	float:			left;
	overflow:		hidden;
}

#pc_center_right_border_wrapper
{
	width:			100%;
	background-image:	url(/layout/images/pc9/contents-right.png);
	background-position:	right;
	background-repeat:	repeat-y;
	margin:			0;
	padding:		0;
	border:			0 none;
	overflow:		hidden;
}

#contents
{
	height:			auto;
	width:			auto;
	margin:			0 32px 0 32px;
	padding:		0;
	border:			0 none;
	overflow:		visible;
}

#pc_bottom
{
	height:			auto;
	width:			100%;
	background-color:	#ffffff;
	background-image:	url(/layout/images/pc9/bg.png);
	margin:			0 -220px 0 -270px;
	padding:		0 220px 0 270px;
	border:			0 none;
	position:		relative;
	float:			left;
	line-height:		0;
}

#pc_bottom p
{
	margin:			0;
	padding:		0;
	text-indent:		0;
	font-size:		12px;
	text-align:		center;
	line-height:		12px;
}

#pc_bottom_top
{
	margin:			0;
	padding:		0;
	width:			100%;
	height:			2px;
}

/* MENU */
#menu a
{
	text-decoration: none;
	color: #ff6600;
}
#menu a:hover
{
	text-decoration: none;
	color: #ff9900;
}
#menu ul a
{
	text-decoration: none;
	color: #000000;
}
#menu ul a:hover
{
	text-decoration: none;
	color: #ff6600;
}
#menu li
{
	position: relative;
	float: left;
	padding: 10px;
	margin: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #ff6600;
}
#menu ul
{
	position: static;
	float: none;
	padding: 0;
	margin: 0 0 0 20px;
	width: auto;
	height: auto;
	overflow: auto;
	text-align: left;
	display: block;
}
#menu li li
{
	position: static;
	float: none;
	padding: 0;
	margin: 10px 0 0 0;
	width: auto;
	height: auto;
	overflow: auto;
	text-align: left;
	display: block;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

/* VERSIONS */

#pc_versions
{
	position: absolute;
	float: left;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 32px;
	top:	110px;
	right:	51px;
}
#pc_version_print
{
	float: left;
	width: 48px;
	height: 32px;
	margin: 0;
	padding: 0;
	background-image: url(/layout/images/pc9/version-print.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#pc_version_print:hover
{
	background-image: url(/layout/images/pc9/version-print-hover.png);
}
#pc_version_pda
{
	float: left;
	width: 48px;
	height: 32px;
	margin: 0;
	padding: 0;
	background-image: url(/layout/images/pc9/version-pda.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#pc_version_pda:hover
{
	background-image: url(/layout/images/pc9/version-pda-hover.png);
}

/* LINKS */
#links
{
	font-size: 70%;
	text-align: center;
}
#links p,#links h1,#links h2,#links h3,#links h4,#links h5,#links h6
{
	text-align: center;
	text-indent: 0;
}
#links a, #links a:hover, #links a:visited
{
	color: inherit;
	text-decoration: none;
}
#links a:hover
{
	color: #ff9900;
}
/* HIDE ALL OTHER VERSIONS */
#print_top
{
	display: none;
	visibility: hidden;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0;
	border: 0 none;
}