@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/century_gothic.eot);
    src: local("Century Gothic"), url(../fonts/century_gothic.ttf) format("truetype");
}


body {
	margin: 0;
	font: 12px/16px Verdana;
	color: #555;
	background: url(../images/bg.jpg);
}

#page {
	width: 900px;
	margin: 5px auto 0; padding: 20px 0 15px;
	overflow: hidden;
	background: url(../images/page-bg.png) no-repeat right top;
}

#sidebar {
	position: fixed;
	z-index: 99;
	width: 160px;
	background: url(../images/sidebar-bg.png) no-repeat right 90px;
	}
	
	#sidebar h2 {
		margin: 2px 0 35px;
		background: url(../images/logo.png) no-repeat center top;
		}
		#sidebar h2 a {
			display: block;
			height: 149px;
			text-indent: -9999px;
		}
		
	#nav {
		float: right;
		width: 135px;
		margin: 0 0 20px;
		list-style-type: none;
		}
		#nav li {
			display: block;
			margin: 0;
			}
			#nav a {
				display: block;
				height: 24px;
				padding-right: 15px;
				color: #666;
				text-decoration: none;
				text-indent: -9999px;
				background-image: url(../images/nav.png);
				background-repeat: no-repeat;
			}
			#nav .about a { background-position: 0 0; }
			#nav .about a:hover { background-position: -138px 0; }
			.about #nav .about a { background-position: -276px 0; }
			
			#nav .work a { background-position: 0 -24px; }
			#nav .work a:hover { background-position: -138px -24px; }
			.work #nav .work a { background-position: -276px -24px; }
			
			#nav .references a { background-position: 0 -48px; }
			#nav .references a:hover { background-position: -138px -48px; }
			.references #nav .references a { background-position: -276px -48px; }
			
			#nav .partners a { background-position: 0 -72px; }
			#nav .partners a:hover { background-position: -138px -72px; }
			.partners #nav .partners a { background-position: -276px -72px; }
			
			#nav .offer-request a { background-position: 0 -96px; }
			#nav .offer-request a:hover { background-position: -138px -96px; }
			.offer-request #nav .offer-request a { background-position: -276px -96px; }
			
			#nav .contact a { background-position: 0 -120px; }
			#nav .contact a:hover { background-position: -138px -120px; }
			.contact #nav .contact a { background-position: -276px -120px; }
			
			
	#flags {
		clear: right;
		margin-right: 11px;
		}
		#flags a { float: right; }
		
		
#main {
	position: relative;
	width: 750px;
	padding-left: 150px;
	}
	
	#main-image {
		position: absolute;
		top: -8px; right: 12px;
	}
	
	#content {
		min-height: 250px;
		_height: 250px;
		padding: 195px 30px 0;
		text-align: justify;
		overflow: hidden;
		background: url(../images/content-bg.png) repeat-y left top;
		}
		
		h1 {
			position: absolute;
			top: 150px; right: 25px;
			margin: 0;
			font: bold 16px/30px "Century Gothic";
			color: #009118;
		}
		
		h2 {
			margin: 30px 0 15px;
			font: bold 14px/18px "Century Gothic";
			color: #d2000d;
		}
		
		p { margin-bottom: 20px; }
		
		a {
			color: #111;
			text-decoration: underline;
		}
		a:hover { text-decoration: none; }
		
		ul {
			margin: 0 0 20px 20px;
			list-style-type: disc;
			}
			ul li { margin-bottom: 5px; }
			ul ul { margin: 5px 0 0 15px; }
			
		table {
			width: 100%;
			margin: 0 0 15px;
			border-collapse: collapse;
			}
			
			th {
				padding: 5px 20px 5px 0;
				vertical-align: middle;
				}
				th img {
					padding: 2px;
					border: 4px solid #d7d7d7;
				}
				th a:hover img { border-color: #cacaca; }
				
			td {
				padding: 5px 0;
				vertical-align: middle;
			}
			
			form th, form td {
				padding: 3px 0 3px 15px;
				line-height: 20px;
				border-bottom: 1px dotted #d7d7d7;
			}
			form th {
				font-weight: normal;
				white-space: nowrap;
				text-align: right;
			}
			
			.noborder th, .noborder td { border: 0; }
			
		input, textarea {
			padding: 2px;
			border: 1px solid #bbb;
		}
		
		button { padding: 2px 10px; }
		
		#error {
			padding: 4px 10px 4px 33px; margin-bottom: 20px;
			color: #fff;
			border: 1px solid #a00;
			background: #cd0a0a url(../images/error.png) no-repeat 4px center;
		}
		
		#google-map {
			position: relative;
			z-index: 1;
			float: right;
			text-align: right;
			}
			
			#google-map iframe {
				padding: 1px;
				border: 1px solid #d7d7d7;
			}
			
			#google-map small { font-size: 10px; }
			
		.people {
			height: 1%;
			margin-bottom: 10px; padding-top: 17px;
			overflow: hidden;
			}
			.people img {
				float: left;
				margin: -17px 10px 0 0; padding: 1px;
				border: 1px solid #d7d7d7;
			}
			
			
	#cogwheel {
		position: absolute;
		bottom: 64px; right: 15px;
		z-index: 0;
	}
	
	#footer {
		padding: 30px 20px 0;
		font-size: 10px;
		line-height: 14px;
		color: #999;
		text-align: center;
		background: url(../images/footer-bg.png) no-repeat top left;
		}
		
		#footer .competition {
			display: inline-block;
			margin: 0 10px;
			}
			#footer .competition img {
				display: block;
				margin: 0 auto 3px;
			}