html {
	padding: 0px;
	margin: 0px;
}
body {
	font-size: 80%;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	color: #000;
	text-align: center;
	margin: 0px;
	background: #769cc5 url('../img/background.gif') repeat-x;
}
h1, h2 {
	font-weight: normal;
}
sub {
	font-size: 0.7em;
}
h1 {
	font-size: 2.0em;
	font-family: Book Antiqua, Times New Roman, sans-serif;
	color: #3366cc;
	padding-left: 25px;
	background: url('../img/h1-back.jpg') no-repeat left center;
	margin-top: 20px;
}
h2 {
	font-size: 1.4em;
	font-family: Trebuchet MS, Verdana, sans-serif;
	color: #3366cc;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0px;
}
h3 {
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, sans-serif;
	color: #3366cc;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0px;
}
h2 span {
	color: #ff6600;
}
#page {
	width: 720px;
	margin: 0px auto;
	height: auto;
	overflow: auto;
	text-align: left;
	background: #fff;
}
#page-language {
	height: 30px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	font-size: 0.9em;
}
#page-top {
	height: 140px;
}
#logo img {
	z-index: 1000;
	margin-left: 13px;
	margin-top: 1px;
	position: absolute;
	width: 120px;
	height: 120px;
	border: 0px;
}
#top-company {
	height: 50px;
	text-align: right;
}
#top-company p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	margin: 0px;
	padding: 20px 10px 0px 0px;
}
#top-picture {
	height: 90px;
	text-align: right;
	background: url('../img/back-picture1.jpg') no-repeat left bottom;
}
#menu-container {
	overflow: auto;
	height: auto;
	clear: both;
}
#mainmenu {
	width: 720px;
	height: auto;
	overflow: auto;
}
#mainmenu ul {
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow: hidden;
	list-style: none;
	background: #efefef url('../img/back-picture2.jpg') repeat-x left top;
	min-height: 45px;
	_height: 45px;
}
#mainmenu ul li {
	display: block;
	width: 103px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
	border-right: 1px solid #ccc;
}
#mainmenu ul li a {
	display: block;
	padding: 10px 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: underline;
	background: #efefef url('../img/menu-back.gif') repeat-x center center;
	color: #000;
	margin-top: 10px;
}
#mainmenu ul li a:hover, #mainmenu ul li a.selected {
	text-decoration: none;
	border-top: 10px solid #ff6600;
	margin-top: 0px;
}
#page-body {
	overflow: auto;
	height: auto;
	clear: both;
}
#page-left-bar {
	width: 500px;
	float: left;
	overflow: auto;
	height: auto;
}
#navigation-link {
}
#page-content {
	padding-left: 25px;
	padding-right: 25px;
	color: #444;
}
#page-right-bar {
	width: 190px;
	float: right;
	overflow: auto;
	height: auto;
	padding-right: 20px;
}
#page-bottom {
	clear: both;
	padding: 5px 20px 5px 20px;
	text-align: right;
	font-size: 0.9em;
}
#page-bottom div {
	border-top: 1px solid #769cc5;
}
#bottom-text {
	padding: 0px;
	margin: 5px 0px;
}
#page-content p {
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 10px;
}
#submenu, #contact {
	margin-top: 20px;
}
#submenu {
	letter-spacing: 1px;
}
#submenu ul {
	width: 180px;
	background: #ffcc33;
	padding: 0px;
	border: none;
	margin: 0px;
}
#submenu li {
	list-style: none;
	border-bottom: 1px solid #fff;
}
#submenu li.last a {
	background: url(../img/menu-bottom.gif) no-repeat center bottom;
}
#submenu li.last a:hover {
	background: #ff9900 url(../img/menu-bottom.gif) no-repeat center bottom;
}
#submenu li.last a.selected {
	background: #ff9900 url(../img/menu-bottom.gif) no-repeat center bottom;
}
#submenu li a {
	display: block;
	width: 165px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #000;
}
#submenu li a:hover, #submenu li a.selected {
	background: #ff9900;
}
#submenu span, #contact span {
	display: block;
	width: 165px;
	padding: 6px 0px 6px 15px;
	background: #ffeecc url(../img/menu-top.gif) no-repeat center top;
	font-size: 1.6em;
	font-family: Trebuchet MS, Verdana, sans-serif;
}
#contact {
	width: 180px;
	font-size: 0.9em;
	background: #ffeecc url(../img/menu-bottom.gif) no-repeat center bottom;
	padding-bottom: 5px;
}
#contact p {
	padding: 0px 0px 0px 15px;
	font-size: 0.95em;
	margin: 0px 0px 5px 0px;
}
#contact p.bold {
	font-weight: bolder;
}
#top-picture ul {
	margin: 0px;
	padding-right: 10px;
	color: #ffffff;
}
#top-picture ul li {
	font-size: 12px;
	padding-top: 2px;
}
#top-picture p {
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 10px;
	color: #ffffff;
	font-size: 22px;
}
#map {
	border: 1px solid #999;
	float: right;
	margin-left: 20px;
}
.form {
	width: 100%;
	font-size: 0.9em;
}
.form p {
	padding: 3px;
	margin: 3px;
}
.form legend {
	color: #3366cc;
	font-weight: bolder;
	font-size: 1.3em;
	margin-bottom: 10px;
}
.form label {
	width: 140px;
	display: block;
	float: left;
	font-weight: bold;
}
.form fieldset {
	border: 0px;
	padding: 0px 5px;
}
.form-input-textarea, .form-input-text {
	border: 1px solid #769cc5;
}
.form-input-text {
	width: 275px;
}
.form-button {
	font-size: 1.0em;
	margin-top: 3px;
	height: 26px;
	font-weight: bolder;
	float: right;
}
.reference {
	xxxbackground: #cce7f7;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 444px;
	padding-top: 5px;
	border-top: 1px solid #ff6600;
}
.reference-foto {
	float: left;
	width: 25%;
	text-align: center;
	background: #fff;
}
.reference-foto img {
	border: 1px solid #999;
}
.reference-detail {
	float: right;
	width: 70%;
}
.reference-foto span {
	font-size: 0.7em;
}
.reference-detail p {
	font-size: 0.85em;
	padding-top: 5px;
}
.cleaner {
	clear: both;
}
.image {
	float: right;
}

/* CSS pro reference */
div#main {
	width: 640px;
	margin: 0px auto;
}
div#main-photo-list {
	background: #769cc5;
	height: 100px;
	width: 640px;
}
div#main-photo-list img, div#main-photo-list-scroll img {
  border: 2px solid #fff;
  margin-top: 3px;
	cursor: hand;
}
div#main-photo-list-scroll {
	background: #769cc5;
	height: 100px;
	width: 640px;
  height: 120px;
	overflow: scroll;
	*overflow-x: scroll !important;
  white-space: nowrap;
}