@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-datasets.css);
@import url(assets.css);

	body { background: #545456; }
	div#container { 
		width: 57.5em; margin: 0 auto; display: block; padding: 0.1em 1em 1.2em 1em; 
		background: #545556 url("../../images/background.png") top left no-repeat;
	}

/* =access */

	#access { position: absolute; z-index: 100; }
	#access a { 
		display: block; font-weight: bold; border: 0; text-align: center; 
		color: #FFFFFF; font-size: 0.7em; width: 180px;
		position: absolute; top: -10em; left: 0px; line-height: 3em;
	}

	#access a:focus, #access a:active { background: #000000; top: 0em; }

/** =header */

	div#header { width: 100%; overflow: hidden; }

	div#header p.branding a { display: block; width: 23em; height: 2.5em; margin: 1.5em 0 1em 0; position: relative; }
	div#header p.branding a span { text-indent: -9999px; background-image: url("../../images/brand/feelings-branding.png"); cursor: pointer; }
	
	div#header div#structure-navigation { width: 100%; position: relative; }
	div#header div#quick-links { position: absolute; top: -4em; right: 0; }
	
	div#header div#structure-navigation ul { display: block; overflow: hidden; float: left; }
	
	div#header div#structure-navigation ul a,
	div#header div#structure-navigation div#secondary-navigation ul li span {
		color: #cccccc; text-transform: uppercase; display: block; 
		text-decoration: none; position: relative; font-weight: bold;
		padding: 0.7em 1em 0.85em 1em; 
	}
	
	div#header div#structure-navigation ul li {
		background-position: bottom left; background-repeat: no-repeat;background-image: url("../../images/nav-border.gif");
		padding-left: 1px; float: left; font-size: 0.7em; display: block;
	}
	
	div#header div#structure-navigation ul {
		background-image: url("../../images/nav-border.gif");
		background-position: bottom right; background-repeat: no-repeat; padding-right: 1px; 
	}
	
	div#header div#structure-navigation ul li.last a { padding-left: 0.95em; }
	div#header div#structure-navigation ul li.active a,
	div#header div#structure-navigation ul a:hover,
	div#header div#structure-navigation ul a:active,
	div#header div#structure-navigation ul a:focus
	{ background-color: #404041; color: #fefefe; border-bottom: 0.5em solid #231f20; padding-bottom: 0.4em; }
	
	div#header div#structure-navigation div#secondary-navigation { clear: both; display: block; }
	div#header div#structure-navigation div#secondary-navigation ul {
		background: #464646 no-repeat url("../../images/subnav-background.gif") top left; width: 100%;
	}
	div#header div#structure-navigation div#secondary-navigation ul li { padding: 0; background: transparent; }
	div#header div#structure-navigation div#secondary-navigation ul a,
	div#header div#structure-navigation div#secondary-navigation ul li span
	{ padding: 0.6em 0.7em 0.6em 0.7em; border: none; color: #999999; background: transparent; }
	
	div#header div#structure-navigation div#secondary-navigation ul li.active a,
	div#header div#structure-navigation div#secondary-navigation ul a:hover,
	div#header div#structure-navigation div#secondary-navigation ul a:active,
	div#header div#structure-navigation div#secondary-navigation ul a:focus
	{ border: none; background: #262626; color: #fefefe; }
	
	div#header div#structure-navigation div#quick-links ul { background: transparent; }
	
	div#header div#structure-navigation div#quick-links ul li { 
		float: none; display: block; background: transparent !important; 
		border: 0 !important; padding: 0.35em 0em 0em 1em; text-align: right; }
		
	div#header div#structure-navigation div#quick-links ul li a {
		color: #cccccc; text-transform: uppercase; display: inline;
		font-size: 0.95em; border: none; font-weight: bold; text-decoration: none; 
		 background: transparent !important; 
	}
	
	div#header div#structure-navigation div#quick-links ul li a:hover,
	div#header div#structure-navigation div#quick-links ul li a:focus,
	div#header div#structure-navigation div#quick-links ul li a:active,
	div#header div#structure-navigation div#quick-links ul li li.active a
	{ color: #fefefe; background: transparent; border: 0; }
	
/** =content */

	div#content { 
		position: relative; width: 100%; 
		height: auto !important; height: 38em; min-height: 38em;
		overflow: hidden !important; overflow: visible;
	}
	
/** =footer */

	div#footer { position: relative; margin-top: 1em; display: block; width: 100%; clear: both; float: none; margin-bottom: 0.5em; }

	div#footer ul { display: inline; }
	div#footer ul li { display: inline; }
	div#footer ul a { color: #999999; margin-right: 1em; font-size: 0.75em; text-decoration: none; }
	
	div#footer ul li.active a,
	div#footer ul a:hover,
	div#footer ul a:active,
	div#footer ul a:focus 
	{ text-decoration: underline; }
	
	div#footer p#whitespace { display: inline; font-size: 0.8em; }
	div#footer p#whitespace a { color: #404041; text-decoration: none; }
	div#footer p#valtti-branding { height: 1.375em; width: 6.125em; display: block; position: absolute; right: 0; top: -0.25em; }
	div#footer p#valtti-branding a { color: #404041; text-decoration: none; font-size: 0.8em; }
	div#footer p#valtti-branding img { width: 100%; height: 100%; }