/** BASIC */

html, body {
	height: 100%;
}

/** LOGO */

#logo {
	width: 778px;
	height: 262px;
	margin: 0px auto;
	background: url(images/subpage02a.jpg) no-repeat left top;
}

#logo h1, #logo p {
	display: block;
}

/** PAGE */

#page {
	width: 778px;
	margin: 0px auto;
}

/** CONTENT */

#content {
	float: right;
	width: 442px;
	padding: 103px 63px 10px 23px;
	border: 0px solid green;

}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 250px;
}

/** MENU */

#menu {
	height: 262px;
}

#menu ul {
	margin: 0px;
	padding: 41px 64px 0px 86px;
	list-style: none;
}

#menu li {
	padding-top: 2px;
	background: url(images/homepage02.gif) repeat-x left top;
}

#menu li.first {
	background: none;
}

/** FOOTER */

#footer {
	width: 778px;
	margin: 0px auto;
	padding-top: 25px;
	clear: both;
}

/** BOXTOP */

#boxWide {
	width: 440px;
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border: 0px solid yellow;
	clear:both;
}

/** BOX1 */

#box1 {
	float: left;
	width: 207px;
	margin: 0px 10px 0px 0px;
	padding:2px 2px 2px 2px;
	border: 0px solid white;
}

/** BOX2 */

#box2 {
	float: right;
	width: 207px;
	margin: 0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	border: 0px solid red;
}

/** BOX3 */

#box3 {
	padding: 10px 15px 5px 55px;
	border: 0px solid blue;
}

/** image box left */

.imgBoxLeft {
	float: left;
	padding: 2px;
	margin: 0px 5px 0px 0px;
	border: 3px groove gray;
}

/** image box left */

.imgBoxRightt {
	float: right;
	padding: 2px;
	margin: 0px 0px 0px 5px;
	border: 3px groove gray;
}

/** dummy class for hidden divs */

.hidden {
	display:block;
	clear:both;
}