body {
	background: #41B0DC url(../img/ci-cd/html-bg.gif) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------- */
/* page                                                    */
/* ------------------------------------------------------- */

div#pageWrapper {
	width: 100%;
	background: transparent url(../img/ci-cd/main-bg.jpg) top center no-repeat;
	border: 0px solid yellow;
	margin: 0;
	padding: 3.125em 0; /* 16*3.125=50pix */
}

div#page {
	width: 46.875em; /* 16x46.875=750pix */
	margin: 0 auto;
	padding: 0.125em;
	border: 1px solid #000;
	background: #FFFFFF;
}

/* ------------------------------------------------------- */
/* page head                                               */
/* ------------------------------------------------------- */

div#headWrapper {
	width: 100%;
	border: 0px solid red;
	background: transparent;
}

div#head {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	border-bottom: 0;
	background: transparent;
	position: relative;
}

div#logo {
	width: 416px;
	height: 40px;
	margin: 1.875em 0 0 0; /* 16x1.875=30pix */
	border: 0px solid #999999;
	background: transparent url(../img/ci-cd/logo_bg.png) left top no-repeat;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
}

div#logo img {
	margin: 3px 0 0 1.25em; /* 16x1.25=20pix */
}

div#headImage img {
	width: 46.875em;
	height: 9.9375em;
}

/* ------------------------------------------------------- */
/* page content                                            */
/* ------------------------------------------------------- */

div#contentWrapper {
	clear: both;
	width: auto;
	border: 0px solid blue;
	background: transparent;
}

div#content {
	width: auto;
	margin: 0;
	padding: 1.875em 1.375em; /* 16x1.875=30pix 16x1.25=20pix */
	border: 0px solid #000;
	border-top: 0;
	background: transparent;
}

div#content div#left {
	width: 11.25em; /* 16x11.25=180pix */
	padding-right: 1.25em; /* 16x1.25=20pix */
	float: left;
	background: transparent;
	border: 0px solid purple;
}

div#content div#middle {
	width: auto;
	margin-left: 14.375em; /* 16x14.375=230pix */
	background: transparent;
	border: 0px solid red;
}

div#content div#right {
	width: 6.25em; /* 16x6.25=100pix */
	padding-left: 1.25em;
	float: right;
	background: #CCCCCC;
	border: 1px solid black;
}

/* ------------------------------------------------------- */
/* page footer                                             */
/* ------------------------------------------------------- */

div#footerWrapper {
	clear: both;
	width: 100%;
	border: 1px solid orange;
	background: #F7F7F7;
}

div#footer {
	width: auto;
	margin: 0;
	padding: 1.25em; /* 16x1.25=20pix */
	border: 1px solid blue;
}