/*--------------------------------------------------------------------------

author: Kupriyanenko A (upward)
e-mail: upwards@yandex.ru
web-site: http://lifeprom.com
icq: 400555055
-----------------------------------------------------------------------------*/

@import 'reset.css';

/* Standard elements
------------------------------------ */
html,body {
	height: 100%;
}
html {
	font-size: 70%;
}
p, span, li, a, label, input, textarea, div{
	font: normal 1em/1.3em Arial, Helvetica, sans-serif;
	}
p {
	margin: 0 0 11px 0;
	}
.main-page, #contacts {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	}
.main-page h2, #contacts h2 {
	font-size: 1em;
	}
.corner ol li {
	list-style-type:decimal-leading-zero;
	}
label {
	display: block;
	margin: 0 0 2px 0;
	}
ol, ul {
	padding: 0 0 22px 0;
	}
li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	}
h2, .info h3 {
	font: italic 1.1em/1.16em Arial, Helvetica, sans-serif;
	margin: 0 0 22px 0;
	}
h2 span {
	font: italic 1em/1em Arial, Helvetica, sans-serif;
	margin: 0 0 22px 0;
	}
a {
	color: #08628c;
	text-decoration: underline;
	}
a:hover {
	color: #ef3124;
	}
input, textarea {
	margin: 0 0 8px 0;
	}

/* Main elements
------------------------------------ */
.wrap {
	width: 896px;
	position: relative;
	margin: 0 auto;
	padding: 43px 0 0 9px;
	height: 415px;
	overflow: visible;
}
.half-link {
	font: italic 1em Arial, Helvetica, sans-serif;
	color: #08628c;
	border-bottom: 1px dashed #08628c;
	cursor: pointer;
	}
.input {
	border: 1px solid #b2b2b2;
	width: 440px;
	height: 14px;
	padding: 0;
	padding: 2px 4px;
	}
.textarea {
	border: 1px solid #b2b2b2;
	height: 91px;
	}
.note {
	font-size: 0.8em;
	color: #b2b2b2;
	margin: 0;
	}
.submit {
	margin: 15px 0 0 0;
	}
.external {
	padding: 0 15px 0 0;
	background:url(../images/external.gif) no-repeat right 2px;
	margin:0 3px 0 0;
	}
.external:hover {
	background:url(../images/external.gif) no-repeat right -11px;
	}
.list {
	line-height: 20px;
	height: 20px;
	overflow:hidden;
	margin: 0 0 3px 0;
	}
.file, .list a {
	line-height: 18px;
	height: 18px;
	float: left;
	}
