@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
}

img, a {
	outline: none;
}

.clearFloat {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Backgrounds */

body {
	background-image: url('../img/bg.png');
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #fff;
}

div#container {
	background-image: url('../img/construction.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
}

	div#leftShadow {
		background-image: url('../img/left-shadow.png');
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #fff;
	}

	div#rightShadow {
		background-image: url('../img/right-shadow.png');
		background-position: top right;
		background-repeat: no-repeat;
		background-color: #fff;
	}

	div#top {
		background-image: url('../img/top-bg.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	div#menu {
		background-image: url('../img/menu-bg.jpg');
		background-repeat: no-repeat;
		background-position: left top;
	}
	div#menu ul li {
		background-image: url('../img/menu-delimiter.png');
		background-repeat: no-repeat;
		background-position: top left;
	}
	div#menu ul li a:hover {
		background-image: url('../img/a-dots.gif');
		background-repeat: no-repeat;
		background-position: left center;
	}
	div#menu ul li.flags a:hover {
		background: none;
	}
	
	div#content {
		background-image: url('../img/bottom-building.jpg');
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	div#content ul li h2 {
		background-image: url('../img/h2-blocks.png');
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	div#bottom {
		background-image: url('../img/bottom-bg.png');
		background-repeat: repeat-x;
		background-position: center center;
	}
	div#bottom div.left {
		background-image: url('../img/bottom-left.png');
		background-repeat: no-repeat;
		background-position: left top;
	}
	div#bottom div.right ul {
		background-image: url('../img/bottom-right.jpg');
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
div#container {
	width: 90%;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 122px;
}

	#leftShadow {
		float: left;
		width: 25px;
		height: 607px;
		margin-left: -7px;
		position: absolute;
		z-index: 1;
	}
	#rightShadow {
		float: right;
		width: 25px;
		height: 607px;
		margin-right: -25px;
		position: relative;
	}

	div#top {
		height: 36px;
		margin-top: 6px;
		margin-bottom: 14px;
		padding-left: 40px;
		position: relative;
		z-index: 2;
	}
	div#top a img {
		border: none;
	}
	div#top h1 {
		margin: 0;
		text-align: center;
		color: #fff;
		font-size: 18px;
		font-family: Arial;
		letter-spacing:	2px;
		padding-top: 6px;
	}
	
	div#menu {
		padding-right: 7px;
		height: 144px;
		position: relative;
		z-index: 2;
	}
	div#menu ul {
		list-style-type: none;
		margin: 0;
		padding-top: 30px;
		padding-left: 0px;
	}
	div#menu ul li {
		font-size: 13px;
		font-family: Tahoma;
		margin-top: 3px;
		margin-bottom: 3px;
		padding: 0;
	}
	div#menu ul li.flags {
		padding-top: 7px;
		padding-left: 23px;
	}
	div#menu ul li.flags a:hover {
		padding: 0px;
		outline-width: 1px;
		outline-color: #f2f2f2;
		outline-style: dotted;
	}
	div#menu ul li a {
		text-decoration: none;
		color: #fff;
		margin-left: 7px;
	}
	div#menu ul li a:hover {
		padding-left: 9px;
	}
	div#menu ul li a img {
		border: none;
	}

	div#content {
		position: relative;
		z-index: 3;
		margin-top: 10px;
		margin-bottom: 0;
		padding: 0;
	}
	div#content ul#pics {
		list-style-type: none;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 30px;
		padding: 0;
		float: left;
		position: relative;
		z-index: 3;
	}
	div#content ul#pics a img {
		border: none;
	}
	div#content ul.content {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	div#content ul.content li {
		margin: 0;
		padding: 0;
	}
	div#content ul.content li h2 {
		margin-left: 130px;
		margin-bottom: -30px;
		margin-top: 0;
		padding: 0;
		height: 65px;
		width: 208px;
		font-size: 24px;
		font-family: Tahoma;
		color: #ff6e6e;
	}
	div#content ul.content li div.left {
		float: left;
		margin-right: 20px;
		text-align: left;
	}
	div#content ul.content li div.left a img, div#content ul.content div.right a img {
		border: none;
	}
	div#content ul.content li div.left h2, div#content ul.content div.right h2 {
		margin-left: -16px;
		padding-left: 17px;
	}
	div#content ul.content li div.right {
		float: left;
		margin-left: 20px;
		text-align: left;
	}
	div#content ul.content ul {
		list-style-type: square;
		margin: 0;
		padding: 0;
	}
	div#content ul.content ul li {
		margin: 0;
		padding: 0;
	}
	div#content ul.content ul li:first-child {
		list-style-type: none;
	}
	div#content ul.content ul li.gallery {
		margin-top: 6px;
		margin-bottom: 14px;
		list-style-type: none;
	}
	div#content ul.content ul li.gallery a img {
		border-width: 2px;
		border-color: #06c;
		border-style: solid;
	}
	
	
	div#bottom {
		height: 58px;
		width: 100%;
		position: relative;
		z-index: 2;
		clear: both;
	}
	div#bottom div.left {
		float: left;
		width: 49%;
		height: 58px;
		margin-left: -7px;
		text-align: center;
	}
	div#bottom div.left a {
		text-decoration: none;
		color: #999;
		font-size: 10px;
	}
	div#bottom div.right {
		float: right;
		width: 49%;
		height: 58px;
		margin-right: -6px;
		text-align: center;
		position: relative;
		z-index: 3
	}
	div#bottom div.right ul {
		height: 58px;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	div#bottom div.right ul li {
		display: inline;
		margin-left: 3px;
		margin-right: 3px;
	}
	div#bottom div.right ul li a {
		color: #222;
		text-decoration: none;
	}