@import url(http://fonts.googleapis.com/css?family=Open+Sans:300|Raleway);body{background-color:#eaeff2;margin:0;padding:0;color:#8ba0a4;font-family:'Open Sans',sans-serif;font-size:12pt}.clearall{clear:both;display:block}.container{width:1020px;margin-left:auto;margin-right:auto}.logo{width:258px;height:105px}#header{height:268px;background-image:url(/css/images/header_bg.png);background-repeat:no-repeat}.header-left{float:left;width:535px;height:160px;font-family:'Open Sans',sans-serif;font-size:10pt;color:#8ba0a4}.header-left a{color:#8ba0a4}.header-right{float:left;width:485px;height:160px}.header-logo{margin-top:48px;width:258px;height:105px}.header-icons{height:40px;padding-top:26px}.header-icons a{display:inline-block;width:21px;margin-right:10px}.header-icons a img{height:21px;width:21px}#nav{margin:50px 40px 0 40px;border-top:1px solid #bbc6cc;height:30px}#nav a{display:inline-block;height:30px;line-height:30px;font-family:'Open Sans',sans-serif;font-size:10pt;text-transform:uppercase;color:#8ba0a4;width:222px;text-align:center}#nav a:hover{color:#3a5156;font-weight:bold}#nav .first{text-align:left;width:127px}#nav .last{text-align:right;width:130px}#about #mnuabout,#projects #mnuprojects,#makingof #mnumaking,#contacts #mnucontacts,#partners #mnupartners,#photography #mnuphotos{color:#3a5156;font-weight:bold}.main{min-height:200px;background-color:#fff;padding:0 40px 40px 40px;margin-bottom:40px}.main-border{border-top:1px solid #bbc6cc;padding-top:20px}.content{}.content p{font-family:Georgia,'Times New Roman',serif;font-size:18pt;line-height:23pt;margin:5px 0;font-style:italic;letter-spacing:1px}h1,h2,h3,h4{margin:0;font-family:'Open Sans',sans-serif;font-weight:normal;letter-spacing:2px;color:#3a5156}h1{font-size:32pt}h2{font-size:18pt;margin:0;line-height:24pt;font-weight:bold}h3{font-size:17pt;margin:0;line-height:22pt;color:#8ba0a4}h4{font-size:21pt;margin:0;line-height:24pt}a{text-decoration:none;color:#395256}span{font-family:'Open Sans',sans-serif;font-size:11pt;color:#3a5156}img{border:none}.slide-outer{margin-bottom:40px}.projlist{background:url(/css/images/gradient.jpg);background-position-y:200px}.project{color:#33474b;font-size:10pt}.projframe1,.projframe2{float:left;height:317px;overflow:hidden;text-align:center}.projframe1{width:565px;padding-right:4px;background-color:#fff}.projframe2{width:371px}.projview{display:block;position:absolute;width:565px;height:317px;line-height:317px}.projview img{vertical-align:middle}.project-detail{padding:10px}.partner-outer{float:left;width:186px;height:104px;background-color:#eaeff2;color:#85a1a4;text-transform:uppercase;font-size:10pt;margin:1px}.partner-title{width:auto;height:24px;line-height:24px;text-align:center}.partner-outer a img{width:186px;height:80px}.link-back{display:inline-block;height:20px;line-height:20px;margin-top:20px;background:url(/css/images/arrow-left.png) no-repeat left center;padding-left:20px}.link-back:hover{color:#000}.grayscale{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:gray;filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")}.grayscale:hover{-webkit-filter:grayscale(0);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:none;filter:grayscale(0%)}