.file{
	background: url(../images/ico/file.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	}
.list a{
	background: url(../images/ico/del.gif) no-repeat 0 1px;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	}
.img { background-image:  url(../images/ico/img.gif); }
.doc { background-image:  url(../images/ico/doc.gif); }
.pdf { background-image:  url(../images/ico/pdf.gif); }
.psd { background-image:  url(../images/ico/psd.gif); }
.xls { background-image:  url(../images/ico/xls.gif); }
.zip { background-image:  url(../images/ico/zip.gif); }
.txt { background-image:  url(../images/ico/txt.gif); }

/* Logo
------------------------------------ */
.logo {
	width: 240px;
	height: 117px;
	background: url(../images/logo.gif) no-repeat right 0;
	z-index: 100;
	top: 43px;
	left: 0;
	position: absolute;
	}
	.logo h1 {
		height: 102px;
		background: url(../images/logo.gif) #f03226 no-repeat right 0;
		margin: 0;
		font: normal 11px/1.16em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		height: 47px;
		padding: 55px 0 0 55px;
		cursor: default;
		}

/* Buttons
------------------------------------ */
.buttons {
	padding: 27px 0 0 0;
	height: 68px;
	width: 568px;
	overflow: hidden;
	margin: 0 0 0 332px;
	}
	.buttons ul {
		width: 568px;
		}
	.buttons li {
		height: 52px;
		float: left;
		position: relative;
		padding: 20px 0 0 96px;
		}
	.buttons a {
		font: normal 20px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: #828282;
		}
	.buttons a:hover {
		color: #828282;
		text-decoration: none;
		}
		.buttons a span {
			position: absolute;
			cursor: pointer;
			left: 96px;
			top: 21px;
			height: 32px;
			overflow: hidden;
			text-indent: -10px;
			}
.contacts-botton {
	width: 88px;
	background: url(../images/cotacts1.gif) no-repeat 0 0;
	margin: 0 0 0 182px;
	}
	.contacts-botton a span {
		width: 88px;
		background: url(../images/cotacts.gif) no-repeat 0 0;
		}
	.contacts-botton a:hover span {
		background: url(../images/cotacts.gif) no-repeat 0 -32px;
		}
.portfolio-botton {
	width: 93px;
	background: url(../images/portfolio1.gif) no-repeat 0 0;
	}
	.portfolio-botton a span {
		width: 93px;
		background: url(../images/portfolio.gif) no-repeat 0 0;
		}
	.portfolio-botton a:hover span {
		background: url(../images/portfolio.gif) no-repeat 0 -32px;
		}
.main-botton {
	margin: 0 0 0 162px;
	width: 110px;
	background: url(../images/main1.gif) no-repeat 0 0;
	}
.port-main {
	margin: 0;
	}
.port-cont {
	margin: 0 0 0 165px;
	}
	.main-botton a span {
		width: 110px;
		background: url(../images/main.gif) no-repeat 0 0;
		}
	.main-botton a:hover span {
		background: url(../images/main.gif) no-repeat 0 -32px;
		}

/* Content
------------------------------------ */
.centre-content {
	padding: 0 0 43px 0;
	margin: 48px 9px 0 354px;
	}
.menu {
	margin: 0 0 13px 0;
	overflow: hidden;
	padding: 0 0 0 17px;
	height: 13px;
	}
	.menu li {
		height:12px;
		float: left;
		margin: 0 21px 0 0;
		}
	.menu li a, .menu li {
		line-height: 12px;
		font-size: 11px;
		cursor: pointer;
		}
	.menu li a.active, .menu li a.active:hover, .nav a.active {
		color: #000000;
		text-decoration: none;
		cursor: text;
		}
	.menu li a strong { font-weight: normal; font-style: normal; }
.content {
	border: 1px dashed #b2b2b2;
	position: relative;
	}
	.content ol li {
		list-style: decimal outside;
		margin-left: 25px;
		}
.corner {
	padding: 10px 17px 25px 16px;
	background: url(../images/corner.gif) no-repeat right 0;
	margin: -1px -1px 0 0;
	}
	.corner strong {
		font-weight: normal;
		}
#contacts {
	display: none;
	}

/* Info block
------------------------------------ */
.info {
	background: #ededed;
	width: 210px;
	padding: 77px 15px 30px 15px;
	overflow: hidden;
	top: 0;
	margin-top: 145px;
	left: 0;
	position: absolute;
	}
.info h2, .info h3 {
	margin: 0 0 21px 0;
	}

/* Portfolio
------------------------------------ */
.portfolio {
	padding: 10px 0 0 0;
	}
.portfolio-left {
	margin-top: 77px;
	}
	.portfolio .work {
		margin: 0 0 20px 0;
		overflow: hidden;
		clear: both;
		}
	.portfolio .ico {
		float: left;
		padding: 0 19px 0 0;
	}
	.portfolio .ico img {
		border: 2px solid #dedddd;
		}
	.info-work {
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		overflow: visible;
		}
	.portfolio .sub-title {
		margin: 11px 0 0 0;
		}
	.portfolio .title {
		font: normal 1.2em Arial, Helvetica, sans-serif;
		background: url(../images/external.gif) no-repeat right 4px;
		}
	.portfolio .title:hover {
		background: url(../images/external.gif) no-repeat right -9px;
		}
		.portfolio ul .external {
			background: none;
			}
		.portfolio ul .external:hover {
			background: url(../images/external.gif) no-repeat right -11px;
			}
	.portfolio li {
		margin: 0 0 1px 0;
		}
.nav {
	overflow: hidden;
	clear: both;
	padding: 0 0 0 0;
	}
	.nav li {
	float: left;
	margin: 30px 5px 0 2px;
	overflow: hidden;
	padding: 0 0 43px 0;
	height: 27px;
	}

/* Animate
------------------------------------ */
.left-contact {
	position: relative;
	top: 26px;
	}
.right-content {
	margin: 0 363px 0 0;
	clear: both;
	position: relative;
	top: 74px;
	left: -9px;
	}
.main-right-content {
	top: 48px;
	}
.rightButton {
	padding: 27px 0 0 0;
	height: 68px;
	width: 568px;
	float: left;
	margin: 0 0 0 -31px;
	display: inline;
	overflow: hidden;
	}

.overhand{
	position: absolute;
	left: 0;
	width: 907px;
	height: 103px;
	z-index: 150;
	display: none;
	}