@charset "utf-8";
/* CSS Document */

/* this is for concept only */
/***************************************************************************************
MICK: 
  All images are to be relative from the stylesheet file location.
  - To access images in the sites images directory you would use: url('../images/someimage.jpg')
  - To access images from the skin directory images folder use: url('images/someimage.jpg');
****************************************************************************************/

/*

body { background: url(../images/bgBody.jpg) top repeat-x #f86080; padding: 0; margin: 0; }
.center { width: 1200px; margin: 0 auto; padding: 0; }
*/

html,body{ margin:0;padding:0; }
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050; background: #ededed; }

div#container {
	background: url(images/bgContainer.jpg) repeat-y;
	width: 1004px;
	padding: 0;
	margin: 0 auto;
}

div#banner { background: url(images/bgBanner.jpg) no-repeat #ededed; height: 106px; padding: 0; margin: 0; }

div#topnav { background: url(images/bgTopNav.jpg) bottom no-repeat #ededed; height: 41px; padding: 0; margin: 0; }

div#content {
	float: right;
	background: url(images/bgContent.jpg) top no-repeat;
	width: 782px;	
	margin: 0;
	padding: 5px 15px 15px 15px;
}

div#wrapper {}

div#navigation {
	float: left;
	width: 191px;
	margin: 0;
	padding: 15px 0 0 0;
}

div#extra {
	float: left;
	clear: left;
	width: 158px;
	margin: 0;
	padding: 15px 15px 0 18px;
}

div#footer {
	background: url(images/bgFooter.jpg) no-repeat;
	width: 1004px;
	height: auto;
	padding: 15px 0 0 0;
	margin: 0 auto;
}