*{
	margin: 0px;
	padding: 0px;
}
#wrapper{width: 884px;margin: 0 auto;}

#portfolio {margin:0px auto;	text-align:center;	display:block;}
#portfolio h2 {	color:#555;	font:40pt 'Montserrat';	padding: 30px 0px 0px 0px;}

.work-grid {list-style: none; margin: 0px auto;	text-align: center;	width: 100%; }
.work-grid li {width: 33.3%;	display: inline-block; vertical-align: top;	height: 300px;	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.work-grid li:hover {	filter:(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 1.0;
}

.og-expander { position: absolute; background: #27472e; top: auto; left: 0; width: 100%; margin-top: 10px; text-align: left; height: 0; overflow: hidden; } 
.og-expander-inner { padding: 73px 30px; height: 100%;width: 960px;    margin: 0 auto; } 
.og-close { position: absolute; width: 40px; height: 40px; top: 20px; right: 20px; cursor: pointer; } 
.og-close::before, 
.og-close::after { content: ''; position: absolute; width: 100%; top: 50%; height: 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } 
.og-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } 
.og-close:hover::before, 
.og-close:hover::after { background: #333; } 
.og-fullimg, 
.og-details { width: 45%; float: left; height: 80%; overflow: hidden; position: relative; } 
.og-details { padding: 0 40px 0 20px; } .og-fullimg { text-align: center; } 
.og-fullimg img { display: inline-block; max-height: 100%; max-width: 100%; } 
.og-details h3 { margin:0px; font-weight: 300; font-size: 30px; font-weight:bold; padding: 30px 0 10px; margin-bottom: 10px; color:#fff; } 
.og-details p { font-weight: 400; font-size: 15px; font-family: 'Opes sans', sans-serif; line-height: 22px; color: #fff; } 
.og-details a { font-size: 16px; color: #FFF; font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; padding: 10px 20px; background: #00aed7; border: 3px solid #00aed7; display: none; margin: 30px 0 0; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.og-details a::before { content: '\2192'; display: inline-block; margin-right: 10px; } 
.og-details a:hover { background: #555; border-color: #555; color: #FFF; }