/* FONTS */
@font-face {
  font-family:Plumb;
  src: url('/css/plumb/PlumbRegular.ttf') format('truetype'), url('/css/plumb/PlumbRegular.otf') format('opentype');
}
@font-face {
  font-family:Plumb;
  font-weight: bold;
  src: url('/css/plumb/PlumbBold.ttf') format('truetype'), url('/css/plumb/PlumbBold.otf') format('opentype');
}

body {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #4a4949;
  background-color: #e0e3e3;
}

p {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #4a4949;
  width: 530px;
}

div.mainPageCnt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

table.mainPageCnt {
  height: 100%;
}

span.siteOpened {
  font-size: 60px;
  font-style: italic;
  color: #358854;
}

span.continueOpening {
  font-size: 24px;
  font-style: italic;
  color: #358854;
}

div.header_container {
  position: relative;
  width: 100%;
  height: 1px;
  text-align: center;
}

div.header {
  position: relative;
  width: 910px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

div.header div.greencow {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 151px;
  height: 37px;
}

div.mm {
  position: absolute;
  top: 58px;
  right: 0px;
  width: 170px;
  height: 17px;
  text-align: left;
}

div.mm div.mmItem {
  position: relative;
  display: inline;
  cursor: pointer;
}

div.mm div.mmItem img.mmImage {
}

div.mm div.mmItem img.mmImageAct {
}



div.gcMainPage {
  position:absolute;
  top:0px;left:0px;
  width:100%;height:100%;
}

div.gcMainPage div.f24 {
  font-size:24px;
  font-style: italic;
  color:rgb(74, 73, 73);
}

div.gcMainPage div.f12 {
  padding-top:25px;
  font-size:12px;
  line-height:18px;
  font-style: normal;
  color:rgb(74, 73, 73);
}

div.gcMainPage a,
div.gcMainPage a:link,
div.gcMainPage a:active,
div.gcMainPage a:visited {
  font-family:Georgia,Verdana,Tahoma,Arial;
  font-size:12px;
  line-height:24px;
  color:#358854;
  text-decoration:underline;
}

div.gcMainPage a:hover {
  color:#8a8b8b;
}

div.arr {
  position:absolute;
  width:30px;
  height:30px;
  background-image:url(/img/sprite.png);
  background-repeat:no-repeat;
  overflow:hidden;
  cursor:pointer;
}

div.gcMainPage div.arrl {bottom:-30px;left:0px;background-position:0px -40px;}
div.gcMainPage div.arrr {bottom:-30px;left:40px;background-position:-40px -40px;}
div.gcMainPage div.arrl:hover {bottom:-30px;left:0px;background-position:0px 0px;}
div.gcMainPage div.arrr:hover {bottom:-30px;left:40px;background-position:-40px 0px;}



div.atthemoment {
  position: relative;
  font-family: Plumb, Georgia, Verdana, Tahoma, Arial;
  font-size: 18px;
  line-height: 24px;
  color: #4d4d4d;
  padding-bottom: 72px;
  font-weight:bold;
  letter-spacing:-0.5pt;
}

div.nevertheless {
  position: absolute;
  top: 0px;
  left: 420px;
  font-family: Plumb, Georgia, Verdana, Tahoma, Arial;
  font-size: 18px;
  line-height: 24px;
  color: #4d4d4d;
  font-weight:bold;
  letter-spacing:-0.5pt;
}

div.typography {
  position: relative;
  left: -36px;
  padding: 35px;
  color: #4d4d4d;
  font-size: 14px;
  border: 1px #c3c5c5 solid;
  line-height: 24px;
  width:540px;
  margin-bottom:80px;
}

div.typography span {
  color: #358854;
  font-size: 14px;
  cursor: pointer;
  border-bottom: 1px #358854 dashed;
  font-weight:bold;
}

div.typography a, div.typography a:link, div.typography a:active, div.typography a:visited, div.typography a:hover {
  color: #358854;
  font-size: 14px;
  text-decoration: underline;
}

div#photoGBG {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #9b9b9b;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -khtml-opacity: 0.7;
  z-index: 2000;
}

div#photoG {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2001;
}

div#photoGWnd {
  position: relative;
  top: 110px;
  width: 628px;
  height: 511px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e0e3e3;
}

div#photoGttl {
  position: absolute;
  top: 17px;
  left: 14px;
  font-family: Georgia, Verdana, Tahoma, Arial;
  font-size: 12px;
}

div#photoGpos {
  position: absolute;
  top: 17px;
  right: 14px;
  font-family: Georgia, Verdana, Tahoma, Arial;
  font-size: 12px;
}

div#photoGph {
  position: absolute;
  top: 47px;
  left: 14px;
  width: 600px;
  height: 450px;
  background-color: #000;
  cursor: pointer;
}

img#photoGimg {
  width: 600px;
  height: 450px;
}

div.photoGmenu {
  position: absolute;
  top: 11px;
  left: 268px;
}

