* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; outline: 0
}
BODY {
	BACKGROUND-COLOR: #2d2a2b
}
#content {
	BACKGROUND: #fff
}
:link {
	FONT-WEIGHT: bold; COLOR: #c4c4c4
}
:visited {
	FONT-WEIGHT: bold; COLOR: #c4c4c4
}
:hover:link {
	COLOR: #c4c4c4; TEXT-DECORATION: none
}
:hover:visited {
	COLOR: #c4c4c4; TEXT-DECORATION: none
}
PRE {
	FONT-SIZE: 1.1em; COLOR: #454545
}
PRE SPAN {
	COLOR: #006
}
.example {
	FLOAT: left; MARGIN: 5px 10px 0px 0px
}
.example UL {
	BACKGROUND: url(../img/farper_bg.jpg) no-repeat 50% 50%; FLOAT: left; WIDTH: 949px; HEIGHT: 397px
}
.example UL LI {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: #fff 2px solid; FLOAT: left; BORDER-LEFT: #fff 2px solid; WIDTH: 75px; BORDER-BOTTOM: #fff 2px solid; LIST-STYLE-TYPE: none; HEIGHT: 75px
}
.example UL LI DIV {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #fff 1px solid; WIDTH: 74px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 74px
}
.example UL LI SPAN {
	DISPLAY: block; WIDTH: 74px; HEIGHT: 74px
}
.example UL LI {
	_width: 77px; _height: 77px
}
.example UL LI DIV {
	_width: 75px; _height: 75px
}
.example UL LI SPAN {
	BACKGROUND: #fff
}
.example .box0 DIV {
	BORDER-LEFT-COLOR: #050505; BORDER-BOTTOM-COLOR: #050505; BORDER-TOP-COLOR: #050505; BORDER-RIGHT-COLOR: #050505
}
.example .box1 DIV {
	BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff
}
.example .box2 DIV {
	BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff
}
.example .box3 DIV {
	BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff
}
.example .box4 DIV {
	BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff
}
.example .box5 DIV {
	BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-TOP-COLOR: #eee; BORDER-RIGHT-COLOR: #eee
}
.example .box6 DIV {
	BORDER-LEFT-COLOR: #ddd; BORDER-BOTTOM-COLOR: #ddd; BORDER-TOP-COLOR: #ddd; BORDER-RIGHT-COLOR: #ddd
}
.example .box7 DIV {
	BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-TOP-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc
}
.example .box8 DIV {
	BORDER-LEFT-COLOR: #bbb; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.example .box9 DIV {
	BORDER-LEFT-COLOR: #aaa; BORDER-BOTTOM-COLOR: #aaa; BORDER-TOP-COLOR: #aaa; BORDER-RIGHT-COLOR: #aaa
}
.example .box10 DIV {
	BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-TOP-COLOR: #999; BORDER-RIGHT-COLOR: #999
}
.example .box11 DIV {
	BORDER-LEFT-COLOR: #888; BORDER-BOTTOM-COLOR: #888; BORDER-TOP-COLOR: #888; BORDER-RIGHT-COLOR: #888
}
.example .box12 DIV {
	BORDER-LEFT-COLOR: #777; BORDER-BOTTOM-COLOR: #777; BORDER-TOP-COLOR: #777; BORDER-RIGHT-COLOR: #777
}
.example .box13 DIV {
	BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-TOP-COLOR: #666; BORDER-RIGHT-COLOR: #666
}
.example .box14 DIV {
	BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-TOP-COLOR: #555; BORDER-RIGHT-COLOR: #555
}
.example .box15 DIV {
	BORDER-LEFT-COLOR: #444; BORDER-BOTTOM-COLOR: #444; BORDER-TOP-COLOR: #444; BORDER-RIGHT-COLOR: #444
}
.example .box16 DIV {
	BORDER-LEFT-COLOR: #333; BORDER-BOTTOM-COLOR: #333; BORDER-TOP-COLOR: #333; BORDER-RIGHT-COLOR: #333
}
.example .box17 DIV {
	BORDER-LEFT-COLOR: #222; BORDER-BOTTOM-COLOR: #222; BORDER-TOP-COLOR: #222; BORDER-RIGHT-COLOR: #222
}
.example .box18 DIV {
	BORDER-LEFT-COLOR: #111; BORDER-BOTTOM-COLOR: #111; BORDER-TOP-COLOR: #111; BORDER-RIGHT-COLOR: #111
}
.example .box19 DIV {
	BORDER-LEFT-COLOR: #050505; BORDER-BOTTOM-COLOR: #050505; BORDER-TOP-COLOR: #050505; BORDER-RIGHT-COLOR: #050505
}
.example .box20 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box21 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box22 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box23 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box24 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box25 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box26 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box27 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box28 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box29 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box30 DIV {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.example .box0 SPAN {
	BACKGROUND: #fff
}
.example .box1 SPAN {
	BACKGROUND: #fff
}
.example .box2 SPAN {
	BACKGROUND: #fff
}
.example .box3 SPAN {
	BACKGROUND: #fff
}
.example .box4 SPAN {
	BACKGROUND: #050505
}
.example .box5 SPAN {
	BACKGROUND: #151515
}
.example .box6 SPAN {
	BACKGROUND: #252525
}
.example .box7 SPAN {
	BACKGROUND: #353535
}
.example .box8 SPAN {
	BACKGROUND: #454545
}
.example .box9 SPAN {
	BACKGROUND: #555555
}
.example .box10 SPAN {
	BACKGROUND: #656565
}
.example .box11 SPAN {
	BACKGROUND: #757575
}
.example .box12 SPAN {
	BACKGROUND: #858585
}
.example .box13 SPAN {
	BACKGROUND: #959595
}
.example .box14 SPAN {
	BACKGROUND: #a5a5a5
}
.example .box15 SPAN {
	BACKGROUND: #b5b5b5
}
.example .box16 SPAN {
	BACKGROUND: #c5c5c5
}
.example .box17 SPAN {
	BACKGROUND: #d5d5d5
}
.example .box18 SPAN {
	BACKGROUND: #e5e5e5
}
.example .box19 SPAN {
	BACKGROUND: #ffffff
}
.example .box20 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95
}
.example .box21 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9
}
.example .box22 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8
}
.example .box23 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7
}
.example .box24 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6
}
.example .box25 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5
}
.example .box26 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4
}
.example .box27 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3
}
.example .box28 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2
}
.example .box29 SPAN {
	BACKGROUND: #fff; FILTER: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1
}
.example .box30 SPAN {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=00); -moz-opacity: 0; opacity: 0
}