#header
{
	position:		relative;
	padding-bottom:		0.5em;					/* 5px == 4px + 1px border */
	width:			100%;
	overflow:		hidden;
	background:		url(/images/dot-grey.png) bottom repeat-x;
}

#header .logo
{
	position:		absolute;
	left:			0;
	top:			0;
	width:			21.2em;
	z-index:		1000;
}

#header .logo img
{
	width:			14em;
	height:			5.1em;
	padding:		1.95em 3.6em;
}

#header .wrapper
{
	position:		relative;
	width:			100%;
	background:		url(/images/dot-grey.png) bottom repeat-x;
}

/***/

#header .info
{
	margin:			3.6em 0 1.3em 23.54em;
	background:		url(/images/dot-grey.png) bottom repeat-x;

	zoom:			1;
}

#header .info em
{
	display:		block;
	margin-left:		0.975em;				/* (line-height * 13/20) px */
	padding-left:		0.25em;
	background:		url(/images/dot-grey.png) top repeat-x;
	color:			rgb(180, 180, 180);
	font-size:		1.2em;					/* 12px */
	line-height:		1.5em;
	font-style:		normal;
	text-transform:		uppercase;
}

/* top navigation */

#header .navigation
{
	position:		relative;
	margin-left:		21.2em;
	overflow:		hidden;
	background:		white url(/images/dot-grey.png) top repeat-x;
	list-style-type:	none;

	zoom:			1;
}

/* a tab */

#header .navigation li
{
	position:		relative;
	margin-left:		-0.8em;					/* 8px overlap */
	padding-top:		0.5em;					/* 5px == 4px + 1px border */
	float:			left;
}

#header .navigation li.active
{
	z-index:		1;
}

#header .navigation li a
{
	display:		block;
	padding:		0 2em 0 3em;
	background-position:	left bottom;
	background-repeat:	no-repeat;
	border-right:		1px solid white;
	color:			white;
	font-size:		1.1em;					/* 11px */
	line-height:		1.636em;
	text-decoration:	none;
}

#header .navigation li.active a
{
	margin-bottom:		-1px;
	padding:		1px 1px 0 3px;
	font-size:		1em;
	line-height:		1.8em;
}

#header .navigation li a:focus,
#header .navigation li a:focus span,
#header .navigation li a:active,
#header .navigation li a:active span
{
	text-decoration:	underline;
}

#header .navigation li span
{
	display:		block;
	padding:		0 2em 0 3em;				/* same as '#header .navigation li a' */
	background:		url(/images/tab-white.png) left bottom no-repeat;
	font-size:		1.1em;
	line-height:		1.636em;
}

* html #header .navigation li span
{
	display:		inline-block;
	background-image:	url(/images/tab-white.gif);
}

/* first tab */

#header .navigation li.first
{
	margin-left:		0;
	padding-left:		0.4em;
	background:		url(/images/slash-grey.png) left bottom no-repeat;
}

* html #header .navigation li.first
{
	background-image:	url(/images/slash-grey.gif);
}

/* separator tab */

#header .navigation li.separator
{
	margin-left:		1em;
}

/* red tab */

#header .navigation li.red a
{
	background-image:	url(/images/tab-red.png);
}

* html #header .navigation li.red a
{
	background-image:	url(/images/tab-red.gif);
}

#header .navigation li.red span
{
	color:			rgb(226, 0, 122);
}

/* green tab */

#header .navigation li.green a
{
	background-image:	url(/images/tab-green.png);
}

* html #header .navigation li.green a
{
	background-image:	url(/images/tab-green.gif);
}

#header .navigation li.green span
{
	color:			rgb(35, 182, 173);
}

/* blue tab */

#header .navigation li.blue a
{
	background-image:	url(/images/tab-blue.png);
}

* html #header .navigation li.blue a
{
	background-image:	url(/images/tab-blue.gif);
}

#header .navigation li.blue span
{
	color:			rgb(0, 158, 224);
}

/* yellow tab */

#header .navigation li.yellow a
{
	background-image:	url(/images/tab-yellow.png);
}

* html #header .navigation li.yellow a
{
	background-image:	url(/images/tab-yellow.gif);
}

#header .navigation li.yellow span
{
	color:			rgb(246, 168, 0);
}

/* violet tab */

#header .navigation li.violet a
{
	background-image:	url(/images/tab-violet.png);
}

* html #header .navigation li.violet a
{
	background-image:	url(/images/tab-violet.gif);
}

#header .navigation li.violet span
{
	color:			rgb(92, 92, 173);
}

/* lilac tab */

#header .navigation li.lilac a
{
	background-image:	url(/images/tab-lilac.png);
}

* html #header .navigation li.lilac a
{
	background-image:	url(/images/tab-lilac.gif);
}

#header .navigation li.lilac span
{
	color:			rgb(151, 112, 223);
}

/* navy blue tab */

#header .navigation li.navy_blue a
{
	background-image:	url(/images/tab-navy-blue.png);
}

* html #header .navigation li.navy_blue a
{
	background-image:	url(/images/tab-navy-blue.gif);
}

#header .navigation li.navy_blue span
{
	color:			rgb(53, 58, 148);
}

/* grey tab */

#header .navigation li.grey a
{
	background-image:	url(/images/tab-grey.png);
}

* html #header .navigation li.grey a
{
	background-image:	url(/images/tab-grey.gif);
}

#header .navigation li.grey span
{
	color:			rgb(180, 180, 180);
}

/* graphite tab */

#header .navigation li.graphite a
{
	background-image:	url(/images/tab-graphite.png);
}

* html #header .navigation li.graphite a
{
	background-image:	url(/images/tab-graphite.gif);
}

#header .navigation li.graphite span
{
	color:			rgb(90, 90, 90);
}