* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; overflow: hidden; }
body { background: #191919; }
.cl { clear: both; }
.clL { clear: left; }

a:link,
a:active,
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

#bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; }

#container 
{ 
	width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: visible; z-index: 2; 
	text-align: center;
}

#desktop { height: 745px; width: 1000px; overflow: visible; margin: 0 auto; position: relative; }

.relativity {  }

#eraser 
{ 
	position: absolute; z-index: 111; top: 535px; left: 45px; width: 140px; height: 85px;
	background: url(/files/eraser.png) no-repeat;
}

#shells 
{ 
	position: absolute; z-index: 108; top: 130px; left: 475px; width: 236px; height: 555px;
	background: url(/files/shells.png) no-repeat;
}

#sharpener
{ 
	position: absolute; z-index: 112; top: 150px; left: 230px; width: 104px; height: 122px;
	background: url(/files/sharpener.png) no-repeat;
}

#approach
{ 
	position: absolute; z-index: 103; top: 20px; left: 0px; width: 224px; height: 420px;
	background: url(/files/approach.png) no-repeat;
}
#approach .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 25px; left: 23px; 
	width: 87px; height: 36px; 
}
#approach .relativity a { background-image: none; }
#approach .relativity a:hover 
{ 
	background: transparent url(/files/approach_over.jpg) no-repeat 0 0; 
}


#clients 
{ 
	position: absolute; z-index: 110; top: 400px; left: -15px; width: 426px; height: 134px;
	background: url(/files/clients.png) no-repeat;
}
#clients .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 40px; left: 205px; 
	width: 95px; height: 40px; 
}
#clients .relativity a { background-image: none; }
#clients .relativity a:hover 
{ 
	background: transparent url(/files/clients_over.gif) no-repeat 0 0; 
}


#work 
{ 
	position: absolute; z-index: 102; top: 210px; left: 125px; width: 445px; height: 521px;
	background: url(/files/work.png) no-repeat;
}

#work .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 310px; left: 90px; 
	width: 230px; height: 93px; 
}
#work .relativity a { background-image: none; }
#work .relativity a:hover 
{ 
	background: transparent url(/files/work_over.jpg) no-repeat 7px 14px; 
}

#culture 
{ 
	position: absolute; z-index: 99; top: 0px; left: 375px; width: 444px; height: 577px;
	background: url(/files/culture.png) no-repeat;
}

#culture .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 55px; left: 200px; 
	width: 145px; height: 50px; 
}
#culture .relativity a { background-image: none; }
#culture .relativity a:hover 
{ 
	/* background: #f00; opacity: 0.2; */
	background: transparent url(/files/culture_over.jpg) no-repeat 9px 17px; 
}

#keychain 
{ 
	position: absolute; z-index: 101; top: 50px; left: 750px; width: 279px; height: 225px;
	background: url(/files/key.png) no-repeat;
}

#keychain .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 34px; left: 128px; 
	width: 80px; height: 50px; 
}
#keychain .relativity a { background-image: none; }
#keychain .relativity a:hover 
{ 
	/* background: #f00; opacity: 0.2; */
	background: transparent url(/files/key_over.jpg) no-repeat 0 0; 
}

#awards 
{ 
	position: absolute; z-index: 109; top: 375px; left: 615px; width: 255px; height: 366px;
	background: url(/files/awards.png) no-repeat;
}

#awards .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 12px; left: 30px; 
	width: 135px; height: 40px; 
}
#awards .relativity a { background-image: none; }
#awards .relativity a:hover 
{ 
	/* background: #f00; opacity: 0.2; */
	background: transparent url(/files/awards_over.jpg) no-repeat 0px 0px; 
}

#notebook 
{ 
	position: absolute; z-index: 100; top: 150px; left: 700px; width: 324px; height: 471px;
	background: url(/files/notebook.png) no-repeat;
}

#notebook .relativity a 
{ 
	display: block; text-indent: -9999px; 
	position: absolute; z-index: 1; top: 114px; left: 59px; 
	width: 175px; height: 55px; 
	background-image: none;
}
#notebook .relativity a:hover 
{ 
	/* background: #f00; opacity: 0.2; */
	background: transparent url(/files/notebook_over.jpg) no-repeat 0px 0px; 
}

/* background: #0c0; opacity: 0.5; */

/* pop template */
body#pop { background: #f7f7f7; padding: 18px; }
#pop #header { height: 55px; }
#pop #contained { margin: 0; padding: 0; }
#pop #sidebar { width: 185px; float: left; }
#pop .text { width: 330px; float: left; }
#pop .padder { padding: 0 18px 0 0; }