p {
	font-family: "Helvetica Neue", "Helvetica", "sans-serif", "Arial", "Trebuchet MS";
	font-weight: bold;
	text-align: left;
	color: #4c4c4c;
	font-size: larger;
}

p.keepingcode{
	font-family: "Helvetica Neue", "Helvetica", "sans-serif", "Arial", "Trebuchet MS";
	font-weight: bold;
	color: #4c4c4c;
	font-size: larger;
	text-align: center;
}

p.iconslisttitle{
	font-family: "Helvetica Neue", "Helvetica", "sans-serif", "Arial", "Trebuchet MS";
	font-weight: bold;
	color: #000000;
	font-size: medium;
	text-align: center;
	margin-bottom: 5px;
/*    padding-bottom: 1em;
    */
}

.iconlistbox:hover .iconslisttitle {
   /* ... */
   	font-family: "Helvetica Neue", "Helvetica", "sans-serif", "Arial", "Trebuchet MS";
	font-weight: bold;
	color: #000000;
	font-size: medium;
	text-align: center;
	margin-bottom: 5px;
	text-decoration:underline;
/*    padding-bottom: 1em;
    */
}

.iconlistbox:hover img.iconslist {
	transform: scale(1.05);
}

.iconlistbox:hover p.iconslistdesc{
    font-family: "Helvetica Neue", "Helvetica", "sans-serif", "Arial", "Trebuchet MS";
	font-weight: normal;
	color: #6e6e6e;
	font-size: medium;
	text-align: center;
    margin: 0;
    padding-top: 0;
    display:inline-block;
}

p.iconslistdesc{
	font-family: "Helvetica Neue", "Helvetica", "sans-serif", "Arial", "Trebuchet MS";
	font-weight: normal;
	color: #6e6e6e;
	font-size: medium;
	text-align: center;
    margin: 0;
    padding-top: 0;
    display:none;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	text-align: center;
}

a:hover {
	color: #7f7f7f;
	text-decoration: none;
	text-align: center;
}

a, a:link, a:visited, a:active, a:hover {
	color: #4c4c4c;
	text-decoration: none;
	text-align: center;
}

a.link, a.link:link, a.link:visited, a.link:active {
	color: #000000;
}

a.link:hover {
	text-decoration:underline;
}

body {
	background-color: #ffffff;
}

img.fullwith {
	width: 40em;
}

img.iconslist {
	width: 7em;
	display: inline;
}

img.icon {
	width: 10em;
	display:block;
    margin:auto;
}

div.centerbox{
	width: 40em;
	position:absolute;
	top: 6em;
	left:50%;
	margin-left: -20em;
}

div.centerboxkeepingcode{
	width: 40em;
	position:absolute;
	top: 6em;
	left:50%;
	margin-left: -20em;
	text-align:center;
	vertical-align: top
}

div.iconlistbox{
    margin:5px;
    width:22%;
    text-align:center;
    display:inline-block;
}

.centerboxkeepingcode, .iconlistbox {
	display: inline-block;
	vertical-align: top;
}