body {
	background: #eee;
	margin: 0;
	padding: 0;
	font: 10px/1.2em "Trebuchet MS", sans-serif;
}

#container {
	position: relative;
	background: #fff;
	width: 1000px;
	height: 600px;
	overflow: hidden;
	border: solid 1px #ccc;
	margin: auto;
}
	#concept #container {
		background: url('../img/background-concept.jpg') no-repeat;
	}
	#press #container {
		background: url('../img/background-press.jpg') no-repeat;
	}
	#info #container {
		background: url('../img/background-info.jpg') no-repeat;
	}
	#menu #container {
		background-color: #fff;
	}
#header {
	float: left;
	height: 600px;
	width: 180px;
	overflow: hidden;
	background: #fff;
}
	#concept #header {
		background: transparent;
	}
	#logo {
		position: absolute;
		top: 60px;
		left: 55px;
		z-index: 1000;
	}
	ul#nav {
		margin-top: 230px;
		margin-left: 55px;
		list-style: none;
		padding: 0;
	}
		#nav li {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.2em;
			margin-bottom: 3px;
		}
			#nav a {
				display: block;
				padding: 0.5em;
				background: url('../img/nav-background-trans.png');
				color: #333;
			}
			#nav a:hover {
				background: #9b8a77;
				color: #fff;
			}
	#tunglok {
		position: absolute;
		width: 114px;
		left: 55px;
		bottom: 10px;
		text-align: center;
		font: normal 9px/8px Arial, sans-serif;
		color: #333;
		cursor: pointer;
	}
		#concept #tunglok {
			color: #888;
			z-index: 1000;		
		}
#content {
	float: left;
	width: 390px;
	height: 600px;
	padding-top: 185px;
	background: #9b8a77;
	position: relative;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
	#concept #content {
		background: url('../img/content-background-trans.png');
	}
	#menu #content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#menu #content ul li {
			background: url('../img/bullet-trans.png') no-repeat left 1px;
			padding-left: 23px;
			margin-bottom: 1em;
		}
		#menu .menu-liner {
			font-size: 11px;
		}
	#press #content-clip {
		width: 300px;
	}
	#press #content .review {
		font-size: 12px;
		overflow: hidden;
		margin-bottom: 1em;
		clear: both;
	}
		#press #content .review img {
			float: left;
			margin-right: 1em;
			border: solid 1px #ccc;
		}
	#content-clip {
		clip: rect(0 300px 384px 0);
		width: 290px;
		margin: 0 35px 0 65px;
		position: absolute;
	}
		#info #content-clip {
			width: 300px;
		}
	#content-main {
		position: relative;
		font-size: 1.4em;
		line-height: 16px;
		color: #fff;
	}
	#content-main p {
		margin-top: 0;
		margin-bottom: 1em;
	}
#scroll-buttons {
	position: absolute;
	top: 550px;
	left: 360px;
}
#scroll-buttons {
}
#footer {
	text-align: center;
	color: #888;
}
#footer a {
	color: #666;
}
#footer a:hover {
	color: #999;
}

a {
	color: #49382a;
	text-decoration: none;
}
a:hover {
	color: #655240;
}
a img {
	border: none;
}

#tunglok {
}
#tunglok img {
	margin-bottom: 3px;
}

/* Errors*/
input.error, select.error, textarea.error {
	background-color: #ffffd5;
	border: 2px solid #ff0000;
}
label.error {
	display: none;
}