@media all {
	body {
		background-image: url(../images/background-grad.png);
		background-repeat: repeat-x;
		background-color: #fff;
		padding: 0px;
		margin: 0px;
	}
	div {
		position: relative;
		margin: 0px;
	}
	img {
		border: none;
	}
	hr {
		width: 90%;
	}
	img.messmeup {
		display: inline;
		position: relative;
		top: -200px;
		left: 280px;
	}
	img.messedup {
		display: inline;
		position: relative;
		top: -300px;
	}
	#bodyContainer {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	#staticBodyContainer {
		width: 950px;
		margin: 0 auto;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: left;
	}
	#xeyvnContent {
		background-image: url(../images/xeyvn_layout_04.png);
		background-repeat: repeat-y;
		margin-top: -5px;
		padding: 15px;
	}
	#xeyvnContent div.left {
		float: left;
		width: 680px;
		padding: 10px;
	}
	#xeyvnContent div.right {
		float: left;
		width: 200px;
	}
	#xeyvnContent div.clear {
		clear: both;
	}
	.boxOrganizer {
		border: solid 2px #99ccff;
		width: 100%;
		margin-bottom: 20px;
	}
	.boxOrganizer .title {
		position: relative;
		padding: 5px;
		display: inline;
		top: -12px;
		font-size: 18px;
		font-weight: bold;
		background-color: #fff;
		left: 5px;
	}
	.boxOrganizer .body {
		top: -12px;
		padding: 5px;
	}
	span.hotkey {
		text-decoration: underline;
	}
	#footer {
		text-align: center;
	}	
	
	.serviceBox {
		background-color: #e5e5e5;
		margin: 15px;
		padding-left: 10px;
		padding-right: 10px;
		border: solid 1px black;
	}
	.serviceBox .title {
		font-size: 24px;
		font-weight: bold;
		float: left;
	}
	.serviceBox .icon {
		float: right;
		width: 200px;
	}
		.serviceBox .icon img {
			width: 200px;
			height: 200px;
		}
	.serviceBox .desc {
		float: left;
		width: 400px;
	}
	div.errorMsg {
		border: dashed 1px #CC0000;
		margin: 2px;
	}
	div.successMsg {
		border: dashed 1px #00CC00;
		margin: 2px;
	}
}