* {
	margin:0;
	padding:0;
}

html, body{
	height:100%;
	width:100%;
}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#container {
	position: relative;
	width: 1024px;
	height: 600px;
	padding:0px;
	margin: 0px auto;
	background-image:url(../images/PortfolioJeff2012.jpg);
	background-repeat:no-repeat;
}

#headerMain{
	margin:0;
	padding:10px 0px 0px 135px;
	width: 500px;
	text-align:center;
}

#portfolio{
	position:absolute;
	top: 360px;
	left: 190px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#block0{
	position:absolute;
	top:0px;
    left:0px;
	width:82px;
	cursor:pointer;
	z-index: 1;
}

#block1{
	position:absolute;
	top:0px;
    left:82px;
	width:75px;
	cursor:pointer;
	z-index: 1;
}

#block2{
	position:absolute;
	top:0px;
    left:157px;
	width:70px;
	cursor:pointer;
	z-index: 1;
}

#block3{
	position:absolute;
	top:0px;
    left:227px;
	width:80px;
	cursor:pointer;
	z-index: 1;
}

#block4{
	position:absolute;
	top:0px;
    left:307px;
	width:77px;
	cursor:pointer;
	z-index: 1;
}

#block5{
	position:absolute;
	top:0px;
    left:384px;
	width:74px;
	cursor:pointer;
	z-index: 1;
}

#block6{
	position:absolute;
	top:0px;
    left:459px;
	width:75px;
	cursor:pointer;
	z-index: 1;
}

#block7{
	position:absolute;
	top:0px;
    left:534px;
	width:80px;
	cursor:pointer;
	z-index: 1;
}

#block8{
	position:absolute;
	top:0px;
    left:614px;
	width:77px;
	cursor:pointer;
	z-index: 1;
}

#myCanvasBlockP{
	margin: 2px 0px 0px 0px;
	padding: 0px;
	display:none;
	z-index:99;
}

#socialMedia1{
	background:url(../images/socialmedia/linkedIn.png);
	background-repeat:no-repeat;
	position:absolute;
	top:432px;
	left:690px;
	width:78px;
	height:72px;
}

#socialMedia2{
	background:url(../images/socialmedia/twitter.png);
	background-repeat:no-repeat;
	position:absolute;
	top:431px;
	left:766px;
	width:78px;
	height:72px;
}

.closeDiv h2 {
	text-align: center;
	background: #ffffff;
	opacity: .8;
}

.closeDiv p{
	text-align: center;
	background: #ffffff;
	opacity: .8;
	cursor: url(../images/portfolio/x-close.png),pointer;
}
	

#pPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#oPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#rPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#tPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#fPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#o2Portfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#lPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#iPortfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}

#o3Portfolio{
	position: absolute;
	width: 500px;
	height: 100%;
	margin: 0px auto;
	top: 25%;
	left: 30%;
	display: none;
	z-index: 99;
}