/*	body	*/
body	{
	background-color:	#333333;					/*	20%grey	*/
	margin: 			0px;								/*	*/
}

/*	container	*/
div#container	{
	margin: 	0px auto 0px auto;
	width:		1196px;
	height:		737px;
	z-index:	0;
	
}

/*	header	*/
div#header	{
	width:				1196px;
	height:				10px;
	z-index:			1;
	padding-top:		27px;
	font-family:		tahoma, verdana, sans-serif;
	font-size:			11px;
	letter-spacing:		1px;
	text-indent:		0px;
	text-align:			center;
	line-height: 		138%;
	color:				#9E9E9E;
}
div#header a	{
	text-decoration:	none;					/*	hide underlining	*/
	outline:			none;					/*	keep firefox dotted lines out of clicked links	*/
	color:				#d1d1d1;
}
div#header a:hover	{
	color:		#5e5e5e;
}
div#header a:visited	{
	color:		#1f1f1f;
}

div#leftspace	{
	width:				148px;
	height:				700px;
	z-index:			1;
	float:				left;
	position:			relative;		/*	for absolute positioning within this div	*/
}

div#logo	{
	width:				148px;
	height:				139px;
	z-index:			1;
	background-image: 	url("../img/joint/logo.png");
}

div#menu	{
	position:			relative;
	width:				148px;
	height:				31px;
	z-index:			1;
	
}

/*	menubuttons	*/
div#button1	{
	width:				148px;
	height:				15px;
	position:			absolute;
	top:				0px;					/*	# pixels above the div in menu	*/
	left:				0px;
	z-index:			2;
	background-image: 	url("../img/joint/dummybutton.png");	/*	IE8 needs this	*/
}
div#button1 a	{
	display:			block;					/*	spread link throughout div	*/
	width:				148px;
	height:				15px;
	text-decoration:	none;					/*	hide underlining	*/
	outline:			none;					/*	keep firefox dotted lines out of clicked links	*/
}
div#button1 a span	{
	visibility:			hidden;					/*	hide link	*/
}
div#button1:hover	{
	/*	background-image:	url("../img/joint/button1.png");	*/
}

div#buttonspacer	{
	width:				148px;
	height:				1px;
	position:			absolute;
	top:				15px;					/* # pixels above the div	*/
	left:				0px;
	z-index:			2;
}

div#button2	{
	width:				148px;
	height:				15px;
	position:			absolute;
	top:				16px;					/* # pixels above the div	*/
	left:				0px;
	z-index:			2;
	background-image: 	url("../img/joint/dummybutton.png");	/*	IE8 needs this	*/
}
div#button2 a	{
	display:			block;					/*	spread link throughout div	*/
	width:				148px;
	height:				15px;
	text-decoration:	none;					/*	hide underlining	*/
	outline:			none;					/*	keep firefox dotted lines out of clicked links	*/
}
div#button2 a span	{
	visibility:			hidden;					/*	hide link	*/
}
div#button2:hover	{
	/*	background-image:	url("../img/joint/button2.png");	*/
}

div#menuspacer	{
	width:				148px;
	height:				530px;
	z-index:			1;
	
}


div#canvas	{
	width:				900px;
	height:				700px;
	z-index:			1;
	float:				left;
	/*	background-image: 	url("../img/portfolio/02.png");	*/
}

div#rightspace	{
	width:				148px;
	height:				700px;
	z-index:			1;
	float:				left;
	position:			relative;		/*	for absolute positioning within this div	*/
	
}