@import url("content.css");

/* Layout styles */
/* ------------- */

html		{ background: #3b3d49 url("images/page_circle.png") 64px 100% fixed no-repeat; }
body		{ margin: 0; }

html, body, #wrapper	{ height: 100%; }

#page
{
	background-color: white;
	min-height: 100%;
	position: relative;
	margin-left: 224px;
	border-left: 30px solid white;
}
* html #page { height: 100%; /* For IE<7 */ }

#header
{
	background: #18222c url("images/header_bkg.jpg") 0 100% no-repeat; 
	height: 160px;
	position: relative;
}
#header img	{ display: block; }
#header h1,
#header h2,
#header h3	{ position: absolute; right: 7%; margin: 0; background: transparent; color: white; }
#header h1	{ bottom: 0; }
#header h2	{ bottom: -24px; }
#header h3	{ font-size: x-large; text-align: right; bottom: 84px; letter-spacing: -1px; }

#content		{ margin: 40px 7% 0 0; padding-bottom: 80px; /* clears footer */ min-height: 1px; overflow: visible; }
* html #content	{ height: 1px; }
#content:after	{ display: block; content: " "; clear: both; }

#footer		{ position: absolute; bottom: 0; width: 100%; background: #3b3d49 url("images/page_circle.png") 64px 100% fixed no-repeat; }
#footer div	{ height: 56px; background: url("images/footer_corner.png") no-repeat; }
#footer p	{ margin: 0; position: absolute; bottom: 4px; color: white; }
#footer a	{ color: white; }

#copyright	{ left: 170px; }
#design		{ right: 7%; }
#design img { vertical-align: baseline; margin-top: -40px; position: relative; }

#navigation
{
	position: fixed;
	z-index: 1;
	width: 235px;
	top: 0;
	left: 0;
	padding: 168px 0 0;
	border-top: 30px solid white;
	background: url("images/page_corner.png") 212px 0 no-repeat;

	text-align: right;
	list-style: none;
	list-style-image: none;
	font-size: x-large;
	line-height: 125%;
}
* html #navigation	{ position: absolute; /* For IE<7 */ }

#navigation li			{ min-height: 22px; margin-bottom: 12px; padding-right: 28px; }
#navigation li.selected	{ background: url("images/nav_selected.png") 100% 50% no-repeat; }
#navigation a
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: lowercase;
	color: white;
}

#_2x		{ clear: both; text-align: right; padding-top: 2em; }
#_2x img	{ padding: 8px; margin: -8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
#_2x a:hover img,
#_2x a:active img,
#_2x a:focus img	{ background-color: #c8ccd9; }