body {
	background-color: #FFFFFF;
	margin:0;
	font-family: 'chivoregular',Arial,Helvetica,sans-serif;
	font-weight: normal;
}

a:link {
	color: #a8a8a8; 
	-webkit-transition:color .25s ease-in-out;  
	-moz-transition:color .25s ease-in-out;  
	-o-transition:color .25s ease-in-out;  
	transition:color .25s ease-in-out;  
	text-decoration: none
	} 
a:visited {
	color: #a8a8a8;
	text-decoration:none;
	}
a:hover {
	color: #191919;
	text-decoration:none;
}	

/*  FONT  */

@font-face {
    font-family: 'chivoregular';
    src: url('../font/chivo-regular-webfont.eot');
    src: url('../font/chivo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/chivo-regular-webfont.woff2') format('woff2'),
         url('../font/chivo-regular-webfont.woff') format('woff'),
         url('../font/chivo-regular-webfont.ttf') format('truetype'),
         url('../font/chivo-regular-webfont.svg#chivoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chivoblack';
    src: url('../font/chivo-black-webfont.eot');
    src: url('../font/chivo-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/chivo-black-webfont.woff2') format('woff2'),
         url('../font/chivo-black-webfont.woff') format('woff'),
         url('../font/chivo-black-webfont.ttf') format('truetype'),
         url('../font/chivo-black-webfont.svg#chivoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  TOP  */

#mail-box{
	position: fixed;
	margin: 0px;
	padding: 0px;
	right: 55;
	top: 0;
	width: 55px;
	height: 60px;
	z-index: 4;
}

#mail-box img {
  position:absolute;
  left:0;
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

#mail-box img.top:hover {
  opacity:0;
}

#ig-box{
	position: fixed;
	margin: 0px;
	padding: 0px;
	right: 0;
	top: 0;
	width: 55px;
	height: 60px;
	z-index: 4;
}

#ig-box img {
  position:absolute;
  left:0;
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

#ig-box img.top:hover {
  opacity:0;
}


#top-bar{
	position: fixed;
	top: 0;
	width: 100%;
  	margin: auto;
	height: 100px;
	z-index: 3;
}


#alltop{
	position: relative;
	width: 100%;
	padding-top: 160px;
	padding-bottom: 0px;
	z-index: 0;
}	

#alltop2{
	position: relative;
	width: 100%;
	padding-top: 160px;
	padding-bottom: 0px;
	z-index: 0;
}	

#alltopCV1{
	position: relative;
	width: 100%;
	padding-top: 510px;
	padding-bottom: 0px;
	z-index: 0;
}	

#alltopCV2{
	position: relative;
	width: 100%;
	padding-top: 390px;
	padding-bottom: 0px;
	z-index: 0;
}	

#all{
	position: relative;
	width: 100%;
	padding-top: 120px;
	padding-bottom: 0px;
	z-index: 0;
}	

#centerimage{
	position: absolute;
	width: 1000px;
	right: 50%;
	margin-right: -500px;	
	padding: 0px;
	z-index: 0;
}	

/*  PAINT  */
	
.title1{
	font-family: chivoblack;
	color:#191919;
	font-size: 22pt;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:26px; 				
	letter-spacing: 2px;
	text-align: left;
	vertical-align: text-top;
    font-weight: normal;
}	

.title2{
	font-family: chivoregular;
	font-size: 22pt;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:26px; 				
	letter-spacing: 2px;
	text-align: left;
	vertical-align: text-top;
    font-weight: normal;
}	

#box {
	position: absolute;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 7px;	
	padding-bottom: 7px;
	background-color: #cccccc;
	left: 0;
}

#box2 {
	position: absolute;
	margin: 10px;
	margin-top: 60px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 7px;	
	padding-bottom: 7px;
	background-color: #ffffff;
	left: 0;
}

/*  INK  */

.title3{
	font-family: chivoblack;
	color:#191919;
	font-size: 15pt;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:22px; 				
	letter-spacing: 1px;
	text-align: left;
	vertical-align: text-top;
    font-weight: normal;
}	

.title4{
	font-family: chivoregular;
	font-size: 15pt;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:22px; 				
	letter-spacing: 1px;
	text-align: left;
	vertical-align: text-top;
    font-weight: normal;
}	

#box3 {
	clear: left;
	position: absolute;
	margin: 10px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;		
	left: 0;
	background-color: #cccccc;
	z-index: 1;
}

#box4 {
	clear: left;
	position: absolute;
    margin: 10px;
	margin-top: 46px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;
	background-color: #ffffff;
	left: 0;
	z-index: 1;
}

/*  CV  */

#box4z {
	clear: left;
	position: absolute;
    margin: 10px;
	margin-top: 200px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;
	background-color: #ffffff;
	left: 0;
	z-index: 1;
}

#box3a {
	clear: left;
	position: absolute;
	margin: 10px;
	margin-top: 270px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;		
	left: 0;
	background-color: #cccccc;
	z-index: 1;
}

#box4a {
	clear: left;
	position: absolute;
    margin: 10px;
	margin-top: 316px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;
	background-color: #ffffff;
	left: 0;
	z-index: 1;
}

#box3b {
	clear: left;
	position: absolute;
	margin: 10px;
	margin-top: 408px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;		
	left: 0;
	background-color: #cccccc;
	z-index: 1;
}

#box4b {
	clear: left;
	position: absolute;
    margin: 10px;
	margin-top: 454px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;
	background-color: #ffffff;
	left: 0;
	z-index: 1;
}

#box3c {
	clear: left;
	position: absolute;
	margin: 10px;
	margin-top: 1402px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;		
	left: 0;
	background-color: #cccccc;
	z-index: 1;
}

#box4c {
	clear: left;
	position: absolute;
	width: 1000px;
    margin: 10px;
	margin-top: 1448px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;
	background-color: #ffffff;
	left: 0;
	z-index: 1;
}

#box3d {
	clear: left;
	position: absolute;
	margin: 10px;
	margin-top: 2680px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;		
	left: 0;
	background-color: #cccccc;
	z-index: 1;
}

#box4d {
	clear: left;
	position: absolute;
	width: 1000px;
    margin: 10px;
	margin-top: 2726px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 6px;	
	padding-bottom: 6px;
	background-color: #ffffff;
	left: 0;
	z-index: 1;
}

#box5 {
	clear: left;
    margin: 10px;
    margin: 10px;
	margin-top: 115px;
	padding: 0px;	
	left: 0;
}

hr {
   border: 0;
   color: #cccccc;
   background-color: #cccccc;
   height: 2px;
}