body {
	background-color: #333333;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

#interior {
	position: relative;
	width: 806px;
	height: 562px; 
	background-image: url(../images/intbg.jpg);
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

body#contactId #interior {
	background-image: url(../images/contactbg.jpg);
}

body#colleagues #interior {
	background-image: url(../images/colleaguesbg.jpg);
}

body#illopen #interior {
	background-image: url(../images/illopenbg.jpg);
}

#interiorpad {
	height: 45px;
}

#thumbs {
	position: absolute;
	top: 71px; left: 47px;
	width: 263px; height: 452px;
}

.canvas {
	position: absolute;
	top: 70px;
	left: 305px;
	width: 445px;
	height: 445px;
	margin: 0;
	padding: 0;	
	display: none;
}

.canvas div {
	position: relative;
	width: 445px;
	height: 445px;
	margin: 0 auto;
	padding: 0;	
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.canvas div img {
	vertical-align: middle;
}

* html .canvas div {
	font-family: monospace;
	font-size: 400px;
	line-height: 0px;
	padding: 0;
	height: 0;	
}

#copyright, #misc {
	color: #777777;
	padding-bottom: 15px;
	width: 806px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.undertxt {
	font-size: 13px;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
	letter-spacing: 7px;
	padding-top: 2px;
	font-variant: small-caps;
}

.sm { position: absolute; border: none; width: 100px; height: 100px; }
.lg { border: none; }
.cp { border: none; display: none; }

#sm1 { top: 0px; left: 0px; }
#sm2 { top: 0px; left: 116px; }
#sm3 { top: 116px; left: 0px; }
#sm4 { top: 116px; left: 116px; }
#sm5 { top: 233px; left: 0px; }
#sm6 { top: 233px; left: 116px; }
#sm7 { top: 350px; left: 0px; }
#sm8 { top: 350px; left: 116px; }

#nav {
	position: absolute;
	height: 19px;
	width: 711px;
	top: 43px;
	left: 46px;
}
	
#menu a {
   position: absolute;
   height: 19px;
   top: 0px; 
   text-decoration: none;
   border: none;
}

#menu a i { visibility: hidden; }

a#home			{ border: none; left: 0px; width: 59px; }
a#posters		{ left: 59px; width: 103px; }
a#print			{ left: 162px; width: 80px; }
a#corporate		{ left: 242px; width: 133px; }
a#games			{ left: 375px; width: 88px; }
a#colleagues	{ left: 463px; width: 139px; }
a#contact		{ left: 602px; width: 109px; }

a#home:hover		{ background-image: url("../images/hover1.jpg"); }
a#posters:hover		{ border: none; background-image: url("../images/hover2.jpg"); }
a#print:hover		{ border: none; background-image: url("../images/hover3.jpg"); }
a#corporate:hover	{ border: none; background-image: url("../images/hover4.jpg"); }
a#games:hover		{ border: none; background-image: url("../images/hover5.jpg"); }
a#colleagues:hover	{ border: none; background-image: url("../images/hover6.jpg"); }
a#contact:hover		{ border: none; background-image: url("../images/hover7.jpg"); }

a#home.selected			{ border: none; background-image: url("../images/menu1.jpg"); }
a#posters.selected		{ border: none; background-image: url("../images/menu2.jpg"); }
a#print.selected		{ border: none; background-image: url("../images/menu3.jpg"); }
a#corporate.selected	{ border: none; background-image: url("../images/menu4.jpg"); }
a#games.selected		{ border: none; background-image: url("../images/menu5.jpg"); }
a#colleagues.selected	{ border: none; background-image: url("../images/menu6.jpg"); }
a#contact.selected		{ border: none; background-image: url("../images/menu7.jpg"); }

#inspired {
	position: absolute;
	top: 70px;
	left: 420px;
	width: 300px;
	height: 449px;
	text-align: left;
}

#inspired h2 {
	text-align: left;
}

#clients {
	position: absolute;
	left: 15px;
	width: 190px;
}
 
#clients pre { font-variant: small-caps; }

.heading {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
	text-decoration: underline;
	line-height: 30px;
	padding: 0;
	text-align: left;
}

.bodytext {
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
}

.notes {
	padding-bottom: 10px;
	letter-spacing: .25em;
	font-size: 14px;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
	text-decoration: none;
	text-align: left;	
}

#colleagues .notes {
	width: 700px;
	margin: 0 auto;
	color: #333;
	text-align: justify;
	letter-spacing: .15em;
}

.notes a {
	text-decoration: none;
	color: #999999;
}

#colleagues .notes  a { color: #666; }



#artlinks {
	position: relative;
	float: left;
	top: 0px;
	left: 47px;
	width: 345px;
	background-color: #FFCC66;
	padding-bottom: 15px;
	color: #333;
}

#otherlinks {
	position: relative;
	float: right;
	top: 0px;
	right: 47px;
	width: 345px;	
	background-color: #FFCC66;
	padding-bottom: 15px;	
	color: #333;
}

#artlinks div, #otherlinks div
{
	padding-bottom: 5px;
	xtext-align: left;
}

#artlinks a, #otherlinks a
{
	text-decoration: none;
}

#colleagues #copyright, #colleagues #misc
{
	background:  #FF9933 url(../images/colleaguesbgrt.jpg) top right repeat-y;
}