body{
	margin: 0;
}

#wallpaper{
	background-image: url('images/wall2.jpg');
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0;
}

#greyLayerBase{
	height: 200px;
	width: 1100px;
	margin: 0;
	float: left;
}

#greyLayer{
	height: 636px;
	margin: 0;
	background-image: url('images/graid3.png');
	background-position: bottom left;
	float: left;
}

#greyEdge{
	height: 636px;
	width: 100px;
	margin: 0;
	background: url('images/graid2.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
}

#greyLayer.people{
	width: 26100px;
}

#greyLayer.places{
	width: 4300px;
}

#greyLayer.objects{
	width: 6140px;
}

#greyLayer.bio{
	width: 1000px;
}

#greyLayer.contact{
	width: 1000px;
}

#navLayer{
	width: 180px;
	height: 620px;

}

#navLayer.fixed{
	position: fixed;
}

#navLayer.free{
	float: left;
}

#navLayerMask{
	width: 180px;
	height: 600px;
	position: absolute;
	z-index: 1;
	background: #666666;
}

#navLayerColA{
	width: 127px;
	height: 600px;
	float: left;
}

#lionBase{
	width: 127px;
	height: 128px;
	position: absolute;
	z-index: 2;
	background: url('images/lion.png');	
}

#lionPic{
	width: 127px;
	height: 128px;
	position: absolute;
	z-index: 3;
}

a.lion:hover{ background: url(images/lionHover.png);}

#logoPic{
	width: 127px;
	height: 439px;
	background: url('images/logo.png');
	position: absolute;
	z-index: 2;
	top: 134px;
}

#navLayerColB{
	width: 30px;
	height: 580px;
	float: left;
	margin: 0 0 0 6px;
}

#topBar{
	width: 30px;
	height: 307px;
	background: url(images/topBar.png);
	position: absolute;
	z-index: 2;
}

#bottomBar{
	width: 30px;
	height: 260px;
	background: url(images/bottomBar.png);
	top: 313px;
	position: absolute;
	z-index: 2;
}

#links{
	position: absolute;
	z-index: 3;
}

a{
	display: block;
}

a.objects:hover{ background: url(images/objectsHover.png);}
a.places:hover{ background: url(images/placesHover.png);}
a.people:hover{ background: url(images/peopleHover.png);}
a.bio:hover{ background: url(images/bioHover.png);}
a.blog:hover{ background: url(images/blogHover.png);}
a.contact:hover{ background: url(images/contactHover.png);}

#photoCol{
	height: 100px;
	margin: 0 0 0 170px;
}

#photoCol img{
	border: none;
	float: left;
	margin: 0 0 0 10px;
}

#photoCol.people{
	width: 25950px;
	/*background: red;*/
	height: 100px;
}

#photoCol.places{
	width: 4080px;
}

#photoCol.objects{
	width: 5900px;
}

#about{
	width: 760px;
	height: 600px;
	margin: 20px 0 0 0;
	background: url('images/about.png');
	background-repeat: no-repeat;
	float: left;
}

#contact{
	width: 500px;
	height: 500px;
	float: left;
	background: url('images/contact2.png');
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}

#tweet{
	position: absolute;
	z-index: 10;
	background: url(images/tweet1.png) no-repeat;
	width: 100px;
	height: 30px;
	margin: 206px 0 0 11px;
}

#tweet a:hover{background: url(images/tweet2.png) no-repeat;}

#myLink{
	width: 39px;
	height: 21px;
	background: red url('images/myLink.png') no-repeat;
	margin: 315px 0 0 127px;
}

#myLink a:hover{background: url(images/myLinkOn.png) no-repeat;}

img{
	border: none;
	display: block;
}

.marg{
	margin: 6px 0 0 0 ;
}