body
{
	background: #FFFFFF;
	width: 100%;
}

.pibody
{
	width: 900px;
	margin: 0 auto;
	padding: 20px 0px;
}

.pibody a
{
	color: #111111;
}

.pibody a:visited
{
	color: #555555;
}

.pibody a:hover
{
	color: #777777;
}

.main-logo
{
	background-color: #EEEEEE;
	height: 90px;
	margin-bottom: 10px;
	padding: 10px;
}

.main-logo .name
{
	font-size: 80px;
	font-family: Georgia;
	text-align: center;
}

.header-separator
{
	background-color: #888888;
	height: 3px;
	margin-bottom: 3px;
}

.tri-column
{
	border-left: 186px solid #FFFFFF;
	border-right: 186px solid #FFFFFF;
	height: 1%;
}

.tri-column:after
{
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.container
{
	float: left;
	width: 100%;
	margin-right: -100%;
}

.container > *
{
	margin: 20px;
}

.content
{
	text-indent: 15px;
}

.left-pannel
{
	width: 156px;
	float: left;
	position: relative;
	left: -186px;
	background-color: #f5f5f5;
	padding: 15px;
}

.left-pannel > *
{
	width: 136px;
	background-color: #E7E7E7;
	padding: 10px;
}

.left-pannel .left-menu
{
	margin: 15px 0px;
}

.right-pannel
{
	width: 156px;
	float: right;
	position: relative;
	right: -186px;
	background-color: #f5f5f5;
	padding: 15px;
}

.right-pannel > *
{
	width: 136px;
	background-color: #E7E7E7;
	padding: 10px;
}

.footer
{
	margin-top: 20px;
}

.footer .left
{
	background-color: #EEEEEE;
	width: 266px;
	height: 90px;
	padding: 0px 10px;
}

.contacts
{
	margin: 0px 21px;
}

.hidden
{display: none}

.clear
{clear: both}

.left
{float: left}

.absolute
{position: absolute}