/* css by Tatiana Uzun, mailto: vogel.tatiana@gmail.com */
/* Basic elements */
html {
	height:100%; 
	width:100%
}
body {
	color:#727272; 
	font: 62.5%/1 Tahoma, Arial, Helvetica;
	height:100%;
	width:100%
}
h1, h2, h3, h4, h5, h6 {
	color:#727272; 
	font:normal 1em "Times New Roman", Times, serif
}
h1 {color:#6F329F; font-size:24px}
h2 {color:#6F329F; font-size:24px}
h3 {font:bold 13px Tahoma, Arial, Helvetica, sans-serif; margin:0 0 5px}
	.viola{color:#6F329F; font:bold 18px "Times New Roman", Times, serif}
h4 {font-size:1.2em}
h5 {font-size:1.1em}

a {color: #188CCB; text-decoration:underline}
a:hover, a:focus, a:active {text-decoration:none}
a:focus, a:active {outline:none}
:focus {-moz-outline-style:none}

/* ** general ** */
.out{
	background:url(/images/out_bg.gif) 0 100% no-repeat #fff; 
	_height: 100%;
	margin:0 auto; 
	min-width:1000px; 
	position: relative; 
	width:100%
}
html>body .out{
	height: auto !important; 
	min-height: 100% !important
}


/* ** header ** */
.contacts{
	color:#000;
	font-size:12px;
	position:absolute;
	right:0;
	top:20px;
	width:240px
}
	.contacts h2, .contacts p{padding-left:29px}
.vertical{background:#ffffff; overflow:hidden; font-size:18px; float:left; position:relative; white-space:nowrap; width:20px; height:55px}
	.vertical object{width:20px; height:55px; display:block}
	.vertical span{display:none}
.tel{
	color:#6F329F;
	font:52px "Times New Roman", Times, serif;
	padding-left:4px
}
.content {
    font-size:1.2em;
    line-height:15px;
    margin:0 auto;
    padding:15px 0 130px;
    position:relative;
    width:980px
}
.center-block{
	background:url(/images/center_pic.jpg) 197px 38px no-repeat;
	height:600px;
	position:relative;
}
.a-portfolio a{
	border-bottom:1px dashed #000;
	color:#6F329F;
	padding-bottom:2px;
	text-decoration:none
}
.a-portfolio a:hover{
	border-bottom:0;
}
.block01{width:246px}
	.block01 .a-portfolio,
	.block02 .a-portfolio{text-align:right}
.block02{
	left:0;
	position:absolute;
	top:310px;
	width:246px
}
.block03{
        position:absolute;
        right:0;
        top:53px;
        width:370px
}
    .block03 p{padding-left:105px}
.block04{
	position:absolute;
	right:95px;
	top:420px;
	width:296px
}
	.block04 p{padding-left:50px}
	
.menu{
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0 0 20px;
}
	.menu li{
		color:#6F329F; 
		font:24px "Times New Roman", Times, serif;
		float:left;
		margin:0 22px 0 0;
		padding-top:22px
	}
	.menu a{
		color:#6F329F; 
		text-decoration:none
	}
	.menu a:hover{
		text-decoration:underline
	}
	.menu .active{font-size:48px; padding:0}
	.menu .active a{color:#8E8E8E}
	.menu .active a:hover{text-decoration:none}
.clients-block{
	background:url(/images/clients_pic.jpg) 370px 75px no-repeat;
	min-height:425px;
	padding-right:530px
}
.clients-list{
	list-style-type:none;
	margin:0;
	padding:0
}
	.clients-list li{
		padding:15px 0 0
	}
.portfolio-text{
	color:#1C1616;
	float:left;
	padding:10px 0 0;
	width:290px
}
.portfolio-table{
	float:right;
	margin:10px 0 0 0
}
	.portfolio-table td{
		padding:0 0 10px 20px
	}
	.portfolio-table p{
		line-height:20px
	}
/* Other */
.clear {
	clear:both; 
	width:100%
}
/* ** footer ** */
.footer{
	background:#000;
	bottom:0; 
	color:#fff;
	font-size:11px;
	height:30px; 
	left:0; 
	line-height:27px;
	position:absolute; 
	width:100%
}
	.footer a{
		color:#fff;
		text-decoration:none
	}
	.footer a:hover{
		text-decoration:underline
	}
	.footer-inner{
		margin:0 auto;
		overflow:hidden;
		padding:0 5px;
		width:990px
	}
	.f-menu {float:left}
	.vcard{float:right}

.icons{
    list-style-type:none;
    margin:0;
    padding:0;
    position:absolute;
    right:300px;
    top:45px
}
.icons li{
    float:left;
    margin:0 0 0 15px
}
.icons .home img{background:url(/images/icons.gif) 0 -9px no-repeat}
.icons .home a:hover img{background:url(/images/icons.gif) 0 0 no-repeat}
.icons .mail img{background:url(/images/icons.gif) -11px -9px no-repeat}
.icons .mail a:hover img{background:url(/images/icons.gif) -11px 0 no-repeat}