@charset "utf-8";
/* CSS Document */
*{ 
padding:0px;
margin:0px;
}

@font-face {
  font-family:'NeutraDisplay-Medium';
  src: url(NeutraDisplay-Medium.otf);
}

@font-face {
  font-family:'NeutraTextTF-Bold';
  src: url(NeutraTextTF-Bold.otf);
}

.vcard{
	visibility:hidden;
}
body{
	background-image: url(../Images/BGtexture.jpg);
	background-repeat: repeat;
	font-family:'NeutraDisplay-Medium';
}

#loader{
	text-align:center;
	position:absolute;
	width:150px;
	height:230px;
	margin:auto;
	left:100px;
	border: black 10px solid;
	
}

#main{
	position:absolute;
	width:425px;
	height:425px;
	visibility:hidden;
}
#blogFrame{
	position:absolute;
	width:0;
	height:0;
	top:0;
	border:0;
	visibility:hidden;
}
#simple{
	visibility:hidden;
}

#contactFrame{
	position:absolute;
	width:300px;
	height:320px;
	visibility:hidden;
	border-radius: 10px;
   -moz-border-radius: 10px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#2b7afb));
   background: -moz-linear-gradient(top, #fff, #2b7afb);  
   border: 2px solid #000;
   -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -o-transform: rotate(-18deg);  
   }
 form{
	 padding:10px;
 }
 
 #PortGal{
	visibility:hidden;
	position:absolute;
	padding:20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#09C;
	background: rgba(0, 153, 204, 0.8);
	background-filter: alpha(opacity=80);
	left:0;
	top:0;
	left:0;
 }
 
 #PortObj{
 }
 
 a{
	 color:black;
	 text-decoration:underline;
 }
 a:active{
	 color:black;
 }
 
 a:hover{
	 color:black;
	 text-decoration:line-through;
 }
 a:visited{
	 color:black;
	 text-decoration:none;
	 }
	 
.port{
 height:inherit;
overflow-y:auto;	
overflow-x:hidden;
}

.port img{
	height:101px;
	width:101px;
	-webkit-mask-image: url(../Images/Triangle.svg);
	
}

#close{	
}

h2{
	font-family:'NeutraTextTF-Bold';"
	padding-top:10px;
	}
#SocialMedia{
	width:250px;
	height:auto;
}