div.photoGmenu div#arrl {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

div.photoGmenu div#close {
  position: absolute;
  top: 0px;
  left: 35px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

div.photoGmenu div#arrr {
  position: absolute;
  top: 0px;
  left: 69px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

/*div.header div.facebookLikeButton { position:absolute;top:105px;left:0px;width:99px; }
 */
div.header_float {
  position: fixed;
  width: 100%;
  height: 140px;
  text-align: center;
  z-index: 200;
}

div.prjs_container {
  position: relative;
  width: 100%;
  margin-top: 140px;
  height: 660px;
  text-align: center;
}

div.prjs {
  position: relative;
  width: 910px;
  height: 660px;
  margin-left: auto;
  margin-right: auto;
}

div.prj {
  position: absolute;
  display: block;
  width: 380px;
  height: 190px;
}

div.prj div.prjImg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
}

div.prj div.prjImg img.prjImage {
}

div.prj div.prjInfo {
  position: absolute;
  top: 0px;
  left: 170px;
  width: 170px;
  height: 150px;
}

div.prjActiveZone {
  position: absolute;
  width: 150px;
  height: 150px;
  cursor: pointer;
}

div.prj div.infoplate {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 170px;
  height: 150px;
}

div.prj div.prjInfoZone {
  position: absolute;
  left: 30px;
  bottom: 8px;
  width: 138px;
  text-align: left;
}

div.prj div.prjInfoZone div.prjName {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #545353;
  font-style: italic;
  text-transform: uppercase;
  padding-bottom: 3px;
}

div.prj div.prjInfoZone div.prjDesc {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #8d8d8d;
  font-style: italic;
  text-transform: lowercase;
}

div.prj div.prjInfoZoneAct {
  position: absolute;
  left: 30px;
  bottom: 8px;
  width: 138px;
  text-align: left;
}

div.prj div.prjInfoZoneAct div.prjName {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  font-style: italic;
  text-transform: uppercase;
  padding-bottom: 3px;
}

div.prj div.prjInfoZoneAct div.prjDesc {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-style: italic;
  text-transform: lowercase;
}

div.cr_project {
  position: relative;
  height: 85px;
  width: 100%;
  text-align: center;
  color: #8a8b8b;
}

div.cr_float {
  position: absolute;
  bottom: 0px;
  height: 85px;
  width: 100%;
  text-align: center;
  color: #8a8b8b;
}

div.cr_container {
  position: relative;
  margin-top: 70px;
  height: 85px;
  width: 100%;
  text-align: center;
  color: #8a8b8b;
}

