* {margin: 0; padding:0; border: 0;}
html, body  {width: 100%; height: 100%; background: #1b1f20; color: #fff;}

/*page layout*/
#container {position: relative; width: 924px; overflow: hidden; margin: 0 auto; font-size: 0px; line-height: 0%;}
	#header {position: absolute; left: 12px; top: 0; width: 900px; height: 150px; padding: 20px 0 0 0; background: #252525;}
	#colLeft, #colRight {float: left; padding: 180px 0 10055px 0; margin: 0 0 -10000px 0;}
	#colLeft {width: 600px; padding-left: 12px; background: #4f4839 url(_img/shadowLeft.png) repeat-y left top;}
	#colRight {width: 300px; padding-right: 12px; background: #3b362b url(_img/shadowRight.png) repeat-y right top;}
	#footer {position: absolute; left: 0; bottom: -1px; width: 924px; height: 45px; background: #252525;}
		#footerCornerLeft {position: absolute; left: 0; width: 12px; height: 45px; background: #1b1f20 url(_img/shadowBottomLeft.png) no-repeat left top;}
		#footerCornerRight {position: absolute; right: 0; width: 12px; height: 45px; background: #1b1f20 url(_img/shadowBottomRight.png) no-repeat left top;}

/*header*/
a#logo {border: none; margin: 0 0 0 25px;}
a#off {position: absolute; top: 20px; right: 20px; width: 111px; height: 20px;}
#header ul {list-style: none;}
ul#mainMenu {margin: 15px 0 0 10px;}
	ul#mainMenu li {display: block; float: left; padding: 0 20px 0 15px; background: url(_img/menu/slash_big.png) no-repeat right center;}
		ul#mainMenu li img {display: block; border-top: 2px solid #252525; border-bottom: 2px solid #252525;}
		ul#mainMenu li a img:hover {border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
ul#subMenu {clear: both; padding: 5px 0 0 0; margin: -20px 0 0 15px;}
	ul#subMenu li {display: block; float: left; padding: 0 15px 0 10px; background: url(_img/submenu/slash_small.png) no-repeat right center;}
		ul#subMenu li img {display: block; border-top: 2px solid #252525; border-bottom: 2px solid #252525;}
		ul#subMenu li a img:hover {border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
ul#mainMenu li.lastMenuItem, ul#subMenu li.lastMenuItem  {background: transparent;}
ul#mainMenu li.lastMenuItem#lang {float: right; margin: 0 5px 0 0;}

/*content*/
strong {color: #fff;}
#colLeft .textWrapper {padding: 15px 25px 15px 25px;}
#colRight .textWrapper {padding: 15px 25px 25px 25px;}
h1 {font: bold 16px Trebuchet MS, sans-serif; padding: 0 0 3px 0; border-bottom: 1px solid #999;}
h2 {font: bold 12px Tahoma, sans-serif; margin: 0 0 0 10px;}
#colLeft p {font: normal 11px Tahoma, sans-serif; color: #ccc; line-height: 150%; text-align: justify; margin: 10px 0 10px 10px;}
#colRight p {font: normal 11px Tahoma, sans-serif; color: #ccc; line-height: 150%; text-align: left; margin: 10px 0;}
#colRight p.imgSub {font: normal 9px Verdana, sans-serif; text-align: right; margin: -14px 0 10px 0;}
a {color: #75d1ff;}
.textWrapper ul {list-style: square; font: normal 11px Tahoma, sans-serif; margin: 0 0 20px 25px; color: #ccc;}
.textWrapper li {margin: 0 0 7px 0;}
.textWrapper li h1 {border: none; font-weight: bold; color: #fff;}
.textWrapper li h2 {display: inline; font: bold 11px Tahoma, sans-serif; margin: 0; color: #fff;}

#colLeft .textWrapper ul.imgGallery {display: block; overflow: auto; width: 550px; list-style: none; padding: 0; margin: 10px 0 15px 0;}
#colLeft .textWrapper ul.imgGallery li {display: block; float: left; padding: 0; margin: 10px 0 0 10px;}
#colLeft .textWrapper ul.imgGallery li img {display: block; padding: 0; margin: 0;}

#colLeft img {display: block; float: left; margin: 5px 10px 10px 0;}
#colRight img {margin: 25px 0 15px 0;}

/*footer*/
#footer p {font: bold 10px Arial, sans-serif; text-align: center; margin: 15px 0; color: #666;}