BODY {
	FONT-SIZE: 20px; FONT-FAMILY: 'Advent Pro',georgia, arial,sans-serif; POSITION: absolute; COLOR: #666; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 30px; PADDING-RIGHT: 0px; WIDTH: 100%
}
#header {
	FONT-SIZE: 1.5em; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; PADDING-TOP: 20px; WIDTH: 100%
}
#header > H1 {
	COLOR: #ff9721; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; text-shadow: 2px 2px 2px #E0B17B
}
.menu {
	HEIGHT: 40px; BACKGROUND: #eee; POSITION: fixed; TEXT-ALIGN: center; Z-INDEX: 1000; LINE-HEIGHT: 40px; WIDTH: 100%
}
.menu A {
	FONT-WEIGHT: normal; COLOR: #1f8ae0; TEXT-DECORATION: none; MARGIN-RIGHT: 30px
}
.menu A:visited {
	FONT-WEIGHT: normal; COLOR: #1f8ae0; TEXT-DECORATION: none; MARGIN-RIGHT: 30px
}
.menu A:hover {
	BORDER-BOTTOM: #ff96ec 1px solid
}
#container {
	TEXT-ALIGN: left; MARGIN: auto; WIDTH: 960px
}
.effect-container {
	FLOAT: left; PADDING-BOTTOM: 10px; TEXT-ALIGN: center; PADDING-TOP: 10px; WIDTH: 100%
}
.effect-container .img-style {
	MARGIN: 7px
}
.effect-details {
	FONT-SIZE: 20px; FONT-FAMILY: 'Advent Pro', sans-serif; COLOR: #666
}
HR {
	BORDER-TOP-STYLE: none; MARGIN-BOTTOM: 40px; BORDER-LEFT-STYLE: none; BORDER-BOTTOM: #ccc 1px solid; BORDER-RIGHT-STYLE: none; MARGIN-TOP: 40px; WIDTH: 100%
}
.code {
	MARGIN-BOTTOM: 10px; FONT-SIZE: 14px; BORDER-TOP: #ed8a34 1px solid; FONT-FAMILY: monospace; BORDER-RIGHT: #ed8a34 1px solid; BACKGROUND: #fff5ed; BORDER-BOTTOM: #ed8a34 1px solid; COLOR: #78123b; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #ed8a34 1px solid; MARGIN-TOP: 10px; DISPLAY: block; PADDING-RIGHT: 10px
}
.button {
	BOX-SIZING: border-box; OVERFLOW: visible; CURSOR: pointer; FONT-SIZE: 1.3em; BORDER-TOP: #ef0251 1px solid; BORDER-RIGHT: #ef0251 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,93,177); BORDER-BOTTOM: #ef0251 1px solid; POSITION: relative; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #fff; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 25px; LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); TEXT-DECORATION: none; MARGIN: 0px 2px 20px 0px; BORDER-LEFT: #ef0251 1px solid; DISPLAY: inline; LINE-HEIGHT: 100%; TOP: 0px; PADDING-RIGHT: 25px; WIDTH: auto; text-shadow: 0 -1px 0 #EF0251; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px
}
.button:hover {
	BORDER-TOP: #ef0251 1px solid; BORDER-RIGHT: #ef0251 1px solid; BACKGROUND: rgb(255,169,213); BORDER-BOTTOM: #ef0251 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); BORDER-LEFT: #ef0251 1px solid; text-shadow: 0 1px 0 #EF0251
}
.browser-img {
	MARGIN: 10px; WIDTH: 125px
}
