body {		
	background-repeat: repeat; 
	background-image:url('../layout/bg.png');
}

div {
	/* border: 1px solid black; */
}

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:400px;
    height:200px;
    position:absolute;
	text-align:center;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -200px; /* is width and height divided by two */
}

div#layout {
	width: 1020px;
	height: 820px;
	padding:0;
	margin:0 auto;
}

div#layout div {
	background-repeat: no-repeat; 
}

div#layout_menu {
	width:275px;
	float: left;
}

div#layout_right {
	width:745px;
	float: left;
}

#left_top_space {
   width:275px;
   height:133px;
   background-image:url('../layout/left_top_space.png');
}

#lordly_paws_castle {
   width:745px;
   height:222px;
   background-image:url('../layout/lordly_paws_castle.png');
}

#pageContentBase {
	float:none;
	width:745px;
	height:498px;
	background-image:url('../layout/main_area.png');
}

#pageContentLoader {
    overflow: auto;
	width:685px;
	height:498px;
}

#pageContentLoaderStatus {
    width:400px;
    height:200px;
    position:relative;
	text-align:center;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loading.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -200px; /* is width and height divided by two */
}

#pageContent {
	overflow: auto;
	width:685px;
	height:498px;
}

#pageContentOverlayLeft {
	position: absolute;
	z-index:9;
	width:75px;
	height:498px;
	background-color:transparent;
	background-image:url('../layout/flowers_ontop_left.png');
}

#pageContentOverlayRight{
	position: absolute;
	z-index:9;
	width:151px;
	height:47px;
	top:681px;
	margin-left:568px;
	background-color:transparent;
	background-image:url('../layout/book_ontop_right.png');
}


#tbl_layout img{
   padding:0;
   margin:0;
   border:0;
}

#bottom_middle{
   float:left;
   width: 547px;
   height: 100px;
   background-image:url('../layout/bottom_middle.png');
}