/** BASIC */

html, body {
	height: 100%;
}

.title {
	margin-bottom: 15px;
	border-bottom: 1px solid #D3D9DB;
}

.title h2 {
	height: 31px;
}

.title b {
	display: none;
}

#title1 { background: url(images/homepage23.gif) no-repeat left top; }
#title2 { background: url(images/homepage24.gif) no-repeat left top; }
#title3 { background: url(images/homepage27.gif) no-repeat left top; }
#title4 { background: url(images/subpage1_01.gif) no-repeat left top; }
#title5 { background: url(images/subpage2_01.gif) no-repeat left top; }

/** TOP */

#top {
	width: 747px;
	/* height: 177px; */
	height: 124px;
	margin: 0px auto;
}

#extra1 {
	float: left;
	width: 12px;
	/* height: 177px; */
	height: 124px;
	/* background: url(images/homepage02.gif) no-repeat left top; */
	background: url(images/homepage02.gif) no-repeat left -53px;
}

#extra2 {
	float: left;
	width: 723px;
	/* height: 177px; */
	height: 124px;
}

#extra3 {
	float: left;
	width: 12px;
	/* height: 177px; */
	height: 124px;
	/* background: url(images/homepage03.gif) no-repeat left top; */
	background: url(images/homepage03.gif) no-repeat left -53px;
}

/** HEADER */

#header {
	float: left;
	width: 723px;
	/* height: 123px; */
	height: 70px;
	text-align: right;
}

#logo {
	float: left;
	/* padding: 53px 0px 0px 0px; */
	padding: 0;
}

#top-menu {
	float: right;
	/* padding: 70px 0px 0px 0px; */
	padding: 17px 0px 0px 0px;
}

#top-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#top-menu li {
	display: inline;
}

#top-menu a {
	display: block;
	float: left;
	height: 20px;
}

#top-menu b {
	display: none;
}

#top-menu1 {
	width: 72px;
	background: url(images/homepage06.gif) no-repeat left top;
}

#top-menu2 {
	width: 77px;
	background: url(images/homepage07.gif) no-repeat left top;
}

#top-menu3 {
	width: 69px;
	background: url(images/homepage08.gif) no-repeat left top;
}

/** MENU */

#menu {
	float: left;
	width: 723px;
	height: 54px;
}

#menu div {
	width: 723px;
	height: 54px;
	background: url(images/homepage09.gif) no-repeat left top;
}

#menu ul {
	width: 514px;
	height: 33px;
	margin: 0px;
	padding: 21px 0px 0px 209px;
	list-style: none;
	background: url(images/homepage11.gif) no-repeat right top;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	/* width: 80px; */
	width: 65px;
	padding: 0px 0px 0px 17px;
	background: url(images/homepage12.gif) no-repeat left center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/** CONTENT */

#content {
	width: 747px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 209px;
}

#right {
	float: left;
	width: 538px;
}

/** FOOTER */

/*
#footer {
	clear: both;
	width: 647px;
	height: 40px;
	padding: 15px 50px;
	margin: 0px auto;
}
*/

#footer {
	clear: both;
	width: 677px;
	height: 40px;
	padding: 15px 35px;
	margin: 0px auto;
}

#footer .links {
	float: left;
}

#footer .legal {
	float: right;
	color: #ccccff;
}

/** BOX1 */

#box1 {
	padding: 10px 2px 0px 24px;
}

/** BOX2 */

#box2 {
	padding: 0px 0px 0px 23px;
}

/** BOX3 */

#box3 {
	padding: 20px 25px 0px 50px;
}

/** BOX4 */

#box4 {
	margin: 0px 22px 0px 0px;
	padding: 7px 0px 1px 0px;
	border-bottom: 1px solid #D3D9DB;
}

/** BOX5 */

#box5 {
	float: left;
	width: 289px;
	padding: 3px 17px 0px 15px;
	border-right: 1px solid #D3D9DB;
}

#box5 .title {
}

#box5 .content {
	padding: 0px 10px 0px 15px;
}

/** BOX6 */

#box6 {
	float: left;
	width: 165px;
	padding: 0px 0px 0px 15px;
}

/** BOX7 */

#box7 {
	float: left;
	width: 485px;
	padding: 3px 0px 0px 15px;
}

#box7 .title {
}

#box7 .content {
	padding: 0px 10px 0px 15px;
}