@CHARSET "UTF-8";
html{
	background-color: #f5f5f5;
	overflow-y: scroll;
}
@font-face {
    font-family: 'geometrialight';
    src: url('geometria-light-betajrg-webfont.eot');
    src: url('geometria-light-betajrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('geometria-light-betajrg-webfont.woff2') format('woff2'),
         url('geometria-light-betajrg-webfont.woff') format('woff'),
         url('geometria-light-betajrg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
	color: #272727;
	font-family: "geometrialight";
	width: 1220px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 200px;
}
img#logo{
	margin-top: 100px;;
}
nav {
	margin-bottom: 100px;
}
nav li {
	display: inline;
	margin-right: 7px;
	margin-left: 7px;
}
nav a {
	color: #272727;
	text-decoration: none;
}
nav a:hover {
	color: #000;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.27);
}
#content img{
	margin:5px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#content img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#content iframe{
	margin: 5px;
}
.article{

}
img#jrg{
	float: right;
}
img#jrg:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
#about{
	float: left;
	width: 763px;
}
#content img.design{
	margin-bottom: 100px;
}
#content img.design:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
#contact{
	position: absolute;
	font-size: 21px;
	width: 773px;
	margin-top: 64px;
	margin-left: 217px;
}