html {
  width:100%;
  height:100%;
}
body {
  position:relative;
  width:100%;
  min-width:995px;
  height:100%;
  margin:0;
  padding:0 0 0;
  font:11px Tahoma;
  color:#3a4446;
  background:url(../images/bg.jpg);
}
form {
margin:0;
padding:0;
}
a {
text-decoration:none;
color:#3a4446;
outline:0;
}
a:hover {
text-decoration:underline;
color:#222222;
}
img {
border:0;
}
input {
font:11px Arial, Helvetica, sans-serif;
}
.mainTable {
	width:100%;
	height:100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:url(../images/bg2.jpg) no-repeat center center;
}
.mainTable td {
	margin:0;
	padding:0;
}
.wrapper {
	position:relative;
	width:939px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
}
.ribbon {
	position:absolute;
	top:0;
	right:0;
	width:114px;
	height:114px;
}
.header {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -469px;
	width:939px;
	height:187px;
}
.mail {
	position:absolute;
	top:63px;
	right:-5px;
	width:182px;
	height:90px;
	background:url(../images/mail.gif) no-repeat;
}
.mail a {
	position:absolute;
	top:75px;
	left:63px;
	display:block;
	width:119px;
	height:15px;
}
.logo {
	position:absolute;
	top:32px;
	left:0;
	display:block;
	width:168px;
	height:78px;
}
.logo span {
	position:absolute;
	top:0;
	left:0;
	width:168px;
	height:78px;
	background:url(../images/logo.jpg) no-repeat;
	cursor:pointer;
}
.icons {
	position:absolute;
	top:78px;
	right:17px;
	width:184px;
	height:24px;
	margin:0;
	padding:0;
	background:url(../images/icons.jpg) no-repeat;
}
.icons li {
	display:block;
	list-style:none;
	position:absolute;
	top:0;
	width:24px;
	height:24px;
}
.icons li.home {
	left:0;
}
.icons li.map {
	left:75px
}
.icons li.mail {
	left:151px;
}
.icons li a {
	display:block;
	width:24px;
	height:24px;
}
.navBar {
	position:absolute;
	top:139px;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
.navBar li {
	list-style:none;
	float:left;
	margin:0 40px 0 0;
}
.navBar li.works {
	width:43px;
	height:23px;
}
.navBar li.works a {
	display:block;
	height:23px;
	background:url(../images/works_up.gif) no-repeat;
}
.navBar li.works a:hover {
	background:url(../images/works.gif) no-repeat;
}

.navBar li.about_act {
	height:23px;
	background:url(../images/about_act.gif) no-repeat;
}

.navBar li.about {
	width:42px;
	height:23px;
}
.navBar li.about a {
	display:block;
	height:23px;
	background:url(../images/about_up.gif) no-repeat;
}
.navBar li.about a:hover {
	background:url(../images/about.gif) no-repeat;
}
.navBar li.contacts {
	width:61px;
	height:23px;
}
.navBar li.contacts a {
	display:block;
	height:23px;
	background:url(../images/contacts_up.gif) no-repeat;
}
.navBar li.contacts a:hover {
	background:url(../images/contacts.gif) no-repeat;
}


.footer {
position:relative;
height:200px;
width:939px;
margin:-200px auto 0;
}
.footer .copyRights {
	margin:0;
	padding:0;
	position:absolute;
	top:130px;
	left:0;
}
.contacts1 {
	position:absolute;
	top:113px;
	left:302px;
	height:35px;
	line-height:1.3;
	padding:5px 0 0 14px;
	border-left:1px solid #d3d5d6;
}
.contacts2 {
	position:absolute;
	top:113px;
	left:623px;
	height:35px;
	line-height:1.3;
	padding:5px 0 0 14px;
	border-left:1px solid #d3d5d6;
}
.l_behance {
	position:absolute;
	top:40px;
	height:31px;
	width:104px;
	background:url(../images/l_behance.gif);
}
.l_twitter {
	position:absolute;
	top:42px;
	height:31px;
	display:block;
	width:108px;
	left:195px;
	background:url(../images/l_twitter.gif);
}
.l_freelacne {
	position:absolute;
	top:39px;
	height:31px;
	display:block;
	width:130px;
	left:400px;
	background:url(../images/l_freelance.gif);
}
.l_facebook {
	position:absolute;
	top:40px;
	height:31px;
	display:block;
	width:119px;
	left:623px;
	background:url(../images/l_facebook.gif);
}
.l_flickr {
	position:absolute;
	top:38px;
	height:31px;
	display:block;
	width:85px;
	left:844px;
	background:url(../images/l_flickr.gif);
}
.content {
	position:relative;
	left:50%;
	margin:100px 0 200px -469px;
	padding:0;
	width:939px;
}
.aboutContent {
	padding:50px 0 50px 410px;
	font-size:15px;
	line-height:1.5;
	color:#82888a;
}
.aboutContent h2 {
	margin:10px 0 10px;
	font-size:27px;
	font-weight:normal;
	font-style:italic;
	color:#3a4446;
	font-family:Georgia;
}
.aboutContent .photo {
	position:absolute;
	top:70px;
	left:0;
	width:308px;
	height:305px;
	background:url(../images/photo.gif) no-repeat 0 0;
}
#photo a.map1 {
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	top:96px;
	left:217px;
}
#photo a.map2 {
	width:350px;
	height:240px;
	display:block;
	position:absolute;
	top:22px;
	left:40px;
}
.aboutContent .photo_on {
		position:absolute;
	top:70px;
	left:0;
	width:308px;
	height:305px;
	background:url(../images/photo_in.gif) no-repeat 0 0;
}
.aboutContent .photo_out {
	position:absolute;
	top:70px;
	left:0;
	width:308px;
	height:305px;
	background:url(../images/photo_out.gif) no-repeat 0 0;
}
.contactsContent {
	padding:50px 0 90px 544px;
	font-size:15px;
	line-height:1.5;
	color:#82888a;
}
.contactsContent p {
	margin:15px 0 15px 30px;
	overflow:hidden;
	width:280px;
	background:url(../images/dots.jpg) repeat-x 0 17px;

}
.contactsContent p span {
	width:140px;
	display:block;
	float:left;
}
.contactsContent p span strong {
	background:url(../images/cbg.jpg);
	font-weight:normal;
}
.contactsContent p em {
	font-style:normal;
	background:url(../images/cbg.jpg);
	float:left;
	width:140px;
	display:block;
	color:#333434;
}
.contactsContent h2 {
	margin:10px 0 10px;
	font-size:27px;
	font-weight:normal;
	font-style:italic;
	color:#3a4446;
	font-family:Georgia;
}
.contactsContent .photo {
	position:absolute;
	top:70px;
	left:0;
	width:455px;
	height:310px;
	background:url(../images/world_map.gif) no-repeat 0 0;
}
.contactsContent .photo_on {
	position:absolute;
	top:70px;
	left:0;
	width:455px;
	height:310px;
	background:url(../images/ukraine_map_in.gif) no-repeat 0 0;
}
.contactsContent .photo_out {
	position:absolute;
	top:70px;
	left:0;
	width:455px;
	height:310px;
	background:url(../images/ukraine_map_out.gif) no-repeat 0 0;
}
.grid {
	position:relative;
	width:937px;
	height:471px;
	padding:1px;
	background:url(../images/lines.gif) no-repeat;
}
.gridList {
	width:793px;
	margin:0;
	padding:89px 0 0 58px;
	overflow:hidden;
}
.gridList li {
	position:relative;
	display:block;
	width:60px;
	height:60px;
	margin:-1px 0 0 -1px;
	padding:1px;
	float:left;
	list-style:none;
}
.gridList li div {
	position:relative;
	height:60px;
	width:60px;
}
.grid div {
	width:60px;
	height:60px;
	position:absolute;

}
.grid div img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.gridList li a {
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
}
.gridList li a:hover {
	background:url(../images/g_a_hover.png) no-repeat bottom right;
}
.workitemContent {
	overflow:hidden;
}
.workSide {
	width:260px;
	float:left;
	margin:0 35px 0 0;
	padding:1px 0 1px;
}
.workSide h3 {
	font:italic 25px Georgia, "Times New Roman", Times, serif;
	margin:10px 0 0;
}
.workSide h3 sup {
	font-size:11px;
	color:#ff7e00;
	font-weight:normal;
}
.workSide p {
	margin:10px 0;
	line-height:1.4;
	padding:0 10px 20px 0;
	border-bottom:1px solid #ced5d6;
}
.workSide a {
	display:block;
	width:83px;
	height:12px;
	margin:18px 0 0;
	background:url(../images/b_back.jpg) no-repeat 0 0;
}
.workItem {
	width:643px;
	float:left;
}


