body {
	/*background-image: url('../images/bg-pixel.png');*/
	background-image: url('../images/blue-pixel-bg.png');
	background-repeat: repeat;
	font-family: Verdana, 'DejaVu Sans', sans-serif;
}

.left-block                   { float: left;  }
.right-block                 { float: right; }
.left-align-block        { text-align: left; }
.right-align-block      { text-align: right; }
.center-align-block    { text-align: center; }
.relative-block           { position: relative; }

/* background and gradient for main block */
.bg-top-gradient {
	/*background-image: url('../images/bg-top-gradient.png');*/
	background-image: url('../images/shade-bg-top.gif');
	background-repeat: repeat-x;
	background-position: top left;
	width: 100%;
	height: 100%;
	text-align: center;
}
.main-block-box {
	padding: 15px 0px 20px 0px;
	margin: 0 auto;
	width: 906px;	/* gradint-left + content + gradient-right = 3 + 900 + 3 = 906, should be diveded by 3 */
}
.main-block-top{
	height: 5px;
	//background-image: url('../images/bg-main-block-top-center.png');
	background-image: url('../images/bg-box-top-center.png');
	background-repeat: repeat-x;
}
.main-block-bottom {
	height: 5px;
	//background-image: url('../images/bg-main-block-bottom-center.png');
	background-image: url('../images/bg-box-btm-center.png');
	background-repeat: repeat-x;
	clear: both;
}
.main-block-side,  .sf-block-side{	/* see width of .main-block-top or .main-block-bottom */
	width: 100%;
	background-position: left top;
	background-repeat: repeat-y;
}
.main-block-side { /* groupped */
	//background-image: url('../images/bg-main-block-side-bg-left.png');
	background-image: url('../images/bg-box-side-left.png');
}
.main-block-side-2, .sf-block-side-2 {
	margin-left: 3px;	/* width of left gradient */
	background-position: right top;
	background-repeat: repeat-y;
}
.main-block-side-2 {	/* groupped */
	//background-image: url('../images/bg-main-block-side-bg-right.png');
	background-image: url('../images/bg-box-side-right.png');
}
/* for content */
.main-block-content, .sf-block-content {
	width: 900px;
	min-height: 50px; /* for debugging */
	height: auto !important;
	height: 50px;
	margin-right: 3px;	/* width of right gradient */
}
.main-block-content { /* groupped */
	background-image: url('../images/bg-main-block-background.png');
}

/* footer with links */
.sf-block-top {
	height: 4px;
	background-image: url('../images/bg-sf-top-center.png');
	background-repeat: repeat-x;
}
.sf-block-bottom {
	height: 5px;
	background-image: url('../images/bg-sf-bottom-center.png');
	background-repeat: repeat-x;
}
.sf-block-side { /* groupped with class main-block-side */
	background-image: url('../images/bg-sf-side-bg-left.png');
}
.sf-block-side-2 { /* groupped with class main-block-side-2 */
	background-image: url('../images/bg-sf-side-bg-right.png');
}
/* for second footer content */
.sf-block-content { /* groupped with class  .main-block-content*/
	background-image: url('../images/bg-main-block-background.png');
}