/**
 *	CC Portal
 *  Screen Styles
 *	
 *	@date:		26/11/2007	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *
 */
html,body {
	background:					#fff url(../images/bg-body.gif) repeat-x;
}

body {
	color:						#000;
	font-family:				Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {

}

div#container {
	margin:						0 auto;
	overflow:					hidden;
	padding-top:				52px;
	width:						886px;
}

div#header {
	background:					url(../images/bg-header.gif) no-repeat;
	height:						164px;
	width:						886px;
}

div#content {
	padding-top:				48px;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#header h1 {
	float:						right;
	margin-right:				10px;
	width:						165px;
}

div#header h2#cc-portal {
	float:						left;
	width:						381px;
	margin-left:				10px;
}

div#content h3 {
	background:					url(../images/h3-cc-ezines.png) no-repeat;
	height:						25px;
	text-indent:				-9999px;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#content ul {
	height:						193px;
	margin:						0 0 10px 10px;
}

div#content ul li {
	background-repeat:			none;
	float:						left;
	height:						193px;
	width:						145px;
}

div#content ul li a,
div#content ul li a:link {
	display:					block;
	height:						193px;
	text-indent:				-9999px;
	width:						145px;
}

div#content ul li#unified-communications {
	background-image:			url(../images/list-unified-communications.jpg);
	width:						143px;
}

div#content ul li#unified-communications a,
div#content ul li#unified-communications a:link {
	width:						143px;
}

div#content ul li#collaboration {
	background-image:			url(../images/list-collaboration.jpg);
}

div#content ul li#contact-centres {
	background-image:			url(../images/list-contact-centres.jpg);
}

div#content ul li#system-integration {
	background-image:			url(../images/list-system-integration.jpg);
}

div#content ul li#mobility {
	background-image:			url(../images/list-mobility.jpg);
}

div#content ul li#managed-services {
	background-image:			url(../images/list-managed-services.jpg);
}