html, body, div, h1, h2, h3, h4, h5, h6, p,
a, img, strong, sup, ol, ul, li, blockquote, q {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#f1f2f2;
	margin:50px 0;
	text-align:center;
	font-size:13px;
	font-family: 'Average', serif;
	/*font-family: 'Simonetta', cursive;
	font-family: 'Averia Serif Libre', cursive;
	font-family: 'Buenard', serif;
	font-family: 'Port Lligat Slab', serif;*/
	line-height:20px;
	color:#53575b;
}
ol, ul {
	list-style: none;
}
ul li{
	display:inline;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
h1,h2,h3,h4,h5,h6,.project-name,.title{
	font-family:'Lato', sans-serif;
}
h2, h3, #page #nav, #page #content ul.title{
	text-transform:uppercase;
}
h2{
	margin:0 0 30px 0;
	padding:0 0 0 10px;
	border-top:1px solid #53575B;
	border-bottom:1px solid #53575B;
}
h3{
	font-size:14px;
	font-weight:regular;
	padding-bottom:10px;
}
p{
	margin:0 0 20px 0;
}
a{
	color:#8c9398;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	/*color:#96211e;*/
}
#wrap{
	width:1022px;
	min-height:809px;
	margin:0 auto;
	padding:50px 0;
	text-align:left;
	border:1px solid #999;
}
#page{
	width:720px;
	margin:0 auto;
	text-align:left;
}
hr{
	margin:0;
	padding:0;
	border:none;
	border-top:1px solid #d1dadd;
	border-bottom:1px solid #fcfcfc;
	clear:both;
}
#page #header{
	position:relative;
	text-align:center;
	margin:0 0 24px 0;
}
#page #header h1{
	position:absolute;
	top:0;
	left:-9999px;
}
#page #header img{
	padding:14px 0;
}
#page #nav{
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
}
#page #nav ul li{
	display:inline;
}
#page #nav ul li a{
	display:inline-block;
	text-decoration:none;
}
#page #nav ul li a:hover,
#page #nav ul li a.active{
	text-decoration:none;
	height:20px;
	background:url('../images/assets/menu_line.png') 50% 50% no-repeat;
}
#page #nav ul#menu{
	float:left;
	text-align:left;
}
#page #nav ul#menu li{
	padding:0 20px;
}
#page #nav ul#menu li.first{
	padding-left:5px;
}
#page #nav ul#contact{
	text-align:right;
	margin-right:65px;
}
#page #nav ul#contact li{
	padding:0 10px;
}
#page #nav ul#social{
	position:absolute;
	top:-5px;
	right:0;
}
#page #nav ul#social li a{
	height:28px;
	margin:0;
}
#page #content ul.title{
	margin-bottom:30px;
	height:34px;
	line-height:36px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
#page #content ul.title li {
	padding:0 10px;
}
#page #content ul.title li.name{
	font-size:16px;
	color:#96211e;
}
.red{
	color:#96211e;
}
.section{
	float:left;
	width:720px;
	padding:0;
}
.article{
	float:left;
	width:416px;
	padding:0 10px;
}
.col{
	float:left;
	width:240px;
}
.aside{
	float:left;
	width:284px;
	text-align:right;
}
#footer{
	widows:720px;
	margin:30px auto 0;
	line-height:40px;
}
#footer p{
	font-size:11px;
	color:#8c9398;
	padding:0 0 0 10px;
}
/*HOME*/
#page #content.home{
	border:1px solid #666;
	overflow:hidden;
}
/*About*/
#content.about p{
	text-align:justify;
}
#content.about .aside img{
	border:4px solid #d1dadd;
}
/*PORTFOLIO*/
.portfolio .section{
	float:left;
	padding:10px 0;
	overflow:hidden;
}
.portfolio .section a:hover{
	color:#96211e;
	text-decoration:none;
}
.portfolio .section.first{
	padding-top:0;
}
.portfolio .section .col ul{
	padding-top:20px;
}
.portfolio .section .col li{
	display:block;
}
.portfolio .section .col ul.project-description{
	padding-left:20px;
}
.section .col.project-name{
	font-size:16px;
	font-weight:700;
}
.section .col img{
	display:block;
	width:170px;
	height:127px;
	border:4px solid #d1dadd;
	margin:2px auto 0;
}
.section .col .no-bo {
	border: none !important;
}
/*Press*/
.press h3{
	text-transform:none;
	padding-bottom:0;
}
.press h3 a{
	color:#53575b;
}