/* ELEMENTS */

body {
	margin: 24px 10px 0 28px;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 12pt;
	color: black;
	background-color: #ffe172;
	}

img {border: 0;padding: 0;}

a {color: #b50000; font-weight: bold; text-decoration: none}

a:visited { color: #be0000 }	

a:hover {color: #2c78f1;}
	
a:active {color: red;}

/* CLASSES */

.logo {background:url(images/logo-cat-hat.png) no-repeat;position:fixed;top:0;left:0;}
.logo a:hover img {opacity:0;} 

.mail {float:right;background:url(images/mailto.gif) no-repeat;}
.mail a:hover img {opacity:0;}

.about {float:right;background:url(images/abouton.gif) no-repeat;}
.about a:hover img {opacity:0;}

.item {
	float: left;
	margin: 0 0px 12px 12px;
	text-align: center;
	vertical-align: top;
	width: 140px;
	background: white;
	font-size: 10pt;
	}

.item a {
	color: #444444;
	display: block;
	padding: 4px;
	font-weight: normal;
	text-decoration: none;
	}

.item a:hover {
	color: black;
	background: #5ca8f1; 
	}

.item img {
	width: 100%;
	border: 0;
/*	padding-bottom: 3px; */
	}

.cream {
	margin: 0;
	padding: 10px;
	text-align: left;
	background: #fffceb url(images/ctopr.gif) top right no-repeat;
	border-left: #dfc162 2px solid;
	}
	
.creambottom {
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
	background: #fffceb url(images/cbotr.gif) bottom right no-repeat;
	border-left: #dfc162 2px solid;
	}

.thatbox {
	width: 467px;
	}

.nothatbox {
	float: left;
	padding: 0 0 0 50px;
	}

.henfence {
	background: #dfc162;
	padding: 4px 10px 5px 10px;
	text-align: left;
	border-left: #cfb152 2px solid;
	}