@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	/*background-color:#C4696A;*/
	/*align-content:center;*/
	text-align:center;
	background-image:url(../files/images/bg.png);
}
	
html, div, span {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	background-color:transparent;
	align-content:center;
	text-align:left;
}
	
#wrapper {
	max-width:980px;
	margin:0 auto;
	background-color:transparent;
	/*align-content:center;
	display:inline-block;*/
}
	
#header {
	width:980px;
	margin:0;
	background-color:transparent;
}
	
#content1 {
	position:relative;
	max-width:150px;
	margin:20px;
	background-color:transparent;
	display:inline-block;
	float:left;
}

#content2 {
	margin-top:30px;
	margin-bottom:12px;
	position:relative;
	width:750px;
	/*margin:20px;*/
	background-color:transparent;
	display:inline-block;
	vertical-align:baseline;
}


#logo{
	position:relative;
	padding:0;
	max-width:750px;
	background-color:transparent;
	display:inline-block;
	float:right;
}

#menu{
	position:relative;
	width:980px;
	background-color:transparent;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	align-content:center;
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
	display:inline-block;
}

#footer{
	position:relative;
	width:980px;
	background-color:transparent;
	border-top:0px solid grey;
	align-content:center;
	vertical-align:middle;
	padding-top:20px;
	display:inline-block;
}

#main{
	position:relative;
	padding:0;
	magin:10px;
	max-width:980px;
	display:inline-block;
}
	
#about{
	position:relative;
	padding-left:100px;
	padding-right:100px;
	magin:10px;
	max-width:980px;
	display:inline-block;
}
	
div.project-item {
	margin-top:20px;
	margin-right:15px;
	/*float:left;*/
	display:inline-block;
	background-color: transparent;
	width: 300px;
	height: 250px;
	vertical-align:middle;
}

div.project-item:hover{
	opacity:0.75;
}

h1{
	font-family:Helvetica;
	margin:0;
	font-size:16px;
	padding:6px;
	text-align:left;
	color:grey;
}

h2{
	font-family:Helvetica;
	margin-top:20px;
	font-size:25px;
	padding:6px;
	text-align:center;
	color:grey;
}

p{
	font-family:Helvetica;
	padding:0 10px;
	font-size:14px;
	text-indent:15px;
	color:grey;
}

h3{
	font-family:Helvetica;
	margin:0;
	font-size:20px;
	padding:6px;
	color:grey;
}

.red{
	color:red;
	opacity:0.6;
}

.red-op{
	color:red;
	opacity:0.4;
}

.p{
	text-indent:60px;
	text-align:justify;
}

.p-op{
	text-indent:60px;
	text-align:justify;
	opacity:0.4;
}

.n{
	text-indent:0;
	text-align:justify;
}

.console{
	text-indent:0;
	text-align:justify;
	background:black;
	color:white;
	opacity:0.4;
}

.o{
	text-indent:80px;
	text-align:justify;
}

.img{
	box-shadow:3px 3px 5px grey;
}

.img-op{
	box-shadow:3px 3px 5px grey;
	opacity:0.4;
}

.imground{
	margin:10px;
	border-radius:100px;
	box-shadow:3px 3px 5px grey;
}

.imground:hover, .img2:hover, .footer:hover{
	opacity:0.75;
}

img{
	border:0;
}

.footer{
	margin-top:10px;
}

a.header, a.header:link, a.header:visited {
	font-family:Helvetica;
	font-size:16px;
	text-align:center;
	color:grey;
	text-decoration:none;
	margin-top:20px;
}

a.header:hover {
	font-size:16px;
	color:red;
	text-decoration:none;
	margin-top:20px;
	opacity:0.5;
}

a.body, a.body:link, a.body:visited {
	font-family:Helvetica;
	font-size:16px;
	text-align:center;
	color:red;
	text-decoration:none;
	margin-top:20px;
	opacity:0.5;
}

a.body:hover {
	font-size:16px;
	color:red;
	text-decoration:none;
	margin-top:20px;
	opacity:0.5;
}

a, a:link, a:visited {
	font-family:Helvetica;
	font-size:14px;
	text-align:center;
	color:grey;
	text-decoration:none;
	margin-top:20px;
}

a:hover{
	font-size:14px;
	color:red;
	text-decoration:none;
	margin-top:20px;
	opacity:0.8;
}