* { margin:0px; padding:0px; border:none; }

table {width: 100%; border: 0px solid; border-collapse: collapse; }	/* width="100%" border="0" cellspacing="0"*/
th, td {padding: 0px; border: 0px solid; vertical-align:top; }		/* border="0" cellpadding="0" */

body {
	color:#ebe5de;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#1f1f1f;
	}

a {COLOR: #2fa0cc; TEXT-DECORATION: underline; }
a:hover   {COLOR: #5bd1ff; TEXT-DECORATION: none; }
a:active  {COLOR: #5bd1ff; TEXT-DECORATION: underline; }

a:focus { outline: none; }

.fake{display:none;}
strong, b {
	font-weight:normal;
	}

h1 {
	font-weight:normal;
	font-size:18px;
	padding-bottom:10px;
	color:#2fa0cc;
	}

h2 {
	font-weight:normal;
	font-size:20px;
	padding-bottom:10px;
	}

p {
	margin-bottom:10px;
	line-height:16px;
	}

ul {
	padding-bottom:20px;
	}

li {
	list-style:url(/images/dot.gif);
	}

#box {
	background:url(/images/uzor.gif) repeat-y right top;
	position: relative;
	margin:0 auto;
	width:850px;
	padding:60px 70px 0px 60px;
	}
	
#logo {
	padding-bottom:60px;
	z-index:2;
	}
	
.page {
	padding:70px 35px 50px;
	width:720px;
	z-index:2;
	}
	
#about {
	background:url(/images/about.gif) no-repeat;
	}

#works {
	background:url(/images/works.gif) no-repeat;
	}
	
#contacts {
	background:url(/images/contacts.gif) no-repeat;
	}

#bottom {
	background:url(/images/bottom.gif) no-repeat;
	clear:both;
	}

#message {
	position:relative;
	margin:10px 0px 0px 0px;
	float:left;
	}

#about, #works, #contacts, #bottom { background-position: 0px 0px; }


form p {
	margin-bottom:4px;
	}

INPUT {
	background:url(../images/input_bg.gif) repeat-x;
	height:20px;
	margin-bottom:10px;
	padding-left:3px;
	}
	
TEXTAREA {
	background:url(../images/text_bg.gif) repeat-x #fff;
	border:1px solid #1f1f1f;
	padding:3px;
	}

.button {
	background:url(../images/button2.gif) 0 0 no-repeat;
	font-size:12px !important;
	cursor:pointer;
	width:108px;
	height:31px;
	color:#FFF;
	padding-bottom:1px;
	margin-top:10px;
	}

@-moz-document url-prefix()
{.button {
	padding-bottom:6px;
	}
}
	.button:hover {
		background:url(../images/button2.gif) 0px -31px no-repeat;
		}

	.button:active {
		background:url(../images/button2.gif) 0px -62px no-repeat;
		padding-top:2px;
		}
#mail{
	position:relative;
	margin-top:10px;
	width:300px;
	float:right;
	}

#phones {
	position:relative;
	left:-90px;
	text-align:right;
	}
	
span.blue, p.blue {
	background:#2fa0cc;
	color:#1f1f1f;
	margin-top:8px;
	text-align:center;
	font-style:italic;
	}
	
#copy, #facebook, #twitter, #vk {float:left;}
#copy { width:195px;}
#copy p { padding-top:2px;}
.facebook a img {margin:0px 3px;}
#twitter { width:70px;}

a.back{
	display:block;
	font-size:17px;
	text-decoration:none;
	padding-left:90px;
	margin-bottom:17px;
	}

#partners {
	background:url(/images/partners.gif) no-repeat;
	margin-top:30px;
	}

#job {
	background:url(/images/job.gif) no-repeat;
	margin-top:30px;
	}
	
.clear{ clear:both; }
	
	
@media (max-width: 650px){
	
	/* Old version */
	
	p { line-height: 22px; }
	#box { width: 100%; background: none; font-size: 16px; padding: 30px 20px 0px 20px; }
	.page { width: auto; padding: 35px 0; }
	#mail { float: left; }
}