/**
Stepan Bolotnikov, Fraktal.ee
**/

.clearer {
  font-size: 1px;line-height: 1px;height: 1px;clear: both;position:relative;
}
.clearfix:after {
  content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;
}
body {
	margin: 0;
	padding: 0;
	background: url('../images/body-bg-loop.jpg?1') repeat left top;
	font-family: Arial, Verdana, sans-serif;
	color: #effbee;
	font-size: 12px;
	line-height: 1.5;
}
#wrapper-outer {
	background: url('../images/body-bg.jpg?1') repeat-x left top;
}
a {
	color: #48b642;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
h2 {
	font-family: "Trajan Pro", Georgia, serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 5px;
}
.floatright {
	float: right;
}
	.wrap {
		width: 900px;
		margin: 0 auto;
		position: relative;
		padding: 0 21px;
	}
	#wrapper {
		background: url('../images/bg-new.jpg?1') no-repeat center top;
		padding-bottom: 40px;
	}
	#column-left {
		position: absolute;
		left: 2px;
		top: 0px;
		width: 170px;
		background: url('../images/left-bg-new.jpg?1') no-repeat left top;
		padding: 0 15px;
		text-align: center;
		z-index: 9000;
	}
		#column-left * {
			z-index: 9001;
		}
		.left-ornament {
			height: 38px;
			background: url('../images/left-ornament.gif?1') no-repeat center bottom;
		}
		#logo {
			margin-bottom: 50px;
		}
			#logo a {
				display: block;
				height: 180px;
			}
		#feed {
			line-height: 1;
			padding: 10px 16px 16px;
			background: /*#1c5e18;*/ url('../images/left-bg-loop.jpg?1') repeat;
		}
			#feed h2 {
				padding-bottom: 25px;
				background: url('../images/h2-ornament.gif?1') no-repeat center bottom;
			}
			#feed ul {
				margin: 0;
				padding: 0 0 20px;
				background: url('../images/ul-ornament.gif?1') no-repeat center bottom;
			}
				#feed li {
					margin: 10px 0;
					list-style-type: none;
				}
					#feed a {
						color: white;
						text-decoration: none;
					}
					#feed a:hover {
						text-decoration: underline;
					}
						#feed .date {
							color: #92c28f;
							font-family: Georgia, serif;
						}
				.blocklink {
					display: block;
					border: 1px solid #216b1c;
					padding: 10px 0;
					margin-top: 10px;
				}
	#column-right {
		padding-left: 200px;
		padding-bottom: 20px;
	}
		#langmenu {
		}
			#langmenu ul {
				margin: 0;
				padding: 0;
				float: right;
			}
				#langmenu li {
					float: left;
					list-style-type: none;
					padding: 4px 0 0 0;
					margin: 0 5px;
				}
					#langmenu a {
						color: #8db989;
						font-size: 11px;
						display: block;
						text-decoration: none;
						padding: 5px 0;
					}
				#langmenu li.active {
					border-top: 4px solid #8eb08c;
					padding-top: 0;
				}
					#langmenu li.active a {
						color: #fefefe;
					}
		#intro {
			font-size: 18px;
			padding-right: 90px;
			line-height: 23px;
			margin-bottom: 28px;
		}
			.three-column-inner {
				float: left;
				margin-right: 14px;
				width: 224px;
				overflow: hidden;
			}
			.paddingtop {
				padding-top: 34px;
			}
				.blockheading {
					border: 1px solid #22781c;
					padding: 13px 12px 8px;
					margin-bottom: 5px;
					background: url('../images/block-bg.png?1') repeat left top;
				}
				.three-column-inner table.switcher {
					list-style-type: decimal;
					font-size: 14px;
					border-collapse: collapse;
				}
					.three-column-inner table.switcher td {
						vertical-align: top;
						padding: 0;
					}
					.three-column-inner table.switcher .num {
						color: #48b642;
						padding-left: 11px;
						padding-right: 5px;
					}
						.three-column-inner table.switcher td a, .three-column-inner table.switcher td div {
							color: #fefefe;
							text-decoration: none;
						}
						.three-column-inner table.switcher td .list-content {
						font-size: 12px;
						display: none;
						}	
					.three-column-inner table.switcher td.active {
						background: #1f711a;
						border: 1px solid #22781c;
					}
						.three-column-inner table.switcher td.active .list-content {
							display: block;
						}
			.three-column-inner-last {
				margin-right: 0;
			}
	#darkbox {
		background: /*#134310;*/url('../images/darkbox-bg.jpg?1') repeat left top;
		padding: 14px 0 20px;/*
		position: relative;
		z-index: 1;*/
	}
		
		#darkbox h2 {
			padding-bottom: 10px;
			padding-left: 12px;
		}
		#darkbox .three-column-border {
			padding-left: 200px;
			position: relative;
		}
			.team-member {
				background: url('../images/team-member-loop.gif?1') repeat-y left top;
			}
				.team-member-inner {
					background: url('../images/team-member-top.gif?1') no-repeat left top;
				}
					.team-member-inner2 {
						background: url('../images/team-member-bottom.gif?1') no-repeat left bottom;
						padding: 12px;
						min-height: 292px
					}
						.team-member p {
							margin: 5px 0;
						}
						.team-member table {
							width: 100%;
						}
			.contact {
				padding-left: 16px;
				width: 208px;
				font-size: 12px;
				background: url('../images/saiku-logo-contact.jpg?1') no-repeat 16px 16px;
			}
				.contact strong {
					font-size: 14px;
				}
				.contact textarea {
					border: 1px solid #3cb934;
					background: #d4e0d4 url('../images/textarea-bg.gif?1') repeat-x left top;
					color: #212121;
					font-size: 12px;
					height: 82px;
					width: 172px;
					padding: 8px;
					font-family: Arial, Verdana, sans-serif;
					margin: 20px 0 10px;
				}
				.contact .submit {
					font-weight: bold;
					color: #fefefe;
					background: url('../images/submit.gif?1') no-repeat left top;
					border: none;
					width: 190px;
					padding-top: 3px;
					padding-bottom: 3px;
					font-size: 12px;
				}
			#darkbox .contact h2 {
				padding-left: 0;
				padding-bottom: 5px;
			}
	#footer {
		text-align: right;
		padding: 10px 0 0;
	}
	
	/* portfoolio */
	#portfolio {
		background: #0f3c0b;
	}
		#portfolio .wrap {
			width: 685px;
			padding: 10px 21px 20px 204px;
		}
		#portfolio .wrap h2, #portfolio-nav {
			float: left;
		}
		#portfolio-nav {
			padding: 0 0 0 25px;
		}
		
		#portfolio-inner {
			position: relative;
			height: 86px;
			overflow: hidden;
			clear: left;
			padding-top: 17px;
		}
			#portfolio-inner2 {
				position: absolute;
				width: 10000px;
			}
				.portfolio-item {
					float: left;
					width: 685px;
				}
					.portfolio-item img {
						float: left;
						margin-right: 23px;
					}
					.portfolio-item h3 {
						padding-top: 0px;
					}
						.portfolio-item h3 a {
							font-size: 12px;
						}
					.portfolio-item a.readmore {
						display: block;
						padding-top: 10px;
						font-size: 10px;
						line-height: 1em;
					}
					
					.works_nav_page a {
 padding: 0 4px;
 background: url('../images/works_nav_bullet.gif') no-repeat center top;
 text-decoration: none;
}
#portfolio-nav a img {
	vertical-align: middle;
}
.works_nav_page a:hover {
text-decoration: none;
}
.works_nav_page a.active {
 background: url('../images/works_nav_bullet_active.gif') no-repeat center top;
}