/** BASIC */

html, body {
	height: 100%;
}

.text1 {
	margin-bottom: 15px;
}

.text2 {
	display: block;
}

.text5 {
	display: block;
}

/** HEADER */

#header {
	width: 778px;
	height: 95px;
	margin: 0px auto;
	background-color: white;
}

/** LOGO */

#logo {
	float: left;
	position:relative;
	left: 30px;
	top: 7px;
	width: 323px;
	height: 95px;
	background: url('../images/logoXchange.jpg') no-repeat left top;
}

#logo h1 {
	display: none;
}

/** MENU */

#menu {
	float: left;
	width: 455px;
	height: 76px;
	padding: 19px 0px 0px 0px;
	position:relative;
	top: 19px;
	left:122px;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 91px;
	height: 32px;
	padding: 25px 0px 0px 20px;
	background: url('../images/homepage03.gif') no-repeat right top;
}

#menu1 {}
#menu2 {}
#menu3 {}
#menu4 {}

/** HORIZONTAL BAR */

#hbar {
	width: 778px;
	height: 15px;
	margin: 0px auto;
}

#news {
	float: left;
	padding: 13px 0px 0px 21px;
}

#form1 {
	float: right;
	padding: 8px 21px 0px 0px;
}

/** CONTENT */

#content {
	width: 778px;
	margin: 0px auto;
	background-color: #FFFFFF;
	height: 600px;
}
#content_mid {
	width: 778px;
	margin: 0px auto;
	background-color: #FFFFFF;
	height: 800px;
}
#content_long {
	width: 778px;
	margin: 0px auto;
	background-color: #FFFFFF;
	height: 1000px;
}
#content_extralong {
	width: 778px;
	margin: 0px auto;
	background-color: #FFFFFF;
	height: 1300px;
}
#content_verylong {
	width: 778px;
	margin: 0px auto;
	background-color: #FFFFFF;
	height: 1700px;
}
#content_team {
	width: 778px;
	margin: 0px auto;
	background-color: #FFFFFF;
	height: 2900px;
}
/** 3-COLUMN LAYOUT */

.three-cols {
}

.three-cols .colA {
	float: left;
	width: 258px;
}

.three-cols .colB {
	float: left;
	width: 260px;
}

.three-cols .colC {
	float: left;
	width: 260px;
}

/** 2-COLUMN LAYOUT */

.two-cols {
}

.two-cols .colA {
	float: left;
	width: 518px;
	
}

.two-cols .colB {
	float: left;
	width: 260px;
}

/** FOOTER */

#footer {
	width: 778px;
	margin: 0px auto;
	padding: 15px 0px;

}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
	padding: 25px;
	height: 292px;
}

/** BOX3 */

#box3 {
	height: 92px;
	padding: 40px 150px 0px 25px;
}

/** BOX4 */

#box4 {
	height: 53px;
	padding: 90px 0px 0px 28px;
}

/** BOX5 */

#box5 {
	padding: 25px 27px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

/** BOX6 */

#box6 {
	padding: 15px 27px;
}

/** BOX7 */

#box7 {
	height: 370px;
	background:#ffffff;
}

#box7 div {
	height: 71px;
	padding-right: 40px;
}

#box7 .text6 {
	float: left;
	width: 115px;
	height: 56px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
}

#box7 .text7 {
	padding-top: 15px;
}

#box7 .text8 {
	margin: 0px;
}

/** BOX8 */

#box8 {
	padding: 17px;
}

#box8 p {
	margin-bottom: 0px;
}

#box8 .hr1 {
	height: 13px;
	margin-bottom: 10px;
	background-position: left bottom;
}
/** BOX9 */

#box9 {
	height: 71px;
}

#box9 div {
	height: 71px;
	padding-right: 40px;
}

#box9 .text6 {
	float: left;
	width: 115px;
	height: 56px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
}

#box9 .text9 {
	padding-top: 15px;
}

#box9 .text9 {
	margin: 0px;
}
/** BOX10 */

#box10 {
	height: 330px;
}

#box10 div {
	height: 71px;
	padding-right: 40px;
}
/** BOX11 */
#box11 {
	height: 90px;
	width: 228px;
	background-color: #F3F3F3;
	padding:6px;
}
#box12 {
	height: 230px;
}
mystyles.css
body {
font-family: arial;
}