/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header {
	width: 900px;
	height: 127px;
	margin: 0px auto;
}

/** TOPMENU */

#topmenu {
	float: right;
}

#topmenu ul {
	margin: 0px;
	padding: 80px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	float: left;
	background: url(images/homepage05.gif) no-repeat left center;
}

#topmenu li.first {
	background: none;
}

#topmenu a {
	padding: 0px 20px;
}
	

/** LOGO */

#logo {
	float: left;
	width: 400px;
	height: 127px;
	background: url(images/homepage02.jpg) no-repeat left top;
}

#logo_pmi {
	float: left;
	width: 400px;
	height: 127px;
	background: url(images/pmi_logo.jpg) no-repeat left top;
}

#logo h1 {
	text-indent: -999em;
}

/** MENU */

#menu {
	width: 900px;
	height: 40px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 144px;
	height: 27px;
	margin: 0px 0px 0px 7px;
	padding: 13px 0px 0px 0px;
	background: url(images/homepage03.jpg) no-repeat left top;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #303F48;
}

#menu a:hover, #menu .active a {
	background: url(images/homepage04.jpg) no-repeat;
}

#menu .first a {
	margin: 0px;
}

/** SPLASH */

#splash {
	background: url(images/homepage06.jpg) repeat-x left top;
}

/** PAGE */

#page {
	width: 900px;
	margin: 0px auto;
	padding: 20px 0px;
}

/** CONTENT */

#content {
	float: left;
	width: 590px;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 280px;
}

/** BOXED */

.boxed .title {
	position: relative;
}

.boxed .content {
	position: relative;
	padding: 20px 20px 0px 20px;
}

.boxed .b {
	height: 20px;
}

.boxed .b .bl {
	float: left;
	width: 20px;
	height: 20px;
	background: url(images/homepage14.gif) no-repeat left bottom;
}

.boxed .b .br {
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/homepage15.gif) no-repeat right bottom;
}

/** TWO-COLUMN LAYOUT */

.two-cols {
}

.two-cols .colA {
	float: left;
	width: 46%;
}

.two-cols .colB {
	float: right;
	width: 23%;
}

.two-cols .colC{
	float: right;
	width: 23%;
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
}

/** BOX3 */

#box3 {
	padding-top: 30px;
}

/** BOX4 */

#box4 {
	margin-bottom: 30px;
}

#box4.boxed .title {
	background-image: url(images/homepage20.gif);
}

#box4.boxed .title h2 {
	background-image: url(images/homepage21.gif);
}

#box4 p {
	height: 25px;
	margin: 0px;
	padding-top: 10px;
}

#box4 label, #box4 input {
	float: left;
}

#box4 label {
	width: 125px;
	text-align: right;
}

#box4 input {
	margin-left: 8px;
}