/*
	FRAMEWORK.CSS
	-------------
	HERE WE DEFINE THE GENERAL STRUCTURE OF THE PRIMARY 
	SITE EMELENTS (DIVS AND LISTS)
	
	PLEASE DO NOT USE ANY PADDINGS OR MARGINS ETC HERE, 
	JUST PLAIN WIDTHS AND HEIGHTS

	PADDINGS, MARGINS, PRETTY COLORS & GRAPHICS --> LAYOUT.CSS
	
	//Leinonen 2009
*/

/* General page wrapper, wraps the entire page */
div#page {
	width: 			1056px;
	text-align:		left; /* reset */
}


/* The site header */
div#header {
	width:			1056px;
	height: 		165px; /* extra large because of graphics */
}

div#headwrap {
	width: 			1055px;
	height:			177px; /* 50px bigger than head.height */
}


div#logo {
	width:			268px;
	height:			94px;
}

/* Top navigation, login/logout etc.. */
div#navtop {
	width:			686px;
	margin-top:		61px;
}

	div#navtop ul {
	}
	
	div#navtop ul li {
	}


/* Standard site navigation items goes here */
div#nav {
	width:			800px;
	height:			70px;
}

	div#nav ul {
		float:			left;
	}
	
	div#nav ul li {
	}


div#minibasket {
	height:			47px;
	left:			760px;
	position:		relative;
	top:			75px;
	width:			175px;
}

	
/* The content area of the site */
div#content {
	width:			1010px;
	min-height:		400px;
}


/* The footer area of the site */
div#footer {
	width: 					1008px;
}