/*
  disabling default styles
*/

html, body, h1, h2, h3, h4, h5, h6, img, blockquote, form, fieldset, label, p, ul, ol, li, dl, dd, dt { 
	padding: 0px;
	margin: 0px;
	border: none;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
  color: #020202;
  background: #f2f2f0 url(/files/images/bg.gif) repeat scroll top left;
}
input, select, textarea, option, table {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a {
  text-decoration: none;
}
h1, h2, h3 {
  font-size: 12px;
}

/*
  main layout
*/

.wrapper {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: absolute; /* delete upon screen height is lower then 600px; */
  bottom: 0; /* delete upon screen height is lower then 600px; */
  background: url(/files/images/bgfix.png) repeat-x top left;
}

.main {
  width: 6314px;
  margin-left: -2400px;
  height: 563px;
}

.menu {
  height: 37px;
  background: transparent url(/files/images/bg_menu.gif) repeat-x scroll top left;
}

.minWidth {
  width: 994px;
}

/*
  absolute objects
*/

h1 {
  position: absolute;
  width: 200px;
  left: 200px;
  margin-top: 40px;
}

h1 a {
  display: block;
  width: 85px;
  height: 23px;
  padding: 50px 0 0 115px;
  color: #5f94ff;
  background: transparent url(/files/images/logo.png) no-repeat scroll top left;
}

h1 a span,
h1 a small {
  display: none;
}

h1 a:hover small {
  font-size: 9px;
  display: inline;
  font-weight: normal;
}

.social {
  position: absolute;
  left: 250px;
  margin-top: 505px;
}

.social .twitter {
  margin-top: 9px;
  margin-right: 25px;
  display: block;
  float: left;
  width: 104px;
  height: 31px;
  background: transparent url(/files/images/logo_twitter.gif) no-repeat scroll top left;
}

.social .twitter:hover {
  background: transparent url(/files/images/logo_twitter_act.gif) no-repeat scroll top left;
}

.social .facebook {
  display: block;
  float: left;
  padding-top: 30px;
  background: transparent url(/files/images/logo_facebook.gif) no-repeat scroll top center;
  color: #848482;
}

.social .facebook:hover {
  background: transparent url(/files/images/logo_facebook_act.gif) no-repeat scroll top center;
  color: #305093;
}

/*
  menu
*/

.menuMain {
  list-style: none;
  padding-left: 50px;
  width: 994px;
  margin: 0 auto;
}

.menuMain li {
  display: inline;
}

.menuMain li a {
  font-size: 18px;
  color: #fafaf8;
  height: 37px;
  width: auto;
  display: block;
  float: left;
}

.menuMain li a span {
  display: block;
  float: left;
  padding: 0 2px;
  cursor: pointer;
}

.menuMain li a .menuLeft,
.menuMain li a .menuRight {
  display: block;
  width: 24px;
  height: 37px;
  float: left;
  padding: 0;
}

.menuMain li a .s18 { font-size: 18px; padding-top: 9px; }
.menuMain li a .s16 { font-size: 16px; padding-top: 11px; }
.menuMain li a .s14b { font-size: 14px; padding-top: 14px; font-weight: bold; }
.menuMain li a .s9 { font-size: 9px; padding-top: 18px; }
.menuMain li a .s14 { font-size: 14px; padding-top: 14px; }
.menuMain li a .s11 { font-size: 11px; padding-top: 16px; }
.menuMain li a .s15b { font-size: 15px; padding-top: 13px; font-weight: bold; }
.menuMain li a .s10 { font-size: 10px; padding-top: 17px; }
.menuMain li a .s13b { font-size: 13px; padding-top: 14px; font-weight: bold; }

.menuMain li.act a,
.menuMain li a:hover {
  background: #000000 url(/files/images/menu_act.gif) repeat-x scroll top center; 
}

.menuMain li.act a .menuLeft,
.menuMain li a:hover .menuLeft {
  background: #000000 url(/files/images/menu_left.gif) no-repeat scroll top left; 
}

.menuMain li.act a .menuRight,
.menuMain li a:hover .menuRight {
  background: #000000 url(/files/images/menu_right.gif) no-repeat scroll top right; 
}


/*
  main
*/

.page {
  width: 994px;
  float: left;
  padding: 0 112px;
  height: 563px;
}

.pageAbout {
  background: transparent url(/files/images/bg_about_en.jpg) no-repeat scroll top left;
  padding-left: 224px;
}

.pageFreelancer {
  background: transparent url(/files/images/bg_freelancer_en.jpg) no-repeat scroll top left;
}

.pageFront {
  background: transparent url(/files/images/bg_front_en.jpg) no-repeat scroll top left;
}

.pagePortfolio {
  background: transparent url(/files/images/bg_portfolio_en.jpg) no-repeat scroll top left;
}

.pageContacts {
  background: transparent url(/files/images/bg_contacts_en.jpg) no-repeat scroll top left;
  padding-right: 224px;
}

.thumbBlock1 {
  width: 246px;
  height: 93px;
  margin: 187px 0 0 146px;
  float: left;
}

.thumbBlock1 a {
  display: block;
  width: 82px;
  height: 93px;
  background: transparent url(/files/images/art1.gif) no-repeat scroll top left;
  float: left;
}

.thumbBlock1 a:hover {
  
}

.thumbBlock1 a span.thumbImage,
.thumbBlock2 a span.thumbImage,
.thumbBlock3 a span.thumbImage {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent no-repeat center center;
  cursor: pointer;
}

.thumbBlock2 {
  width: 225px;
  height: 174px;
  margin: 163px 0 0 67px;
  float: left;
}

.thumbBlock2 a {
  display: block;
  width: 74px;
  height: 87px;
  background: transparent url(/files/images/art2.gif) no-repeat scroll top left;
  float: left;
}

.thumbBlock2 a:hover {
  
}

.thumbBlock3 {
  width: 174px;
  height: 147px;
  margin: 170px 0 0 28px;
  float: left;
}

.thumbBlock3 a {
  display: block;
  width: 87px;
  height: 74px;
  background: transparent url(/files/images/art3.gif) no-repeat scroll top left;
  float: left;
}

.thumbBlock3 a:hover {
  
}

.pageFront .languages {
  list-style: none;
  float: left;
  padding-left: 160px;
  margin-top: 82px;
}

.pageFront .languages li {
  display: inline;
  margin-right: 15px;
}

.pageFront .languages li a {
  color: #a0a0a0;
  font-size: 11px;
}

.pageFront .languages li.act a {
  color: #4e4e4e;
  text-decoration: underline;
}

.pageFront .languages li a:hover {
  text-decoration: underline;
}

.pageFront .frontGuy {
  float: left;
  margin: -120px 100px 0 40px;
}

.pageFront .thanks {
  font-size: 9px;
  color: #818181;
  margin-top: 85px;
}

.pageFront .thanks a {
  color: #818181;
  text-decoration: underline;
}

.pageFront .thanks a:hover {
  text-decoration: none;
}

.pagePortfolio .photoIcon {
  float: left;
  margin: 205px 0 0 20px;
}

.pagePortfolio .links {
  float: left;
  margin-top: 105px;
  margin-right: 55px;
}

.pagePortfolio .links ul {
  list-style: none;
}

.pagePortfolio .links ul li {
  margin-bottom: 8px;
}

.pagePortfolio .links ul li a {
  color: #848484;
  padding: 1px 3px;
}

.pagePortfolio .links ul li a:hover {
  color: #ededeb;
  background-color: #414141;
}

.pageContacts .email {
  float: left;
  margin: 255px 145px 0 150px;
  width: 200px;
  color: #575757;
}

.pageContacts .email span {
  font-weight: bold;
  color: #8e8e8e;
}

.pageContacts .email a {
  color: #ededeb;
  background-color: #414141;
  padding: 1px 3px;
}

.pageContacts .form {
  float: left;
  margin-top: 145px;
}

.pageContacts .form form ul {
  list-style: none;
}

.pageContacts .form form label {
  display: block;
  margin-bottom: 2px;
}

.pageContacts .form form .inputText,
.pageContacts .form form .inputTextarea {
  background-color: #ffffff;
  border: 1px solid #c1c1c1;
  padding: 3px 5px;
  width: 255px;
  margin-bottom: 10px;
}

.pageContacts .form form .inputTextarea {
  height: 65px;
  overflow: auto;
}

.pageContacts .form .buttonSubmit {
  font-weight: bold;
  width: 88px;
  height: 24px;
  background-color: #9c9c9c;
  border: none;
  color: #ffffff;
  cursor: pointer;
}

.pageFreelancer .text {
  float: left;
  width: 310px;
  height: 240px;
  padding-right: 30px;
  margin: 145px 0 0 78px;
  border-right: 1px solid #e4e4e4;
  overflow: hidden;
}

.pageFreelancer .text2 {
  float: left;
  width: 310px;
  height: 230px;
  margin: 145px 0 0 30px;
  overflow: hidden;
}

.pageAbout .text p,
.pageFreelancer .text p,
.pageFreelancer .text2 p {
  margin-bottom: 22px;
  line-height: 18px;
}

.pageAbout .text a,
.pageFreelancer .text a,
.pageFreelancer .text2 a {
  color: #ededeb;
  background-color: #414141;
  padding: 1px 3px;
}

.pageFreelancer .pages {
  margin-top: 30px;
  margin-left: 80px;
  width: 680px;
  text-align: center;
  padding: 1px 0;
}

.pageFreelancer .pages a {
  color: #414141;
  background-color: #cdcdcd;
  padding: 1px 5px;
}

.pageFreelancer .pages a:hover,
.pageFreelancer .pages a.act {
  color: #ededeb;
  background-color: #414141;
}

.pageAbout .text {
  float: left;
  width: 415px;
  height: 240px;
  margin: 148px 0 0 340px;
  overflow: hidden;
}

.pageAbout .friends {
  float: left;
  margin: 170px 0 0 50px;
  background: transparent url(/files/images/headline_friends_en.gif) no-repeat scroll top left;
  padding: 20px;
}

.pageAbout .friends a {
  color: #848484;
  padding: 1px 3px;
}

.pageAbout .friends a:hover {
  color: #ededeb;
  background-color: #414141;
}

/*
  common elements
*/

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  font-size: 0px;
}

.tinyPopup {
	background:url('/files/images/kampas.png') no-repeat top center;
	position:absolute;
	display:none;
	margin-top:-20px;
	margin-left:-20px;
}

.tinyPopup span {
	margin-top:10px;
	padding:10px 30px 10px 30px;
	display:block;
	background:#fff;
	color:#3070f2;
}

a:hover .tinyPopup {
	display:block;
}