/* 

ToC

	1. defaults
	2. structure
	3. fonts
	4. links
	5. images

*/



/* --------- 1. defaults  --------- */
*{
	padding:0;
	margin:0;
}
body{
	color:#000000;
	background:#ffffff;
}

/*  --------- 2. structure  --------- */
#wrapper{
	width:780px;
	margin:0 auto;	
	left: 0px; top: 0px;
	clip:   rect(   )
}
#introductoryText{
	float:right;
	width:272px;
	margin-right:12px;
}
#portfolioImage{
	float:left;
	margin-right:20px;
	width:465px;
}
.separator{
	clear:both;
	height:1px;
	background:#000000;
	border-bottom:1px solid #7f7f7f
}
.separatorinvisible{
	clear:both;
	height:1px;
}

#thumbnails div{
	width:182px;
	height:190px;
	float:left;
	clear: none;
	clip:  rect(   );
	padding-top: 10px;
	margin-right: 10px;

}
#thumbnails.separatorinvisible{
	float:none;
	height:1px;
}
	
/* ---------- 3. fonts ---------- */
html{
	font-size:100%;
}
body{
	font-size:80%;
}
#navbar li{ color:red;}
h1{
	font:normal 1.5em/2emVerdana, Arial, sans-serif;
	padding-left:10px;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	text-transform:none;
	margin-bottom:10px;
}
h2{
	font:normal 1.5em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	margin-bottom:10px;
	text-transform:none;
	color:#000000;
	}
.instructions{
	color#aaaaaa;
	text-ttransform:lowercase;
	float:left;
	padding-left: 12px;
	font-size: 1.5em;
	font-weight: bold;
	}
p{
	font:normal 1.2em/1.6emVerdana, Arial, sans-serif;
	margin-bottom:0.8em;
	}
#thumbnails div p{
	margin-bottom:0;
	text-align:center;
	line-height:1.3em;
	}
#caption:before{
	content:'left: ';
	color:#aaaaaa;
	}

/* ---------- 4. links ---------- */


/* ---------- 5. images ---------- */
#portfolioImage img{
	border:1px solid #353535;
	margin-bottom:8px;
}
#thumbnails div img{
	border:1px solid #353535;
	margin-bottom:3px;
	}
#thumbnails div a:hover img{
	border-color:#14d873;
	}
#thumbnails div a:hover { 
	background-color:#ffff00;
	 }
#text p a:hover{
	background-color:#ffff00;}