.workBack {
	width:643px;
}
.workBackTop {
	width:643px;
	height:17px;
	background:url(../images/wb_t.gif) no-repeat 0 0;
}
.workBackCenter {
	width:643px;
	background:url(../images/wb_c.gif) repeat-y;
	position:relative;
}
.workBackBottom {
	width:643px;
	height:21px;
	background:url(../images/wb_b.gif) no-repeat 0 0;
}
.workBackCenter div {
	width:600px;
	margin:0 0 0 18px;
	z-index:2;
	position:relative;
}
.workBackCenter div.load {
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	width:60px;
	height:60px;
	background:url(../images/load.gif) no-repeat 0 0;
	z-index:1;
}
.wPages {
	margin:-12px 0 0;
	padding:0 0 0 110px;
	overflow:hidden;
	background:url(../images/b_pages.jpg) no-repeat 39px 7px;
}
.wPages li {
	float:left;
	margin:0 0 0 2px;
	padding:0;
	width:36px;
	list-style:none;
	height:27px;
	background:url(../images/bm_inactive.gif) no-repeat 0 0;
}
.wPages li a {
	display:block;
	width:36px;
	text-align:center;
	line-height:27px;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	height:27px;
}
.wPages li a.active {
	background:url(../images/bm_active.gif) no-repeat 0 0;
	cursor:default;
}
.wPages li a.inactive {
	background:url(../images/bm_inactive.gif) no-repeat 0 0;
}