/*
	TobyBrancher.net 2007
*/

*{margin: 0px; padding: 0px; border: none 0px #fff;}

html, body{
	height:				100%;
	color:				#666;
	background-color: 	#fff;
	font: 				10px verdana;}

.light_grey {color: #9c9898;}
.orange {color: #f78a07;}
.left {float: left; text-align: left;}
.right{float: right; text-align: right;}
.clear {float: none; clear: both;}

/*
	Centreing (hence the table if you were wondering ;¬])
*/

table#stage {
	width: 				100%;
	height: 			100%;}
#page {
	overflow:			hidden;
	width:				921px;
	height:				485px;
	text-align:			left;}
#frame {
	overflow:			hidden;
	width:				904px;
	height:				340px;
	padding:			17px 0px 17px 17px;
	background:			url(../img/site/bg.gif) no-repeat;}

/* Logo */
h1 {
	font:				bold 21px arial;
	letter-spacing:		-0.4px;
	margin:				0 0 5px 18px;}
img#logo {
	margin:				0 0 7px 18px;}
a#link {
	margin:				4px 12px 0 0;
	_margin:			11px 12px 0 0;
	text-decoration:	none;
	color:				#999;}
a#link:hover {color: #666;}
	
/* 
	Page contents 
*/

#frame #txt, #frame #main_image, #frame #navigation {
	float:				left;}

/* Text */
#frame #txt {
	width:				243px;
	margin:				0 17px 0 0;}
#frame #txt p {
	margin:				0 0 10px;}
#frame #txt a {color: #666;}
#frame #txt a:hover {text-decoration: none;}

/* main image */	
#frame #main_image {
	margin:				1px 0 0 0;}

/* image navigation */
#frame #navigation {
	margin:				0 0 0 11px;}

#frame #navigation #thumb_container #set_01, #frame #navigation #thumb_container #set_02, #frame #navigation #thumb_container #set_03, #frame #navigation #thumb_container #set_04 {
	z-index:			10;
	position:			absolute;
	width:				155px;}
	
#frame #navigation #thumb_container a {
	float:				left;
	overflow:			hidden;
	width:				68px;
	height:				44px;
	padding:			1px 1px;
	margin:				0 0 3px 4px;
	_margin:			0 0 3px 2px;}
#frame #navigation #thumb_container a:hover {
	border:				1px solid #f78a07;
	padding:			0px 0px;}
	
#frame #navigation #thumb_container #overlay {
	z-index:			100;
	position:			absolute;
	overflow:			hidden;
	width:				148px;
	height:				340px;
	background:			#fff;}

	
/* maps */

#map {
	float:				left;
	width:				620px;
	height:				340px;
}
	
	
/*
	Footer 
*/

#footer {
	width:				890px;
	margin:				18px 0 0 16px;}

#footer p {float: left; font: bold 10px verdana; color: #c2c2c2;}
#footer a {color: #c2c2c2;}
#footer a:hover {text-decoration: none;}

#footer p#middle {margin: 0 56px 0 50px;}
#footer a#set_num {margin: 0 50px 0 57px; _margin: 0 49px 0 54px; cursor: default;}
	
