@import 'reset.css';

/* =Main Style
________________ */

html {
	font-size:100.01%;
}

html, body {
	height:100%;
}

body {
	font:.75em Arial, Tahoma, Helvetica, sans-serif;
	color:#514e4e;
	background:#fff;
}

a:hover {
	text-decoration:none;
}

/* =Layout
________________ */

#wrapper {
	min-width:1000px;
}

#main-content {
	position:relative;
	min-height:100%;
}

#main-content div.pusher {
	height:191px;
}

#footer {
	position:relative;
	height:155px;
	margin:-191px 0 0;
	clear:both;
}

/* =Header
____________________ */

#header {
	height:128px;
	background:#000;
	padding:72px 0 0;
	margin:0 0 71px;
	overflow:hidden;
}

/* =Logos
____________________ */

#header div.logos {
	position:absolute;
	width:55%;
}

/* =Logo */

#header div.logos h1 {
	position:absolute;
	font-size:200%; /* 24px */
	color:#fff;
	width:146px;
	height:58px;
	overflow:hidden;
	margin-left:36.5%;
	float:left;
}

#header div.logos h1 a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#fff;
}

#header div.logos h1 span {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background:url(./i/logo.png) no-repeat;
}

/* =Biplane */

#header div.logos div.biplane {
	position:absolute;
	font-size:117%; /* 14px */
	color:#fff;
	width:24px;
	height:15px;
	overflow:hidden;
	top:-55px;
	right:18px;
}

#header div.logos div.biplane a {
	display:block;
	height:100%;
	width:100%;
	text-decoration:none;
	color:#fff;
}

#header div.logos div.biplane span {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background:url(./i/biplane-logo.png) no-repeat;
}

/* =Back link */

#header div.logos p.back {
	position:absolute;
	left:31px;
	top:26px;
}

#header div.logos p.back a {
	font:1em Tahoma, sans-serif; /* 12px */
	color:#6abd3c;
	padding:11px 0 4px 49px;
	background:url(./i/back.gif) no-repeat;
}

/* =Illustrations
____________________ */

#header div.illustrations {
	overflow:hidden;
	margin:-72px 0 0;
	float:right;
	width:45%;
	white-space:nowrap;
}

#header div.illustrations div {
	position:relative;
	display:inline;
	margin-right:-3px;
}

#header div.illustrations div img {
	vertical-align:top;
}

#header div.illustrations div p {
	display:none;
	position:absolute;
	top:154px;
	left:0;
	width:100%;
	padding-left:20px;
	color:#fff;
	font:117% Tahoma, sans-serif; /* 14px */
	background:url(./i/t_pix.png);
	height:46px;
	line-height:46px;
}

#header div.illustrations div p a {
	color:#fff;
}

/* =Content
____________________ */

#content {
	padding:0 16.5% 0 20%;
}

#content h2 {
	font:500% Tahoma, sans-serif; /* 60px */
	color:#000;
	padding-left:44px;
	margin-right:15%;
	background:url(./i/plus.gif) no-repeat 0 55%;
}

#content p {
	font-size:117%; /* 14px */
	margin:2em 15% 2em 44px;
	line-height:1.38;
}

/* =Works */

#content ul.works {
	margin:8px 0 24px 46px;
	overflow:hidden;
}

#content ul.works li {
	float:left;
	margin:6px 15px 6px 0;
	color:#9c9c9c;
	font:133% Tahoma, sans-serif; /* 16px */
}

#content ul.works li.act {
	color:#fff;
	background:#6abd3c;
	padding:6px;
	margin:0 15px 0 0;
}

#content ul.works li a {
	color:#9c9c9c;
	text-decoration:none;
	background:url(./i/dashed.gif) repeat-x 0 100%;
}

#content ul.works li a:hover {
	background:none;
}

/* =Task */

#content dl.task {
	font:italic 125% Georgia, "Times New Roman", Times, serif; /* 15px */
	background:url(./i/question.gif) no-repeat;
	padding:4px 0 0 44px;
	margin:0 15% 53px 0;
	line-height:1.38;
	overflow:hidden;
}

#content dl.task dt {
	float:left;
}

#content dl.task dd {
	color:#bcbcbc;
	margin-left:6.6em;
}

/* =Sidebar
____________________ */

#sidebar {
	position:absolute;
	left:0;
	top:271px;
	width:19%;
}

#sidebar p.date {
	font-size:117%; /* 14px */
	color:#a9a9a9;
	margin:28px 0 0;
	text-align:center;
}

#sidebar p.site-link {
	margin:98px 0 0;
	text-align:center;
}

#sidebar p.site-link a {
	padding:5px 0 6px 37px;
	color:#60b133;
	background:url(./i/site-link.gif) no-repeat;
}

/* =Footer
____________________ */

#footer {
	background:#f4f6f6;
	padding:36px 0 0;
}

/* =Back link */

#footer p.back {
	position:absolute;
	left:31px;
	top:53px;
}

#footer p.back a {
	font:1em Tahoma, sans-serif; /* 12px */
	color:#6abd3c;
	padding:11px 0 4px 49px;
	background:url(./i/back-f.gif) no-repeat;
}

/* =Contacts */

#footer address {
	font:1em Tahoma, sans-serif; /* 12px */
	color:#9b9b9b;
	margin:-4px 0 26px 20%;
	line-height:1.38;
}

#footer address a {
	color:#000;
	font-size:108%; /* 13px */
}

/* =Phones */

#footer div.phones {
	font:200% Tahoma, sans-serif; /* 24px */
	color:#000;
	position:absolute;
	right:8.2%;
	top:53px;
}

#footer div.phones span {
	float:left;
	color:#9b9b9b;
}

#footer div.phones p {
	margin-left:2.7em;
	text-align:right;
}

/* =Page404
____________________ */

body#page404 {
	background:#000 url(./i/404-bg.png) no-repeat 92% 69px;
	color:#fff;
	height:auto;
}

body#page404 h1 {
	position:relative;
	font-size:200%; /* 24px */
	width:146px;
	height:58px;
	overflow:hidden;
	margin:92px 0 0 11%;
}

body#page404 h1 a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

body#page404 h1 span {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background:url(./i/logo.png) no-repeat;
}

body#page404 p {
	margin:71px 0 0 11%;
	font-size:133%; /* 16px */
}

body#page404 p a {
	color:#277c8e;
}

/* =Flash Page
____________________ */

body#flash {
	background:#000;
	color:#fff;
	overflow:hidden;
}

body#flash h1 {
	position:relative;
	font-size:200%; /* 24px */
	width:146px;
	height:58px;
	overflow:hidden;
	margin:92px 0 0 11%;
}

body#flash h1 a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

body#flash h1 span {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background:url(./i/logo.png) no-repeat;
}

body#flash #flash-container div {
	position:absolute;
	top:50%;
	left:50%;
	padding:66px 0 0 201px;
	margin:-100px 0 0 -259px;
	height:134px;
	width:317px;
	background:url(./i/flash-container-bg.jpg) no-repeat;
}

body#flash #flash-container div p {
	font-size:108%; /* 13px */
	line-height:1.46;
	margin:0 0 2.9em;
}

body#flash #flash-container div p a {
	color:#277c8e;
}