div.cr {
  position: relative;
  width: 910px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.cr div.crLeft {
  position: absolute;
  left: 0px;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
}

div.cr div.crRight {
  position: absolute;
  right: 0px;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
}

div.facebookLikeButton {
  position: absolute;
  top: -5px;
  right: -2px;
  width: 99px;
}

a, a:link, a:active, a:hover {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #52ae6c;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #8a8b8b;
}

a.crLink, a.crLink:link, a.crLink:visited, a.crLink:active, a.crLink:visited {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #52ae6c;
  text-decoration: underline;
}

a.crLink:hover {
  text-decoration: underline;
}

a.admin_link, a.admin_link:link, a.admin_link:visited, a.admin_link:active {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #009900;
  text-decoration: underline;
}

a.admin_link:hover {
  text-decoration: none;
}

div.prjList {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 170px;
}

div.prjListItem {
  position: relative;
  width: 170px;
  line-height: 24px;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #358854;
  font-style: italic;
}

div.prjListItem div.sup {
  position: relative;
  display: inline;
}

div.prjListItem div.sup div {
  position: absolute;
  top: -10px;
  left: 0px;
  font-size: 10px;
}

a.prjList, a.prjList:link, a.prjList:active {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #4a4949;
  font-style: italic;
  text-decoration: underline;
}

a.prjList:hover {
  text-decoration: underline;
}

a.prjList:visited {
  color: #8a8b8b;
}

a.prjListAct, a.prjListAct:link, a.prjListAct:active {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #358854;
  font-style: italic;
  text-decoration: underline;
}

a.prjListAct:hover {
  text-decoration: underline;
}

a.prjListAct:visited {
  color: #358854;
}

div.projectInformationFixed {
  position: absolute;
  top: 0px;
  left: 275px;
  width: 635px;
}

div.projectInformationFixed div.prjYear {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 32px;
  display: block;
  background-color: #e0e3e3;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #358854;
  font-style: italic;
}

div.projectInformationFixed div.prjTitle {
  position: absolute;
  top: 16px;
  left: 0px;
  background-color: #e0e3e3;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  color: #358854;
  font-style: italic;
  text-transform: uppercase;
  display: inline;
}

div.projectInformation {
  position: relative;
  margin-top: 140px;
}

div.projectInformation div.prjYear {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #358854;
  font-style: italic;
  margin-bottom: 6px;
}

div.projectInformation div.prjTitle {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  color: #358854;
  font-style: italic;
  text-transform: uppercase;
  padding-bottom: 36px;
}

div.projectInformation div.prjImage {
  padding-bottom: 15px;
}

div.projectInformation div.prjVideo {
  position:relative;
  width:635px;
  margin-bottom:15px;
}

div.projectInformation div.prjVideo div {
  position:relative;
  width:635px;
}

div.projectInformation div.pl {
  margin: 20px 0px 34px 0px;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  width: 635px;
  font-style: normal;
  color: #4a4949;
}

div.projectInformation div.pm {
  margin: 20px 0px 34px 0px;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  width: 635px;
  font-style: normal;
  color: #4a4949;
}

div.prjSiteLink {
  position: relative;
  margin-bottom: 15px;
}

a.prjSiteLink, a.prjSiteLink:link, a.prjSiteLink:active {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  color: #358854;
  font-style: italic;
  text-decoration: underline;
}

a.prjSiteLink:hover {
  text-decoration: underline;
}

a.prjSiteLink:visited {
  color: #8a8b8b;
}

div.scrollToTop {
  position: absolute;
  top: 0px;
  right: 40px;
}

a.scrollToTop, a.scrollToTop:link, a.scrollToTop:active, a.scrollToTop:visited {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  color: #358854;
  font-style: italic;
  text-decoration: none;
  border-bottom:1px #358854 dashed;
}

a.scrollToTop:hover {
  text-decoration: none;
}

div.http404 {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 30px;
  color: #358854;
  font-style: italic;
  padding-bottom: 15px;
}

div.http404fnf {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #358854;
  font-style: italic;
}

div.http404txt {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #4a4949;
  font-style: normal;
  width: 530px;
  line-height: 18px;
}

table.studio {
  margin-top: 140px;
  margin-bottom: 70px;
}

div.studio {
  position: relative;
  line-height: 18px;
}

div.studio span.wemake {
  font-size:18px;
  line-height:24px;
  font-style:italic;
}

div.studio span.phone {
  font-size:18px;
  line-height:24px;
  color:#358854;
  font-style:italic;
}

div.studio a,
div.studio a:link,
div.studio a:hover,
div.studio a:active,
div.studio a:visited
{
  font-size:18px;
  font-style:italic;
  color:#358854;
  text-decoration:underline;
}

span.localLink {
  font-size:18px;
  font-style:italic;
  color:#358854;
  text-decoration:none;
  border-bottom:1px #358854 dashed;
  cursor:pointer;
}

span.f18px {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
}

span.lh24px {
  line-height: 24px;
}

a.studioMailLink, a.studioMailLink:link, a.studioMailLink:active {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #358854;
  font-style: italic;
  text-decoration: underline;
}

a.studioMailLink:hover {
  text-decoration: underline;
}

a.studioMailLink:visited {
  color: #8a8b8b;
}

sup {
  position: relative;
  vertical-align: 0px;
  bottom: 1ex;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

sup a, sup a:link, sup a:active, sup a:visited, sup a:hover {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #358854;
  text-decoration: underline;
}

sub {
  position: relative;
  vertical-align: 0px;
  top: 0.8ex;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

sub a, sub a:link, sub a:active, sub a:visited, sub a:hover {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #358854;
  text-decoration: underline;
}

div.supC {
  position: relative;
  margin-right: 8px;
  color: #358854;
  border-bottom: 1px #358854 dashed;
  cursor: pointer;
  display: inline;
}

div.supC div.sup {
  position: absolute;
  top: -5px;
  right: -7px;
  font-size: 10px;
  color: #4a4949;
}

div.footnote {
  position: relative;
  width: 635px;
  background: url(/img/sup.gif) top left no-repeat;
  line-height: 18px;
}

div.footnote_text {
  position: relative;
  width: 535px;
  padding: 28px 0px;
}

div.footnote_text span {
  color: #358854;
}

div.footnote_hide {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 28px 0px;
}

div.footnote_hide a, div.footnote_hide a:link, div.footnote_hide a:active, div.footnote_hide a:hover, span.footnote_hide_link a:visited {
  text-decoration: none;
  border-bottom: 1px #8a8b8b dashed;
  color: #8a8b8b;
}


div.like_buttons {
  position:relative;
  width:635px;
  height:60px;
  border-top:1px #CCCCCC solid;
  border-bottom:1px #CCCCCC solid;
  margin-top:50px;
}

div.like_buttons div.like_button {
  
}

div.like_buttons div.gc_fb {
  position:absolute;top:20px;left:0px;
}
div.like_buttons div.gc_twitter {
  position:absolute;top:20px;left:189px;
}
div.like_buttons div.gc_google {
  position:absolute;top:20px;left:376px;
}
div.like_buttons div.gc_vk {
  position:absolute;top:20px;right:-20px;
}