@charset "utf-8";

body {

	background-image: url(../images/johnsaponara.gif);

	background-repeat: no-repeat;

	background-position: center center;

	background-attachment: fixed;

	background-color: #8dcdd7;

	margin: 0px;

	padding: 0px;

	font-family: "Trebuchet MS", Arial;

	color: #FFFFFF;

}

h1 {

	color: #7B9FAD;

	font-size: 16pt;

	font-weight: normal;

	margin-top: 0px;

	margin-bottom: 5px;

}

p {

	font-size: 10pt;

	line-height: 20pt;

	margin-top: 0px;

	margin-bottom: 14px;

}

#nav {

	background-color: #7b9fad;

	width: 100%;

	min-width: 800px;

	position: fixed;

	left: 0px;

	top: 0px;

	float: left;

	z-index: 100;

}

#pageContainer 

	{

	text-align: center;

	position: absolute;

	top: 50%;

	left: 0px;

	width: 100%;

	height: 1px;

	overflow: visible;

	visibility: visible;

	display: block

}

#page

{

	margin-left: -300px;

	position: absolute;

	top: -220px;

	left: 50%;

	width: 600px;

	/*height:500px;*/

	visibility: visible;

}



/* clients */

#clientsinfo, #aboutinfo {

	margin-left:auto;

	margin-right:auto;

	position:relative;

}	

#clientsinfo 

{

	top:5.5%;

}



/* about */

#aboutinfo

{

	width: 320px;

	text-align: left;

	top:0;

}

#aboutinfo img {

	float:left;

	padding-top:3px;

	padding-right:17px;

}





/* personal */

.continue{

	text-align:center;

	cursor:pointer

}

#iNonniSummary

{
	position:relative;
	top:45px;

}


.summary 

{

	margin-left:auto;

	margin-right:auto;

	position:relative;

	width: 320px;

	text-align: left;

	top:0;	

}

.summary img 

{

	border:0;

	filter: Alpha(Opacity=50);

	opacity: 0.5;

}

#iNonniImage

{

	float:left;

	margin-top:3px;

	margin-right:17px;



}

#ciriglianoImage

{

	float:right;

}

.ciriglianothumbs

{

	position:relative;

	top:57px;

}

#projectCirigliano

{
	position:absolute;
	left:103px;
	top:-31px;

}

#projectiNonni

{

	position:absolute;

	left:103px;

	top:-31px;

}





/* general */

#contact {
	float: right;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 200px;
	font-family: "Trebuchet MS", Arial;
	font-size: 13px;
	color: #3e5c68;
	text-align: right;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;

}

a {

	text-decoration: none;

	color: #3e5c68;

}

#nav #contact a:hover {

	text-decoration: underline;

}

#img {

	padding: 10px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	filter: Alpha(Opacity=20);

	opacity: 0.2;

}

#portfoliothumbs 

{

	margin-left: auto;

	margin-right: auto;

	float: none;

}



#img:hover, #iNonniImage:hover, #ciriglianoImage:hover

{

	filter: Alpha(Opacity=100);

	opacity: 1;

}
h1 a {
	color: #7B9FAD;
}
h1 a:hover {
	color: #3E5C68;
	text-decoration: none;
}