/**
 This file contains the style definitions for the base building blocks
 of the page. 
 
 @author Miikka Hurme
 @version $Id: base.css 423 2008-11-20 18:49:18Z miikka $
 */

div#pageWrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 915px;
}

#topMenuContainer {
	width: 100%;
	margin: 0;
	padding: 0;
}

#headerContainer {
	height: 208px;
	margin: 0;
	padding: 0;
	background: #fff url("../graphics/headerbg.png") top center no-repeat;
}

#headerLogoContainer {
	margin: 8px 0 0 8px;
	width: 340px;
	height: 200px;
	background: url("../graphics/logoboxbg.png") top left no-repeat;
	float: left;
	display: table;
	overflow: hidden;
	/* A hack for IE only. */
	#position: relative;
}

/* This is required to trick browsers to centre all vertically. */
#headerLogoCentrer {
	display: table-cell;
	vertical-align: middle;
	/* The following are invisible to standards-compliant browsers. */
	#position: absolute;
	#top: 50%;	
}

/* And this is required to hack IE. */ 
#headerLogoText {
    #position: relative;
    #top: -50%;	
}

#headerPhotoContainer {
	width: 558px;
	height: 200px;
	margin: 8px 7px 0 0;
	background: url("../graphics/headerphoto.png") top right no-repeat;
	float: right;
}

#menuContainer {
	clear: both;
	float: left;
	padding: 0;
	background: #fff url("../graphics/contentbg.png") repeat-y;
}

#contentContainer {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	background: #fff url("../graphics/contentbg.png") top center repeat-y;
}

#footerContainer {
	clear: both;
	margin: -.5em 0 0 0;
	padding: 1em 0 0 0;
	color: #999;
	background: #fff url("../graphics/footerbg.png") top no-repeat;
}