@import url("content.css");

html, body	{ margin: 0; padding: 0; }

/* Sponsor and footer strips */
.strip			{ background: #556 url("images/strip_bkg.png"); }
.strip div		{ background: url("images/strip_bar.png") 112px -51px no-repeat; position: relative; }
.strip div div	{ background: none; position: static; }
.strip h3		{ position: absolute; left: 112px; top: 26px; margin: 0; }
.strip h3 img	{ display: block; }

/* Header */
/* ------ */

#sponsors div		{ padding: 10px 40px 6px 284px; }
#sponsors div div	{ padding: 0; }
#sponsors img		{ margin-right: 16px; }

#header
{
	margin: 48px 0 1px;
	padding-right: 40px;
	background-color: black;
	border: solid #334;
	border-width: 1px 0;
	position: relative;
}
#site-title
{
	margin: 0;
	padding: 4px 0 0 408px;
	height: 85px;
	text-align: right;
	background: url("images/header_bkg.png") 0 4px repeat-x;
}
#site-title img	{ vertical-align: bottom; }

#navigation
{
	position: absolute;
	left: 100px;
	top: 0;
	list-style: none;
	padding: 0;
}
#navigation a
{
	display: block;
	width: 288px;
	height: 19px;
	text-indent: -600em;
	overflow: hidden;
}
#navigation li			{ padding-left: 8px; }
#navigation li.selected	{ background: url("images/navigation/highlight.png") 0 50% no-repeat; }

#navigation a:hover, #navigation a:focus, #navigation a:active,
#navigation li.selected a	{ background-position: -288px 0; }

#nav-welcome a	{ background-image: url("images/navigation/welcome.png"); }
#nav-services a	{ background-image: url("images/navigation/services.png"); }
#nav-sales a	{ background-image: url("images/navigation/sales.png"); }
#nav-products a	{ background-image: url("images/navigation/products.png"); }


/* Content block */
/* ------------- */
#content			{ background: url("images/content_strip.png") repeat-y; margin: 1px 0; }
#content div		{ background: url("images/content_bkg.jpg") repeat-x; }
#content div div	{ background: url("images/content_strip_top.jpg") no-repeat; padding: 24px 40px 48px 152px; }

#page-title		{ background: #23232f url("images/content_bkg.jpg") 0 -24px repeat-x; margin-left: -48px; }
#page-title img	{ display: block; }

#content h2		{ background: #23232f; margin-left: -48px; padding-left: 2px; }

/* Footer */
/* ------ */

#navigation-bottom
{
	clear: both;
	list-style: none;
	padding: 2px 40px 2px 0;
	margin: 1px 0;
	background: black;
	border: solid #334;
	border-width: 1px 0;
	text-align: right;
}
#navigation-bottom li	{ display: inline; padding-left: 16px; text-transform: lowercase; white-space: nowrap; }
#navigation-bottom span	{ color: white; text-decoration: underline; }

#footer	div			{ padding: 10px 40px 10px 224px; }
#footer div:after	{ display: block; content: " "; clear: both; }
#footer div div		{ padding: 0; }

#footer p		{ margin: 0; }
#footer a		{ color: white; }
#footer a:hover, #footer a:focus, #footer a:active	{ color: #bcd; }
#footer span	{ color: #99a; }

#contact		{ float: left; width: 65%; }
#credits		{ text-align: right; color: white; }