/*  @font-face {
	font-family: 'Conv_HypatiaSansPro-Regular';
	src: url('../fonts/HypatiaSansPro-Regular.eot');
	src: local('☺'), url('../fonts/HypatiaSansPro-Regular.woff') format('woff'), 
	url('../fonts/HypatiaSansPro-Regular.ttf') format('truetype'), 
	url('../fonts/HypatiaSansPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
        font-family: 'Conv_HypatiaSansPro-Regular';
        src: local('☺'), url('../fonts/Glober_Thin.woff') format('woff'), 
        url('../fonts/Glober_Thin.ttf') format('truetype'), 
        url('../fonts/Glober_Thin.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'Glober_Bold';
        src: local('☺'), url('../fonts/Glober_Bold.woff') format('woff'),
        url('../fonts/Glober_Bold.ttf') format('truetype'),
        url('../fonts/Glober_Bold.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
*{ margin:0px; padding: 0px; outline: none; border: 0px; text-decoration: none; }
body{ font:12px "Conv_HypatiaSansPro-Regular"; color: #8e8e8e; background-color: #fff; display: block; }
.clear{ clear:both; margin: 0; padding: 0; }
.hide{display: hidden;}
.left{float: left;}
.right{ float: right;}
.bgwidth{width: auto; height: 100%;}
.bgheight{height: auto; width: 100%;}
ul,li{list-style: none;}

#page{ width: 1255px; margin: 0px auto;}
#selectwork{ width:1255px; height:700px; margin:0 auto;  display: block; height: 100%;}
#selectwork div{ width:1255px; margin:0 auto;  display: block;  height: 100%; overflow: hidden;}
#selectwork div a { display: block; }
#selectwork div img{ display: block;  margin:0 auto;  }

#header{ width: 100%; height: 76px; margin-top: 50px; margin-bottom:20px;  color: #8e8e8e;}
#logo{ width: 295px; float: left;  height: 76px; }
#logo a{ color: #5c5e5d; width: 295px; display: block; height:76px; background:url(../images/web/logo.png)  0px 0px no-repeat;}
#logo a:hover{ background-position:0px -80px;}
#nav{ width: 698px; float:left; height:26px; margin-top:10px; margin-left:78px;} 
#nav ul li a{ float: left; display:block; text-align: center; cursor:pointer; margin-left:100px; height: 22px; line-height:22px;  background:url(../images/web/nav.png)  0px -26px no-repeat; }
#nav ul .gallery a{background-position:0px 0px; width:67px; }
#nav ul .gallery:hover a, #nav ul .gallery .curgallery{background-position:0px -26px; }
#nav ul .work a{background-position:-165px 0px; width:104px;}
#nav ul .work:hover a, #nav ul .work .curwork{background-position:-165px -26px;}
#nav ul .work2 a{background-position: -372px 0px;  width:62px;}
#nav ul .work2:hover a, #nav ul .work2 .curwork2{background-position: -372px -26px;}
#nav ul .blog:hover a{background-position:-554px -26px;}
#nav ul .blog a{background-position:-554px 0px; width:68px;}


#content{ margin-top: 46px; color: #8e8e8e; line-height: 28px; height: auto;}
#content ul li{ width:313px; height:313px; float:left; overflow:hidden;}
#content ul li a{display: block; float: left; overflow: hidden;width:311px; height:311px;}
#content ul li a img:hover{ opacity: 0.6;}
#content > p { font-size: 20px; }
.cleardl{ clear: both; height: 18px;}

#content dl{margin-top:30px;}
#content dl dt{ font-size:28px; font-weight:800; color:#000; margin-top:10px;}
#content dl dd{ font-size:20px; color:#000; margin-top:0px;}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.94;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


#footer{ width: 100%; height: 116px;  margin: 0 auto; }
#footer p{ text-align: left; color: #767676; margin: 12px auto auto 0px;}