#header
{
	width:100%;
	height:60px;
	background-color:black;
}

#menu
{
    font-size:50px;
	color:white;
	text-align:center;
}
#wrapper
{
   width:1024px;
   min-height:500px;
   margin:0px auto;
}

#portfolio
{
	list-style-type:none;
}

#portfolio li
{

	display:inline-block;
	margin:3px;
}

#portfolio li img
{
	width:220px;
	height:170px;
}

#portfolio li img:hover
{
    cursor: pointer;
}

#overlay:hover
{
	cursor: pointer;
}

#main:hover
{
	cursor:pointer;
}


#frame
{
	display: none;
	position: fixed;
	left: 50%;							/*pictures in center*/
	background-color: white;
	width:700px;
	height: auto;
	margin-left:-350px;
    padding-top: 20px;
    padding-bottom:20px;
	margin-top: 20px;
	top:10%;
	z-index:1;
}

#main
{
   width:660px;
   margin-left: 20px;
}

#overlay
{
	display: none;
	width:100%;                             /*  without it, not working overlay*/
	height:100%;							/*  without it, not working overlay*/
	position:fixed;
	background-color:black;
    opacity:0.7;
}

#frame-table
{
	position:absolute;
	width:660px;					/* arrow image width  */
	margin-left: 20px;
}

#right
{
	float:right;
}

#left
{
	float:left;
}

#left img
{
	margin-left:-3px;
}

#right img
{
	margin-right:-3px;
}


#right, #left
{
	position: relative;
	top:220px;                   /*  arrow image to set to down position*/
	opacity:0.3;
}