@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}
fieldset, img { border: 0; }
a:focus { outline: none; }
a:hover{
	text-decoration:none;
}
html {
	height: 100%;
}
ul, ol{
	list-style:none;
}
a img{
	border:none;
	text-decoration:none;
}
.floatbox{
	overflow:hidden;
	height:auto;
	zoom:1;
}
.left{
	float:left;
}
.right{
	float:right;
}
img.left{
	margin:0 10px 10px 0;
}
img.right{
	margin:0 0 10px 10px;
}
.width10{
	width:9.9%;
}
.width20{
	width:19.9%;
}
.width25{
	width:24.9%;
}
.width33{
	width:33.3%;
}
.width50{
	width:49.9%;
}
.width66{
	width:66.6%;
}
.width75{
	width:74.9%;
}
a{
	color:#1a181d;
}
body{
	background:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a181d;
}
br.clearfloat{
	font-size:0;
	line-height:0;
	clear:both;
}
#yellow{
	background:#fedc00 url('http://designit.com.ua/images/bg.png') repeat;
	position:fixed;
	width:50%;
	height:100%;
	top:0;
	left:0;
	font-size:14px;
}
#black{
	margin:0 0 0 50%;
	width:50%;
	overflow:hidden;
	padding:0px 0 0 0;
	color:#fedc00;
}
div.inner{
	position:relative;
	width:485px;
}
#logo{
	padding:14px 0;
	margin:0 26px 15px 0;
	border-bottom:#000 1px dashed;
}
#logo a{
	background:url(../images/mega_man.gif) scroll no-repeat 102% 60%;
	display:block;
	position:relative;
	height:168px;
	text-decoration:none;
}
#logo a span.big{
	display:block;
	position:absolute;
	font-size:76px;
	line-height:66px;
	left:0;
	bottom:10px;
	letter-spacing:3px;
}
#logo a span.small{
	display:block;
	position:absolute;
	font-size:11px;
	line-height:11px;
	left:5px;
	bottom:0;
	text-transform:uppercase;
}
#yellow p span{
	background-color:#febe11;
	color:#000;
	padding:2px;
}
#yellow p {
line-height:22px;
text-indent:10px;
margin-bottom:15px;
}
div.menu a{
background-color:#000;
color:#FEDC00;
padding:3px;
font-size:18px;
text-decoration:none;
}
div.contacts {
padding:10px 10px 100px 10px;
}
div.contacts a{
color:#FEDC00;
}
div.contacts input{
	display:block;
	border:#feb900 1px solid;
	font-size:14px;
	line-height:16px;
	padding:8px 17px;
	width:365px;
	height:16px;
	color:#ccc;
	margin:0 0 11px 0;
}
div.contacts input.button{
	display:block;
	background:url(../images/button.png) scroll repeat-x 0 0;
	color:#000;
	padding:0 20px;
	width:auto;
	height:24px;
	line-height:24px;
	cursor:pointer;
	float:right;
}
div.contacts textarea{
	display:block;
	border:#feb900 1px solid;
	font-size:14px;
	line-height:16px;
	padding:8px 17px;
	width:365px;
	height:80px;
	color:#ccc;
	margin:0 0 11px 0;
}
#black h1{
	font-size:76px;
	line-height:76px;
	font-weight:normal;
	position:relative;
	padding:0px 0 20px 0;
	border-bottom:#FEDC00 1px dashed;
	margin-top:50px;
	margin-bottom:20px;
}
#black p{
	font-size:14px;
	margin-bottom:15px;
}
#black div.inner{
	padding:0 0 30px 35px;
	width:500px;
}
div.item{
	overflow:hidden;
	position:relative;
	margin:0 0 30px -30px;
	padding:0 0 0 60px;
	zoom:1;
}
div.item div.num{
	background:#121212;
	position:absolute;
	top:50%;
	left:10px;
	font-size:14px;
	width:30px;
	text-align:center;
	padding:5px 0;
}
div.item h3{
	color:#fedc00;
	margin:0 0 5px 0;
	font-weight:normal;
	font-size:12px;
}
div.item h3 a{
	color:#fedc00;
	text-decoration:none;
}
div.item div.photo{
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:176px;
	height:176px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
div.item div.photo img{
	vertical-align:middle;
}
div.item div.spacer{
	display:table-cell;
	width:24px;
	height:176px;
}
div.item div.status{
	position:absolute;
	background:url(../images/status.png) scroll no-repeat 0 50%;
	width:53px;
	height:54px;
	top:50%;
	right:0px;
	margin:-27px 0 0 0;
	text-indent:18px;
	line-height:54px;
	color:#999;
}
div.left-bg{
	position:absolute;
	width: 100%; 
	height: 100%; 
	background:url(../images/left-bg.png) scroll repeat-y 0 0;
	top:0;
	left:0;
}
div.workers
{
padding:20px;
overflow:hidden;
position:relative;
float: left;
}

div.workers .name{
background-color:#FEDC00;
color:#000000;
font-size:18px;
padding:3px;
overflow:hidden;
position:absolute;
margin:-10px 10px 10px -10px;
}

div.menu{
margin:5px 0 15px 0;
}
div.menu a{
background-color:#000;
color:#FEDC00;
padding:3px;
font-size:18px;
text-decoration:none;
}
div.map{
width: 178px; 
min-height:97px; 
background:url('http://designit.com.ua/images/map.png') no-repeat;
margin:20px 10px 0 250px;
overflow:hidden;
position:absolute;
z-index:0;
}
div.team{
background-color:#FEDC00;
color:#000000;
font-size:22px;
padding:5px;
margin:10px 0 10px 0;
width:145px;
}
div.contacts-phone{
background:url('http://designit.com.ua/images/contacts_phone.png') no-repeat;
padding:15px 5px 5px 50px;
font-size:26px;
}
div.contacts-mail{
background:url('http://designit.com.ua/images/contacts_mail.png') no-repeat;
padding:15px 5px 5px 60px;
font-size:26px;
}
#breif{
	display:none;
	background:url(../images/shadow.png) scroll repeat 0 0;
	position:fixed;
	top:100px;
	left:150px;
	z-index:99;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#breif div.inner{
	background:#fff;
	border:#000 2px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px 38px 15px 18px;
	width:auto;
}
#breif h2{
	overflow:hidden;
	font-size:22px;
	font-weight:normal;
	color:#000;
	margin-bottom:10px;
}
#breif h2 a{
	display:block;
	position:absolute;
	top:15px;
	right:15px;
}
#breif label{
	display:block;
	font-size:14px;
	line-height:14px;
	color:#000;
	margin:10px 0 7px 0;
}
#breif input, #breif textarea{
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-bottom:#999 1px solid;
	border-right:#999 1px solid;
	font-size:14px;
	line-height:16px;
	width:380px;
	height:16px;
	padding:3px 10px;
}
#breif input.red{
	color:#fdb9b9;
	font-size:12px;
}
#breif input.gray{
	color:#d3d3d3;
	font-size:12px;
}
#breif textarea{
	width:395px;
	height:140px;
	margin-bottom:10px;
	padding:3px 0 0 5px;
}
#breif input.button{
	background:#e3e3e3 url(../images/button.png) scroll repeat-x 0 0;
	border-left:#bbb 1px solid;
	border-right:#bbb 1px solid;
	border-bottom:#a0a0a0 1px solid;
	width:auto;
	height:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	margin:0 10px;
}
#breif input.button:hover{
	background-position:0 -15px;
	text-shadow:#fff 1px 1px 1px;
}
#validEmail
        {
            margin-top: 4px;
            margin-left: 9px;
            position: absolute;
            width: 16px;
            height: 22px;
        }
		#validName
        {
            margin-top: 4px;
            margin-left: 9px;
            position: absolute;
            width: 16px;
            height: 22px;
        }