body, html {margin: 0; width: 100%; height: 100%;}
body {
	font-family: arial;
	color: #333;
	font-size: 12px;
}

#container table a {
	text-decoration: none; 
	font-weight: bold; 
	color: #FFF; 
	font-size: 13px; 
	text-transform: uppercase;
	display: block;
	margin: -3px -1px;
	padding: 7px;
	cursor: pointer;
}
#container a:hover {color: #333;}
a img, img a, a, img {outline: none; border: 0px;}

#main {
	display: table;
	width: 600px;
	margin: 0 auto;
	height: 100%;	
	overflow: hidden;
}
#container {
	display: table-cell;
	vertical-align: middle;
	width: 500px;
	height: 500px;
}

#container table {
	width: 550px;
	height: 550px;
}
#container table td {
	width: 100px;
	height: 100px;
	vertical-align: bottom;
}

#container table td.r1c1 {background: #CFB367;}
#container table td.r1c2 {background: #656565;}
#container table td.r1c3 {background: #B07288;}
#container table td.r1c4 {background: #F1B8B2;}

#container table td.r2c1 {background: #E3DAA8;}
#container table td.r2c2 {background: #C2C2C2;}
#container table td.r2c3 {background: #A5ECD9;}
#container table td.r2c4 {background: #9E7D25;}

#container table td.r3c1 {background: #CFB367; text-align: center; vertical-align: middle;}
#container table td.r3c2 {background: #623915;}
#container table td.r3c3 {background: #CFB367;}
#container table td.r3c4 {background: #E4E8C2;}

#container table td.r4c1 {background: #9E7D25;}
#container table td.r4c2 {background: #65333A;}
#container table td.r4c3 {background: #352A21;}
#container table td.r4c4 {background: #CFB367;}


#branch {
	width: 174px;
	height: 620px;
	margin-top: -550px;
	margin-left: 435px;
	float: right;
}

#catto_houghton {
	position: absolute;
	margin-top: -135px;
	margin-left: 30px;
}
#cattostrophe {
	position: absolute;
	margin-top: -180px;
	margin-left: 187px;
}
h1 {
	text-transform: uppercase; 
	padding: 10px 0 15px 10px; 
	border-bottom: 1px solid #CCC; 
	width: 90%; 
	margin-left: 5px;
}
p {
	font-family: arial;
	color: #666;
	line-height: 1.7em;
	padding: 15px;
	width: 90%;
}
ul {
	list-style: square;
	line-height: 2.5em;
	margin-top: -25px;
}
li a {
	text-decoration: none;
	color: #B07288;
	font-weight: bold;
	text-transform: uppercase;
}
li a:hover {color: #65333A;}
#address {
	display: none;
	position: absolute;
	margin-bottom: -25px;
	background: #FFF;
	padding: 5px 0px;
	width: 180px;
}
#address a.mailto {
	color: #666;	
	font-size: 9px;
	font-weight: normal;
	margin-left: -7px;
}