@charset "utf8mb4";
/* CSS Document */

h1
{
	font-family: arial;
	font-size: 17px; 
	color:#999; 
	font-weight: lighter;
	letter-spacing: 1px;
}

h2
{
	font-family: arial;
	text-align:center;
	color:#999; 
	font-weight: lighter;
	letter-spacing: 1px;
}

h3
{
	font-family: arial;
	text-align:center;
	font-size: 20px;
	color:#999; 
	font-weight: lighter;
	letter-spacing: 1px;
}
p1
{
	font-family: arial;
	font-size: 15px;
	color:#999;
	letter-spacing: 2px;
}

p3
{
	font-family: arial; 
	font-size: 12px; 
	color:#999;
	letter-spacing: 1px;
}

.link {
  	background-color: transparent;
  	border: none;
  	cursor: pointer;
}

.box 
{
  	margin-right: 10px;
  	padding-bottom: 10px;
  	padding-right: 10px;
  	z-index:2;
  	
}

.projectbox 
{
  	margin-right: 10px;
  	padding-bottom: 5px;
  	padding-right: 10px;;
  	
}

.buttonnext
{
    
   	background-color:transparent;
  	height:100%;
    width:50%;
    right:0;
    font-family:arial;
    font-size:25px;
    text-align:right;
    position:absolute;
    z-index:1;
}

.buttonprev
{
    
    background-color:transparent;
  	height:100%;
    width:50%;
    left:0;
    font-size:25px;
    text-align:left;
    position:absolute;
    z-index:2;
}

.buttonindex
{
    
    background-color:transparent;
  	height:100%;
    width:100%;
    left:0;
    position:absolute;
    z-index:2;
}

#imagegroups
{
	float:left;
	font-family: arial;
	text-align:center;
	font-size:11px; 
	color:#999; 
	font-weight: lighter;
	letter-spacing: 2px;
}

#container
{
    margin-top:0;
	margin-left:70px;
	position:relative; 
}

#image
{
    
    left:150px;
    position:absolute;
    z-index:-1;
}



#imageinfo
{  
    width:150px;
    padding:170px 0;
	float:left;
	text-align:left;
	position:absolute;
	font-family:arial; 
	font-size: 12px; 
	color:#999;
	letter-spacing:1px;
}



#name
{
	
    top:40px;
	position:fixed;
	text-align:left;
	font-family: arial;
	font-size: 20px;
	color:#999;
	letter-spacing: 2px;
	 z-index:1;
	
}

#projects
{
	top:80px;
	position:fixed;
	font-family: arial;
	font-size: 15px;
	color:#999;
	letter-spacing: 1px;
	
	
}
#contact
{
    top:100px;
	position:fixed;
	font-family: arial;
	font-size: 15px;
	color:#999;
	letter-spacing: 1px;
}

#projectstitles
{
	margin-top:120px;
	text-align:center;
	position:relative;
}

#artcontainerindex
{
    left:70px;
	margin-top:130px;
	position:absolute;
}



#artcontainer
{

	margin-top:130px;
	position:absolute;
}

#projectcontainer
{
	left:70px;
	position:absolute;
}

#previous
{  	
	width:50px;
	margin-top:230px;
	float: left;
	text-align:left;
	position:fixed;
	margin-left:0px;
	
}


#next
{  	
	width:30px;
	margin-top:230px;
	float: left;
	text-align:left;
	position:fixed;
	margin-left:60px;
	
}



#footer
{
	
	 left:70px;
	position:fixed;
    bottom:50px;
}






/*.link:hover {color:#333;text-decoration:underline;}
.link2:hover {color:#333;text-decoration:underline;}
.link3:hover {color:#333;text-decoration:underline;}
.link4:hover {color:#333;text-decoration:underline;}*/

.buttonprev:link {color:transparent;text-decoration:none;}  /* unvisited link */
.buttonprev:visited {color:transparent;text-decoration:none;} /* visited link */
.buttonprev:hover {color:#808080;text-decoration:none;} /* mouse over link */
.buttonprev:active {color:transparent;text-decoration:none;} /* selected link */

.buttonnext:link {color:transparent;text-decoration:none;}  /* unvisited link */
.buttonnext:visited {color:transparent;text-decoration:none;} /* visited link */
.buttonnext:hover {color:#808080;text-decoration:none;} /* mouse over link */
.buttonnext:active {color:transparent;text-decoration:none;} /* selected link */


a:link {color:#999;text-decoration:none;}   /* unvisited link */
a:visited {color:#999;text-decoration:none;}  /* visited link */
a:hover {color:#333;text-decoration:none;}  /* mouse over link */
a:active {color:#333;text-decoration:none;}  /* selected link */