/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

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

#logo {
	float: right;
	width: 325px;
	height: 237px;
	background: url(images/homepage01.jpg) no-repeat left top;
}

#logo h1 {
	margin: 0;
	text-indent: -9999px;
}

/** MENU */

#menusub {
	float: left;
	width: 375px;
	height: 237px;
}

#menusub ul {
	margin: 207px 0 0 0;
	padding: 0 0 1px 0;
	list-style: none;
	line-height: normal;
	text-align: left;
    background-color: #003447;
}

#menusub li {
	display: inline;
    background-color: #003447;
}

#menusub a {
	padding: 0 10px 0 25px;
}

#menusub a:hover {
}

#menusub .first a {
	padding-left: 0;
	background: none;
}
#menu {
	float: left;
	width: 575px;
	height: 237px;
}

#menu ul {
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: normal;
	text-align: right;
    background-color: #003447;
}

#menu li {
	display: inline;
    background-color: #003447;
}

#menu a {
	padding: 0 10px 0 25px;
}

#menu a:hover {
}

#menu .first a {
	padding-left: 0;
	background: none;
}

#menu1 {}
#menu2 { }
#menu3 { }
#menu4 {}
#menu5 { }
#menu6 {  }
#menu7 {}
/** PAGE */

#page {
	margin: 0 auto;
}

.wide #page {

}
/** CONTENT */
#content {
	float: left;
	width: 600px;
	background: url(images/homepage.bg04.jpg) no-repeat left top;
}

#content-bg {
	padding: 28px 51px 20px 27px;
	background: url(images/homepage.bg05.jpg) no-repeat left bottom;
}

.subpage #content {
	background-image: url(images/subpage1.bg01.jpg);
}

.wide #content {
	float: none;
	width: auto;
	background-image: url(images/subpage2.bg02.jpg);
}

.wide #content-bg {
	background-image: url(images/subpage2.bg03.jpg);
}

/** 2-COLUMN LAYOUT */

.two-columns {
}

.two-columns .column1 {
	float: left;
	width: 240px;
}

.two-columns .column2 {
	float: right;
	width: 240px;
    height: 100%;
}

/** SIDEBAR */

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

/** FOOTER */

#footer {
	width: 900px;
}

#footer p {
}

#footer a {
}

.wide #footer {
	width: auto;
}