.group:after {
visibility:hidden;
display:block;
content:"";
clear:both;
height:0
}

* html .group {
zoom:1
}

:first-child+html .group {
zoom:1
}

#wrap {
max-width:940px;
min-height:900px;
margin:0 auto;
padding:1.5em 20px;
overflow:hidden;
background-color:#fff;
border:1px solid #ddd;
-moz-box-shadow:0 0 5px #ddd;
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd
}

dl {
color:#333
}

dt {
text-align:center;
padding-top:35px;
font-size:30px
}

dd {
text-align:center;
width:550px;
margin-left:auto;
margin-right:auto;
}

.filter li {
float:left;
padding-top:35px;
}

.filter li:last-child:after {
content:""
}

.filter a {
width:100px;
padding:0 10px;
color:#093;
font-size:16px;
display:block;
text-decoration:none;
background:#FFF;
padding:20px 15px 20px 15px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}

.filter a:hover {
display:block;
background:#093;
background-image:text-decoration:none;
color:#FFF;
border:none;
box-shadow:0 5px 5px grey
}

.filter .current a {
display:block;
background:#093;
text-decoration:none;
color:#FFF;
border:none;
box-shadow:0 5px 5px grey
}


.portfolio li {
float:left;
margin-right:20px;
margin-bottom:30px;
border:1px solid #ccc;
-moz-box-shadow:0 5px 5px 0 grey;
-webkit-box-shadow:0 5px 5px 0 grey;
box-shadow:5px 5px 5px grey;
}

.portfolio a {
display:block;
border:3px solid #fff;
text-decoration:none;
color:#FFF;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
font-size:13.5px
}

.portfolio a:hover {
color:#093
}

.portfolio img {
width:210px;
height:130px;
display:block;
border:1px solid #ccc
}

.sitemap dt a {
text-align:center;
padding:14px;
font-size:15px;
text-decoration:none;
border:1px solid #093;
}

p.text {
font-size:125%;
line-height:200%;
margin:50px 0 0 10px
}

.portfolio img {
max-width:100%;
width:auto\9
}

.hubpostion {
margin-top:100px;
}
@media only screen and (min-width: 1160px) {
.hubpostion {
width:960px;
margin: 0 auto;
margin-top:100px;
}
}

@media screen and (max-width: 600px) {
.portfolio li {
float:none;
max-width:217px;
margin:0 auto;
margin-top:30px;
margin-bottom:7px
}

.portfolio img {
max-width:100%;
width:auto\9
}

.group dd {
display:block;
margin:0 auto;
width:130px
}
}