html {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
body {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
div {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
span {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
object {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
iframe {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
h1 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
h2 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
h3 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
h4 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
h5 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
h6 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
p {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
blockquote {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
pre {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
abbr {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
address {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
cite {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
code {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
del {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
dfn {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
em {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
img {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
ins {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
kbd {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
q {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
samp {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
small {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
strong {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
sub {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
sup {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
var {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
b {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
i {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
dl {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
dt {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
dd {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
ol {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
ul {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
li {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
fieldset {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
form {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
label {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
legend {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
table {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
caption {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
tbody {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
tfoot {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
thead {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
tr {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
th {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
td {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
article {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
aside {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
canvas {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
details {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
figcaption {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
figure {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
footer {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
header {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
hgroup {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
menu {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
nav {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
section {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
summary {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
time {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
mark {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
audio {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
video {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
body {
	line-height: 1;
}
:focus {
	
}
article {
	display: block;
}
aside {
	display: block;
}
canvas {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
summary {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
a {
	margin: 0px; padding: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;
}
ins {
	color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(255, 255, 153);
}
mark {
	color: rgb(0, 0, 0); font-style: italic; font-weight: bold; background-color: rgb(255, 255, 153);
}
del {
	text-decoration: line-through;
}
abbr[title] {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
dfn[title] {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
hr {
	border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; margin: 1em 0px; padding: 0px; height: 1px; display: block;
}
input {
	vertical-align: middle;
}
select {
	vertical-align: middle;
}
.mod::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
::selection {
	background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255);
}
img::selection {
	
}
html {
	-webkit-text-size-adjust: none;
}
a {
	-webkit-tap-highlight-color: rgba(200, 0, 0, 0.4);
}
body {
	margin: 0px; padding: 0px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
}
abbr {
	cursor: help;
}
a img {
	border: currentColor;
}
a {
	outline: 0px;
}
h1 {
	color: rgb(17, 17, 17); font-weight: normal;
}
h2 {
	color: rgb(17, 17, 17); font-weight: normal;
}
h3 {
	color: rgb(17, 17, 17); font-weight: normal;
}
h4 {
	color: rgb(17, 17, 17); font-weight: normal;
}
h5 {
	color: rgb(17, 17, 17); font-weight: normal;
}
h6 {
	color: rgb(17, 17, 17); font-weight: normal;
}
h1 {
	line-height: 1; font-size: 3em; margin-bottom: 0.5em;
}
h2 {
	font-size: 2em; margin-bottom: 0.75em;
}
h3 {
	line-height: 1; font-size: 1.5em; margin-bottom: 1em;
}
h4 {
	line-height: 1.25; font-size: 1.2em; margin-bottom: 1.25em;
}
h5 {
	font-size: 1em; font-weight: bold; margin-bottom: 1.5em;
}
h6 {
	font-size: 1em; font-weight: bold;
}
h1 img {
	margin: 0px;
}
h2 img {
	margin: 0px;
}
h3 img {
	margin: 0px;
}
h4 img {
	margin: 0px;
}
h5 img {
	margin: 0px;
}
h6 img {
	margin: 0px;
}
p {
	margin: 0px 0px 1.5em;
}
p img.left {
	margin: 1.5em 1.5em 1.5em 0px; padding: 0px; float: left;
}
p img.right {
	margin: 1.5em 0px 1.5em 1.5em; float: right;
}
.left {
	float: left;
}
.right {
	float: right;
}
a:focus {
	color: rgb(51, 51, 51);
}
a:hover {
	color: rgb(51, 51, 51);
}
a {
	color: rgb(0, 0, 153); text-decoration: underline;
}
blockquote {
	margin: 1.5em; color: rgb(102, 102, 102); font-style: italic;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup {
	line-height: 0;
}
sub {
	line-height: 0;
}
abbr {
	border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: dotted;
}
acronym {
	border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: dotted;
}
address {
	margin: 0px 0px 1.5em; font-style: italic;
}
del {
	color: rgb(102, 102, 102);
}
pre {
	margin: 1.5em 0px; white-space: pre;
}
pre {
	font: 1em/1.5 "andale mono", "lucida console", monospace; font-size-adjust: none; font-stretch: normal;
}
code {
	font: 1em/1.5 "andale mono", "lucida console", monospace; font-size-adjust: none; font-stretch: normal;
}
tt {
	font: 1em/1.5 "andale mono", "lucida console", monospace; font-size-adjust: none; font-stretch: normal;
}
li ul {
	margin: 0px 1.5em;
}
li ol {
	margin: 0px 1.5em;
}
ul {
	margin: 0px 0px 1.5em;
}
ol {
	margin: 0px 0px 1.5em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0px 0px 1.5em;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
table {
	width: 100%; margin-bottom: 2em;
}
th {
	font-weight: bold;
}
thead th {
	background: rgb(195, 217, 255);
}
th {
	padding: 4px 10px 4px 5px;
}
td {
	padding: 4px 10px 4px 5px;
}
caption {
	padding: 4px 10px 4px 5px;
}
td {
	padding-left: 0px; vertical-align: top;
}
tr.even td {
	background: rgb(229, 236, 249);
}
tfoot {
	font-style: italic;
}
caption {
	background: rgb(238, 238, 238);
}
.small {
	font-size: 0.9em;
}
.large {
	line-height: 2.5em; font-size: 1.2em; margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.print-only {
	display: none;
}
.quiet {
	color: rgb(102, 102, 102); font-weight: normal;
}
.loud {
	color: rgb(0, 0, 0);
}
.highlight {
	background: rgb(255, 255, 0);
}
.added {
	background: rgb(0, 102, 0); color: rgb(255, 255, 255);
}
.removed {
	background: rgb(153, 0, 0); color: rgb(255, 255, 255);
}
.first {
	padding-left: 0px; margin-left: 0px;
}
.last {
	padding-right: 0px; margin-right: 0px;
}
.top {
	padding-top: 0px; margin-top: 0px;
}
.bottom {
	padding-bottom: 0px; margin-bottom: 0px;
}
.strong {
	font-weight: bold;
}
.block {
	display: block;
}
.uc {
	text-transform: uppercase;
}
.center {
	text-align: center;
}
label {
	margin: 5px 0px -14px; color: rgb(125, 125, 125); font-family: Georgia,Times,"Times new roman",serif; font-size: 13px; font-weight: normal; display: block;
}
fieldset {
	margin: 0px; padding: 0px; border: currentColor;
}
legend {
	font-size: 1.2em; font-weight: bold;
}
input[type=text] {
	font-family: "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif; font-size: 13px; margin-bottom: 10px;
}
input.text {
	margin: 0px 0px 10px; border: 1px solid rgb(211, 211, 211);
}
input.title {
	margin: 0px 0px 10px; border: 1px solid rgb(211, 211, 211);
}
textarea {
	margin: 0px 0px 10px; border: 1px solid rgb(211, 211, 211);
}
select {
	margin: 0px 0px 10px; border: 1px solid rgb(211, 211, 211);
}
input.text:focus {
	border: 1px solid rgb(201, 201, 201); transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out;
}
input.title:focus {
	border: 1px solid rgb(201, 201, 201); transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out;
}
textarea:focus {
	border: 1px solid rgb(201, 201, 201); transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out;
}
select:focus {
	border: 1px solid rgb(201, 201, 201); transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out;
}
input.text {
	padding: 7px;
}
input.title {
	padding: 7px;
}
input.title {
	font-size: 1.5em;
}
textarea {
	padding: 7px; font-family: "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif; font-size: 12px !important; margin-bottom: 10px;
}
.error {
	padding: 9px 14px 10px; border: currentColor; font-size: 13px; margin-bottom: 1em;
}
.notice {
	padding: 9px 14px 10px; border: currentColor; font-size: 13px; margin-bottom: 1em;
}
.success {
	padding: 9px 14px 10px; border: currentColor; font-size: 13px; margin-bottom: 1em;
}
.error {
	background: rgb(251, 227, 228); border-color: rgb(251, 194, 196); color: rgb(138, 31, 17) !important;
}
.notice {
	background: rgb(255, 246, 191); border-color: rgb(255, 211, 36); color: rgb(81, 71, 33) !important;
}
.success {
	background: rgb(230, 239, 194); border-color: rgb(198, 216, 128); color: rgb(38, 68, 9) !important;
}
.error a {
	color: rgb(138, 31, 17);
}
.success a {
	color: rgb(38, 68, 9);
}
.container {
	margin: 0px auto; width: 1116px;
}
.showgrid {
	background: url("http://generator.barfinland.fi/css/src/grid.png");
}
.column {
	margin-right: 12px; float: left;
}
.span-1 {
	margin-right: 12px; float: left;
}
.span-2 {
	margin-right: 12px; float: left;
}
.span-3 {
	margin-right: 12px; float: left;
}
.span-4 {
	margin-right: 12px; float: left;
}
.span-5 {
	margin-right: 12px; float: left;
}
.span-6 {
	margin-right: 12px; float: left;
}
.last {
	margin-right: 0px;
}
.span-1 {
	width: 176px;
}
.span-2 {
	width: 364px;
}
.span-3 {
	width: 552px;
}
.span-4 {
	width: 740px;
}
.span-5 {
	width: 928px;
}
.span-6 {
	width: 1116px; margin-right: 0px;
}
input.span-1 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
textarea.span-1 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
input.span-2 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
textarea.span-2 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
input.span-3 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
textarea.span-3 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
input.span-4 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
textarea.span-4 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
input.span-5 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
textarea.span-5 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
input.span-6 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
textarea.span-6 {
	padding-right: 5px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px;
}
input.span-1 {
	width: 164px;
}
textarea.span-1 {
	width: 164px;
}
input.span-2 {
	width: 352px;
}
textarea.span-2 {
	width: 352px;
}
input.span-3 {
	width: 540px;
}
textarea.span-3 {
	width: 540px;
}
input.span-4 {
	width: 728px;
}
textarea.span-4 {
	width: 728px;
}
input.span-5 {
	width: 916px;
}
textarea.span-5 {
	width: 916px;
}
input.span-6 {
	width: 1104px;
}
textarea.span-6 {
	width: 1104px;
}
.append-1 {
	padding-right: 188px;
}
.append-2 {
	padding-right: 376px;
}
.append-3 {
	padding-right: 564px;
}
.append-4 {
	padding-right: 752px;
}
.append-5 {
	padding-right: 940px;
}
.prepend-1 {
	padding-left: 188px;
}
.prepend-2 {
	padding-left: 376px;
}
.prepend-3 {
	padding-left: 564px;
}
.prepend-4 {
	padding-left: 752px;
}
.prepend-5 {
	padding-left: 940px;
}
.border {
	padding-right: 5px; margin-right: 6px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.colborder {
	padding-right: 99px; margin-right: 100px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.pull-1 {
	margin-left: -188px;
}
.pull-2 {
	margin-left: -376px;
}
.pull-3 {
	margin-left: -564px;
}
.pull-4 {
	margin-left: -752px;
}
.pull-5 {
	margin-left: -940px;
}
.pull-6 {
	margin-left: -1128px;
}
.pull-1 {
	float: left; position: relative;
}
.pull-2 {
	float: left; position: relative;
}
.pull-3 {
	float: left; position: relative;
}
.pull-4 {
	float: left; position: relative;
}
.pull-5 {
	float: left; position: relative;
}
.pull-6 {
	float: left; position: relative;
}
.push-1 {
	margin: 0px -188px 1.5em 188px;
}
.push-2 {
	margin: 0px -376px 1.5em 376px;
}
.push-3 {
	margin: 0px -564px 1.5em 564px;
}
.push-4 {
	margin: 0px -752px 1.5em 752px;
}
.push-5 {
	margin: 0px -940px 1.5em 940px;
}
.push-6 {
	margin: 0px -1128px 1.5em 1128px;
}
.push-1 {
	float: left; position: relative;
}
.push-2 {
	float: left; position: relative;
}
.push-3 {
	float: left; position: relative;
}
.push-4 {
	float: left; position: relative;
}
.push-5 {
	float: left; position: relative;
}
.push-6 {
	float: left; position: relative;
}
div.prepend-top {
	margin-top: 1.5em;
}
.prepend-top {
	margin-top: 1.5em;
}
div.append-bottom {
	margin-bottom: 1.5em;
}
.append-bottom {
	margin-bottom: 1.5em;
}
.prepend-top2 {
	margin-top: 1em;
}
.append-bottom2 {
	margin-bottom: 3em;
}
.box {
	background: rgb(229, 236, 249); padding: 1.5em; margin-bottom: 1.5em;
}
hr {
	background: rgb(221, 221, 221); margin: 0px 0px 1.45em; border: currentColor; width: 100%; height: 1px; color: rgb(221, 221, 221); clear: both; float: none;
}
hr.space {
	background: rgb(255, 255, 255); color: rgb(255, 255, 255); visibility: hidden;
}
.clearfix::after {
	height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "\0020";
}
.container::after {
	height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "\0020";
}
.clearfix {
	display: block;
}
.container {
	display: block;
}
.clear {
	clear: both;
}
html {
	overflow-y: scroll !important;
}
body {
	margin: 0px; padding: 0px; color: rgb(153, 153, 153); line-height: 1.45em; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(223, 223, 223);
}
html.win body {
	font-smooth: always; -webkit-font-smoothing: antialiased;
}
#header {
	min-width: 1132px;
}
#detail {
	min-width: 1132px;
}
a {
	color: rgb(153, 153, 153); text-decoration: none;
}
a:link {
	color: rgb(153, 153, 153); text-decoration: none;
}
a:active {
	color: rgb(153, 153, 153); text-decoration: none;
}
a:visited {
	color: rgb(153, 153, 153); text-decoration: none;
}
a:focus {
	color: rgb(153, 153, 153); text-decoration: none;
}
a .title {
	color: rgb(153, 153, 153); text-decoration: none;
}
a:hover {
	color: rgb(255, 0, 0); text-decoration: none; transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out;
}
a:hover .title {
	color: rgb(255, 0, 0); text-decoration: none; transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out;
}
.box-wh a:hover {
	transition: color .35s ease-out; -webkit-transition: color .35s ease-out; -moz-transition: color .35s ease-out; -o-transition: color .35s ease-out; -ms-transition: color .35s ease-out;
}
a.toggler.accord:hover {
	transition: background-color .15s ease-out; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; -o-transition: background-color .15s ease-out; -ms-transition: background-color .15s ease-out;
}
a.unlink:link {
	color: rgb(153, 153, 153); text-decoration: none !important;
}
a.unlink:active {
	color: rgb(153, 153, 153); text-decoration: none !important;
}
a.unlink:visited {
	color: rgb(153, 153, 153); text-decoration: none !important;
}
a.unlink:hover {
	color: rgb(153, 153, 153); text-decoration: none !important;
}
h1.unlink a:link {
	color: rgb(51, 51, 51); text-decoration: none;
}
h1.unlink a:active {
	color: rgb(51, 51, 51); text-decoration: none;
}
h1.unlink a:visited {
	color: rgb(51, 51, 51); text-decoration: none;
}
h2.unlink a:link {
	color: rgb(51, 51, 51); text-decoration: none;
}
h2.unlink a:active {
	color: rgb(51, 51, 51); text-decoration: none;
}
h2.unlink a:visited {
	color: rgb(51, 51, 51); text-decoration: none;
}
h3.unlink a:link {
	color: rgb(51, 51, 51); text-decoration: none;
}
h3.unlink a:active {
	color: rgb(51, 51, 51); text-decoration: none;
}
h3.unlink a:visited {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:link h1 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:active h1 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:visited h1 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:link h2 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:active h2 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:visited h2 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:link h3 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:active h3 {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.unlink:visited h3 {
	color: rgb(51, 51, 51); text-decoration: none;
}
h1.unlink a:hover {
	color: rgb(0, 0, 0) !important;
}
h2.unlink a:hover {
	color: rgb(0, 0, 0) !important;
}
h3.unlink a:hover {
	color: rgb(0, 0, 0) !important;
}
a.unlink:hover h1 {
	color: rgb(0, 0, 0) !important;
}
a.unlink:hover h2 {
	color: rgb(0, 0, 0) !important;
}
a.unlink:hover h3 {
	color: rgb(0, 0, 0) !important;
}
input[type='text'] {
	font-family: inherit;
}
input[type=text] {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
input[type=button] {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
input.button {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
input.button:hover {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.button {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.button:hover {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
input.submit {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
input.submit:hover {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.unlink h1 {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.unlink h2 {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.unlink h3 {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.toggler.line {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a.toggler.line:hover {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;
}
a img {
	border: 0px currentColor !important; display: block;
}
.img a {
	border: 0px currentColor !important; display: block;
}
.img {
	
}
.hide {
	display: none !important;
}
.print-only {
	display: none !important;
}
html.js #js-warning {
	display: none !important;
}
.quiet {
	color: rgb(153, 153, 153);
}
.quiet * {
	color: rgb(153, 153, 153);
}
a.quiet:link {
	color: rgb(153, 153, 153);
}
a.quiet:visited {
	color: rgb(153, 153, 153);
}
a.quiet:active {
	color: rgb(153, 153, 153);
}
a.quiet:hover {
	color: rgb(51, 51, 51);
}
.strong {
	font-weight: bold !important;
}
.small {
	font-size: 12px;
}
h1 {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
h2 {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
h3 {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
h4 {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
.toggler h2 {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
.tags-title {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
.search-title {
	margin: 0px; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold;
}
h1 {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.head {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.head2 {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
ul#navi li a {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
ul#navi-sub li a {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
body#Resume article h1 {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.flip.span-1 .item .back h3 {
	line-height: 20px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.span-2 .back h3 {
	line-height: 31px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 28px !important; font-style: normal; font-weight: normal; margin-bottom: 0.4em;
}
h2 {
	line-height: 22px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
h3.head {
	line-height: 22px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
body#DeelReel div.display h3 {
	line-height: 22px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
body#home .flip.Resume .back p {
	line-height: 22px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.span-2 .back h4 {
	line-height: 22px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.flip-round .back h3 {
	line-height: 22px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 18px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
body#home .flip.Resume .back p {
	color: rgb(17, 17, 17); line-height: 30px;
}
h4.head {
	line-height: 22px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.text h1 {
	line-height: 22px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
.text h2 {
	line-height: 22px; font-family: "Benton Sans Medium",Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
ul#navi-sub li a {
	line-height: 27px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 17px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
body#home .display h3 {
	line-height: 27px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 17px !important; font-style: normal; font-weight: normal; margin-bottom: 0.8em;
}
h2.display {
	text-align: center; line-height: 40px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 28px !important; font-weight: normal; border-top-color: transparent; border-top-width: 60px; border-top-style: solid; position: relative; z-index: 100;
}
.display h2 {
	text-align: center; line-height: 40px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 28px !important; font-weight: normal; border-top-color: transparent; border-top-width: 60px; border-top-style: solid; position: relative; z-index: 100;
}
.display.flip.Resume h2 {
	text-align: center; line-height: 36px; font-family: "Benton Sans Light",Helvetica,Arial,sans-serif; font-size: 28px !important; border-top-color: currentColor; border-top-width: medium; border-top-style: none; position: relative; z-index: 100;
}
body#about h3.display {
	line-height: 28px; font-size: 24px !important; font-weight: normal;
}
body#about .display h3 {
	line-height: 28px; font-size: 24px !important; font-weight: normal;
}
body#DeelReel h3.display {
	line-height: 28px; font-size: 24px !important; font-weight: normal;
}
body#DeelReel .display h3 {
	line-height: 28px; font-size: 24px !important; font-weight: normal;
}
body#home .flip.Resume {
	height: 416px; display: block;
}
body#home .display {
	height: 416px; display: block;
}
body#home .display a.close {
	margin: 10px 10px 0px 0px;
}
body#home .flip.Resume h2::before {
	height: 60px; display: block; position: relative; content: "";
}
body#home .display h2::before {
	height: 60px; display: block; position: relative; content: "";
}
body#home .display h3::after {
	background: url("http://www.themonster7.com/IMAGE/SUB/viiva-dot2.png") no-repeat center; height: 62px; display: block; position: relative; z-index: 100; content: "";
}
body#home .display h2 {
	margin: 0px 80px; padding: 0px; color: rgb(17, 17, 17);
}
body#home .display h3 {
	margin: 45px 70px 0px; padding: 0px; color: rgb(17, 17, 17);
}
body#home .display p {
	margin: 40px 70px 0px; color: rgb(69, 69, 69);
}
body#home .display.Resume p {
	margin: 0px 100px 1.4em;
}
body#home .display.Resume .category-name {
	margin-bottom: 40px; display: block;
}
body#about h2.display {
	margin: -445px 0px 305px; color: rgb(255, 255, 255);
}
body#about h3.display {
	margin-top: 210px; margin-bottom: 1em;
}
body#about h2.display strong {
	color: red; font-weight: normal;
}
div.display {
	background: rgb(26, 26, 26); padding: 25px 0px 0px; min-height: 395px;
}
body#DeelReel div.display {
	background: rgb(255, 255, 255); padding: 0px; min-height: 395px;
}
.display h2 {
	padding: 0px 130px; text-align: center; color: rgb(255, 255, 255); font-weight: normal;
}
.display h3 {
	padding: 0px 130px; text-align: center; color: rgb(255, 255, 255); font-weight: normal;
}
.display h3 {
	padding: 0px 110px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-weight: normal; margin-top: 2em;
}
body#DeelReel .display * {
	color: rgb(51, 51, 51); position: static;
}
body#DeelReel .display h2 {
	border-top-color: transparent; border-top-width: 70px; border-top-style: solid;
}
body#DeelReel .display h3 {
	margin: 0px 35px !important; line-height: 30px !important; border-top-color: transparent; border-top-width: 42px; border-top-style: solid;
}
p {
	font-size: 12px; margin-bottom: 1em;
}
.text h1 {
	color: rgb(51, 51, 51); padding-bottom: 1px; margin-bottom: 1.4em;
}
.text h2 {
	color: rgb(51, 51, 51); padding-bottom: 1px; margin-bottom: 1.4em;
}
.text h3 {
	color: rgb(51, 51, 51); padding-bottom: 1px; margin-bottom: 1.4em;
}
.text h4 {
	color: rgb(51, 51, 51); padding-bottom: 1px; margin-bottom: 1.4em;
}
.text p {
	color: rgb(69, 69, 69); margin-bottom: 1.4em;
}
.text a {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text a:link {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text a:visited {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text a:active {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text p a {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text p a:link {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text p a:visited {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text p a:active {
	color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.text a:hover {
	color: rgb(0, 0, 0) !important; text-decoration: none;
}
.text p {
	margin-right: 20px;
}
.text2 p {
	color: rgb(102, 102, 102); margin-bottom: 1.4em;
}
.text2 h1 {
	color: rgb(51, 51, 51);
}
.text2 h2 {
	color: rgb(51, 51, 51);
}
.text2 h3 {
	color: rgb(51, 51, 51);
}
.text2 h4 {
	color: rgb(51, 51, 51);
}
.text p:last-child {
	margin-bottom: 0px;
}
.text2 p:last-child {
	margin-bottom: 0px;
}
.date {
	font-weight: bold;
}
.flex-container a.prev {
	transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; -ms-transition: opacity .35s ease;
}
.flex-container a.next {
	transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; -ms-transition: opacity .35s ease;
}
#scroller-nav a {
	transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; -ms-transition: opacity .35s ease;
}
.mejs-overlay-button {
	transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; -ms-transition: opacity .35s ease;
}
.social a {
	transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; -ms-transition: opacity .35s ease;
}
a.rss .icon {
	transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; -ms-transition: opacity .35s ease;
}
.box-wrapper {
	transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; -ms-transition: all .35s ease;
}
#listing {
	transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; -ms-transition: all .35s ease;
}
#featured {
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
}
#featured * {
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
}
.slider-nav {
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
}
.slider-nav * {
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
}
html.novideo .video-links {
	display: block;
}
form label {
	margin: 0px 0px -30px; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-family: inherit; font-size: 11px;
}
form input[type=text] {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(204, 204, 204); margin: 0px; padding: 0px; width: 100%; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 11px;
}
form input[type=text]:focus {
	color: rgb(17, 17, 17);
}
form input[type=submit] {
	background: rgb(153, 153, 153); margin: 15px 0px 0px; padding: 0px 12px; border: currentColor; height: 26px; color: rgb(255, 255, 255); line-height: 26px; font-family: inherit;
}
form input[type=submit]:hover {
	background: rgb(204, 204, 204); color: rgb(17, 17, 17); cursor: pointer;
}
#Resumeletter input[type=submit] {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); color: rgb(153, 153, 153); float: right;
}
#Resumeletter input[type=submit]:hover {
	background: rgb(204, 204, 204); color: rgb(17, 17, 17);
}
.border-bot {
	border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
.border-top {
	border-top-color: rgb(153, 153, 153); border-top-width: 1px; border-top-style: solid;
}
hr {
	border-color: rgb(34, 34, 33); margin: 35px auto 0px; width: 100%; color: rgb(34, 34, 33); clear: left; display: block;
}
.hr {
	margin: 0px auto; height: 0px; border-top-color: rgb(34, 34, 33); border-top-width: 1px; border-top-style: solid; display: block;
}
header {
	display: block !important;
}
footer {
	display: block !important;
}
nav {
	display: block !important;
}
section {
	display: block !important;
}
aside {
	display: block !important;
}
article {
	display: block !important;
}
#header {
	padding: 20px 0px 0px; border-top-color: rgb(26, 26, 26); border-top-width: 7px; border-top-style: solid;
}
#header h1 {
	background: url("http://www.themonster7.com/IMAGE/SUB/logo.png") no-repeat 0px 0px; margin: 0px 0px 39px; width: 188px; height: 55px; text-indent: -9999px; overflow: hidden; display: block;
}
#header h1.link {
	
}
#header h1 a:link {
	background: url("http://www.themonster7.com/IMAGE/SUB/logo.png") no-repeat 0px 0px; width: 188px; height: 55px; text-indent: -9999px; overflow: hidden; display: block; transition: background-position .15s ease-in-out; -webkit-transition: background-position .15s ease-in-out; -moz-transition: background-position .15s ease-in-out; -o-transition: background-position .15s ease-in-out; -ms-transition: background-position .15s ease-in-out;
}
#header h1 a:active {
	background: url("http://www.themonster7.com/IMAGE/SUB/logo.png") no-repeat 0px 0px; width: 188px; height: 55px; text-indent: -9999px; overflow: hidden; display: block; transition: background-position .15s ease-in-out; -webkit-transition: background-position .15s ease-in-out; -moz-transition: background-position .15s ease-in-out; -o-transition: background-position .15s ease-in-out; -ms-transition: background-position .15s ease-in-out;
}
#header h1 a:visited {
	background: url("http://www.themonster7.com/IMAGE/SUB/logo.png") no-repeat 0px 0px; width: 188px; height: 55px; text-indent: -9999px; overflow: hidden; display: block; transition: background-position .15s ease-in-out; -webkit-transition: background-position .15s ease-in-out; -moz-transition: background-position .15s ease-in-out; -o-transition: background-position .15s ease-in-out; -ms-transition: background-position .15s ease-in-out;
}
#header h1 a:hover {
	background: url("http://www.themonster7.com/IMAGE/SUB/logo_back.png") no-repeat 0px 0px;
}
#search-filters {
	height: 0px; overflow: visible; margin-top: -114px;
}
#header #search {
	position: absolute; z-index: 10000;
}
.tag-cloud-open #header #search {
	position: fixed;
}
.tag-cloud-open #header #search input#keywords {
	border-bottom-color: rgb(204, 204, 204);
}
.tag-cloud-open #header #search input.button {
	color: rgb(153, 153, 153);
}
.tag-cloud-open #header #search input.button:hover {
	background-color: rgb(238, 238, 238);
}
#header #search input#keywords {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(153, 153, 153); margin: 0px -40px 0px 0px; padding: 0px; width: 252px; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 11px; float: left; -webkit-appearance: none; -webkit-border-radius: 0px;
}
#header #search input#keywords:focus {
	color: rgb(17, 17, 17);
}
#header #search form.focused input#keywords:focus {
	color: rgb(17, 17, 17);
}
#header #search input.button {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; border: currentColor; width: 40px; height: 30px; color: rgb(153, 153, 153); text-transform: uppercase; line-height: 30px; font-size: 11px; float: left; display: none; position: relative; -webkit-appearance: none; -webkit-border-radius: 0px;
}
#header #search input.button:hover {
	background: rgb(254, 254, 254); cursor: pointer;
}
#header a.tag-cloud:link {
	background: rgb(255, 255, 255); padding: 0px 10px; width: 80px; text-align: center; line-height: 30px; margin-left: 12px; border-bottom-color: rgb(255, 255, 255); float: right; display: block;
}
#header a.tag-cloud:active {
	background: rgb(255, 255, 255); padding: 0px 10px; width: 80px; text-align: center; line-height: 30px; margin-left: 12px; border-bottom-color: rgb(255, 255, 255); float: right; display: block;
}
#header a.tag-cloud:visited {
	background: rgb(255, 255, 255); padding: 0px 10px; width: 80px; text-align: center; line-height: 30px; margin-left: 12px; border-bottom-color: rgb(255, 255, 255); float: right; display: block;
}
#header a.tag-cloud:hover {
	background: rgb(153, 153, 153); color: rgb(255, 255, 255); border-bottom-color: rgb(153, 153, 153); cursor: pointer; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;
}
#tag-cloud {
	top: 0px; width: 100%; height: 0px; overflow: hidden; filter: "alpha(opacity=0)"; position: fixed; z-index: 9999; opacity: 0; box-shadow: none; transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -webkit-box-shadow: 0; -moz-box-shadow: 0;
}
.open#tag-cloud {
	height: auto; filter: "alpha(opacity=100)"; opacity: 100; box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.1);
}
#tag-cloud a.close {
	margin-top: 2px; margin-right: -20px;
}
#tag-cloud .pad {
	background: rgb(255, 255, 255); padding: 7px 30px 40px;
}
#tag-cloud * {
	border-bottom-color: rgb(204, 204, 204);
}
#tag-cloud h4 {
	line-height: 30px; font-size: 11px; font-weight: normal;
}
#tag-cloud a {
	line-height: 2.1em; font-size: 11px; display: block;
}
#tag-cloud a.last {
	margin-right: -12px;
}
#tag-cloud a:hover {
	color: rgb(17, 17, 17);
}
.first.container {
	padding-top: 44px;
}
#content {
	margin-bottom: 40px;
}
footer {
	background: rgb(26, 26, 26); margin: 0px; width: 100%;
}
#footer {
	padding: 30px 0px 20px;
}
#footer * {
	color: rgb(204, 204, 204); font-size: 11px;
}
#footer ul {
	list-style: none;
}
#footer ul li {
	list-style: none;
}
#footer h4 {
	color: rgb(255, 255, 255); line-height: 30px; font-weight: normal;
}
#footer .address {
	margin-top: 17px; margin-bottom: 17px;
}
#footer ul li a {
	display: block;
}
#footer .list a {
	display: block;
}
#footer a.home:link {
	color: rgb(255, 255, 255);
}
#footer a.home:active {
	color: rgb(255, 255, 255);
}
#footer a.home:visited {
	color: rgb(255, 255, 255);
}
#footer a:hover {
	color: rgb(255, 255, 255);
}
#footer form {
	margin-top: -5px;
}
#footer label {
	border-color: rgb(102, 102, 102); height: 28px; line-height: 28px;
}
#footer input[type=text] {
	border-color: rgb(102, 102, 102); height: 28px; line-height: 28px;
}
#footer label {
	width: 176px;
}
#footer input[type=text] {
	width: 176px;
}
#footer input[type=submit] {
	background: rgb(34, 34, 34); padding: 0px; border: currentColor; width: 60px; height: 28px; text-align: center; color: rgb(153, 153, 153); line-height: 28px; margin-top: 0px;
}
#footer input[type=submit]:hover {
	background: rgb(0, 0, 0); color: rgb(255, 255, 255);
}
#footer .back-to-top {
	line-height: 30px;
}
ul {
	list-style: none; display: block;
}
ul.listing {
	width: 1128px; margin-bottom: 0px;
}
body#home ul.listing {
	margin-bottom: 65px;
}
ul.listing li {
	list-style: none; height: 132px; margin-bottom: 12px;
}
ul.listing li.span-2 {
	height: 204px;
}
ul.listing li.social-front.span-2 {
	height: 360px; margin-bottom: 12px;
}
ul.listing li.social-front.span-2 .span-1 {
	width: 174px; height: 174px;
}
ul.listing .flip-round {
	height: 174px; margin-bottom: 12px;
}
ul.listing .flip-round .twitter {
	background: url("http://www.themonster7.com/IMAGE/SUB/social-front-sprite2.png") no-repeat 67px 73px; width: 174px; height: 174px;
}
ul.listing .flip-round .facebook {
	background: url("http://www.themonster7.com/IMAGE/SUB/social-front-sprite2.png") no-repeat -119px 71px; width: 174px; height: 174px;
}
ul.listing .flip-round .vimeo {
	background: url("http://www.themonster7.com/IMAGE/SUB/social-front-sprite2.png") no-repeat -530px 72px; width: 174px; height: 174px;
}
ul.listing .flip-round .rss {
	background: url("http://www.themonster7.com/IMAGE/SUB/social-front-sprite2.png") no-repeat -324px 72px; width: 174px; height: 174px;
}
ul.listing .flip {
	display: table;
}
ul.listing .flip-round {
	display: table;
}
ul.listing .flip a:hover {
	color: rgb(153, 153, 153);
}
ul.listing .flip .pad {
	padding: 0px; width: 176px; height: 132px; vertical-align: middle; display: table-cell;
}
ul.listing .flip-round .pad {
	padding: 0px; width: 174px; height: 176px; vertical-align: middle; display: table-cell;
}
ul.listing .flip-round h3 {
	margin: 0px; color: rgb(255, 255, 255);
}
ul.listing .flip.span-2 .pad {
	padding: 0px 30px; width: 304px; height: inherit;
}
ul.listing .flip.span-4 .pad {
	padding: 0px 30px; width: 680px;
}
ul.listing .flip.Resume.span-4 .pad {
	padding-top: 22px;
}
ul.listing .flip h3 {
	padding: 0px 20px; display: block;
}
.flip {
	-webkit-perspective: 1500; -moz-perspective: 1500; -o-perspective: 1500; perspective: 1500;
}
.flip-round {
	-webkit-perspective: 1500; -moz-perspective: 1500; -o-perspective: 1500; perspective: 1500;
}
.flip .item {
	width: inherit; overflow: hidden; display: block; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
}
.flip-round .item {
	width: inherit; overflow: hidden; display: block; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
}
.active.flip .front {
	display: none;
}
.active.flip:hover .front {
	display: none;
}
.active.flip-round .front {
	display: none;
}
.active.flip-round:hover .front {
	display: none;
}
.csstransforms3d .hover.flip .front {
	display: block;
}
.csstransforms3d .active.flip .front {
	display: block;
}
.csstransforms3d .active.flip:hover .front {
	display: block;
}
.csstransforms3d .hover.flip-round .front {
	display: block;
}
.csstransforms3d .active.flip-round .front {
	display: block;
}
.csstransforms3d .active.flip-round:hover .front {
	display: block;
}
.csstransforms3d .flip .item {
	height: inherit; overflow: visible;
}
.csstransforms3d .flip-round .item {
	height: inherit; overflow: visible;
}
.csstransforms3d .flip .item .inner {
	position: relative; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
}
.csstransforms3d .flip-round .item .inner {
	position: relative; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
}
.csstransforms3d .hover.flip .item {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.csstransforms3d .active.flip .item {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.csstransforms3d .active.flip .item:hover {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.csstransforms3d .hover.flip-round .item {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.csstransforms3d .active.flip-round .item {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.csstransforms3d .active.flip-round .item:hover {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.front {
	background-position: center; height: inherit; background-repeat: no-repeat;
}
.csstransforms3d .front {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; overflow: hidden; display: block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
}
.csstransforms3d .back {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; overflow: hidden; display: block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
}
.no-csstransforms3d .flip.span-1 {
	width: 176px; height: 132px !important;
}
.no-csstransforms3d .flip.span-1 .item {
	width: 176px; height: 132px !important;
}
.no-csstransforms3d .flip.span-1 .item .front {
	width: 176px; height: 132px !important;
}
.no-csstransforms3d .flip.span-1 .item .back {
	width: 176px; height: 132px !important;
}
.no-csstransforms3d .flip-round {
	width: 174px !important; height: 174px !important; display: block !important;
}
.no-csstransforms3d .flip-round .item {
	width: 174px !important; height: 174px !important; display: block !important;
}
.no-csstransforms3d .flip-round .item .front {
	width: 174px !important; height: 174px !important; display: block !important;
}
.no-csstransforms3d .flip-round .item .back {
	width: 174px !important; height: 174px !important; display: block !important;
}
.no-csstransforms3d .flip {
	display: block !important;
}
.no-csstransforms3d .flip .item {
	display: block !important;
}
.no-csstransforms3d .flip .item .front {
	display: block !important;
}
.no-csstransforms3d .flip .item .back {
	display: block !important;
}
.no-csstransforms3d .flip.span-2 {
	width: 364px !important;
}
.no-csstransforms3d .flip.span-2 .item {
	width: 364px !important;
}
.no-csstransforms3d .flip.span-2 .item .front {
	width: 364px !important;
}
.no-csstransforms3d .flip.span-2 .item .back {
	width: 364px !important;
}
.no-csstransforms3d .flip.span-4 {
	width: 740px !important; height: 416px;
}
.no-csstransforms3d .flip.span-4 .item {
	width: 740px !important; height: 416px;
}
.no-csstransforms3d .flip.span-4 .item .front {
	width: 740px !important; height: 416px;
}
.no-csstransforms3d .flip.span-4 .item .back {
	width: 740px !important; height: 416px;
}
.no-csstransforms3d .flip-round .item {
	overflow: hidden; position: relative;
}
.no-csstransforms3d .flip .item {
	overflow: hidden; position: relative;
}
.no-csstransforms3d .flip-round .item .front {
	position: absolute;
}
.no-csstransforms3d .flip-round .item .back {
	position: absolute;
}
.no-csstransforms3d .flip .item .front {
	position: absolute;
}
.no-csstransforms3d .flip .item .back {
	position: absolute;
}
.no-csstransforms3d .flip-round .item {
	border: currentColor !important; width: 100%; position: relative;
}
.no-csstransforms3d .flip .item {
	border: currentColor !important; width: 100%; position: relative;
}
.no-csstransforms3d .flip-round .item .back {
	left: 0px; top: 0px; display: none !important; position: absolute;
}
.no-csstransforms3d .flip .item .back {
	left: 0px; top: 0px; display: none !important; position: absolute;
}
html.no-csstransforms3d.ie .flip-round .item .back {
	top: 6px;
}
html.no-csstransforms3d.ie .flip .item .back {
	top: 6px;
}
.no-csstransforms3d .flip-round .item:hover .back {
	display: block !important;
}
.no-csstransforms3d .flip .item:hover .back {
	display: block !important;
}
.back {
	height: inherit; text-align: center; background-color: rgb(51, 51, 51);
}
.span-2 .back {
	background-color: rgb(255, 255, 255);
}
.back h3 {
	margin: 0px !important; padding: 0px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; display: block;
}
.flip.Resume .has-categories.back h2::after {
	margin: -5px 0px; text-align: center; color: rgb(153, 153, 153); font-size: 12px; display: block; content: "?";
}
.display .has-categories.back h2::after {
	margin: -5px 0px; text-align: center; color: rgb(153, 153, 153); font-size: 12px; display: block; content: "?";
}
.has-categories.back h4::after {
	margin: 5px 0px -10px; text-align: center; color: rgb(153, 153, 153); font-size: 12px; display: block; content: "?";
}
.has-categories.back .category-name {
	color: rgb(153, 153, 153); text-transform: uppercase; font-size: 10px;
}
.span-2 .back h3 {
	color: rgb(17, 17, 17);
}
.back h4 {
	margin: 8px 0px 0px; padding: 0px 20px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; font-weight: normal;
}
.span-2 .back h4 {
	color: rgb(17, 17, 17); font-size: 17px;
}
.no-csstransforms3d .back {
	margin-top: -6px;
}
.csstransforms3d .back {
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
html.touch a .back {
	background: rgba(0, 0, 0, 0.3); position: absolute; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible;
}
html.touch flip.active .back {
	background: rgb(51, 51, 51) !important;
}
html.touch body#home .back * {
	color: rgb(255, 255, 255);
}
html.touch .flip .item .inner {
	-webkit-transform-style: none; -moz-transform-style: none; -o-transform-style: none; transform-style: none;
}
html.touch .flip {
	-webkit-perspective: 0; -moz-perspective: 0; -o-perspective: 0; perspective: 0;
}
html.touch .flip-round {
	-webkit-perspective: 0; -moz-perspective: 0; -o-perspective: 0; perspective: 0;
}
html.touch .flip .item {
	-webkit-transform-style: none; -moz-transform-style: none; -o-transform-style: none; transform-style: none;
}
html.touch .flip-round .item {
	-webkit-transform-style: none; -moz-transform-style: none; -o-transform-style: none; transform-style: none;
}
.loading {
	left: 155px; top: 22px; width: 0px; height: 0px; overflow: visible; position: absolute; z-index: 999;
}
.load-infinite.loading {
	left: -40px; top: 83px; width: 0px; height: 0px; overflow: visible; position: relative; z-index: 999;
}
#infscr-loading {
	left: 0px; top: 0px; height: 0px; overflow: hidden; visibility: hidden; position: absolute;
}
.pagination-links {
	display: none;
}
ul#navi {
	list-style: none;
}
ul#nav_categories {
	list-style: none;
}
ul#navi li {
	list-style: none; width: 188px; float: left; display: block;
}
ul#nav_categories li {
	list-style: none; width: 188px; float: left; display: block;
}
ul#navi li a:link {
	color: rgb(153, 153, 153);
}
ul#navi li a:active {
	color: rgb(153, 153, 153);
}
ul#navi li a:visited {
	color: rgb(153, 153, 153);
}
ul#nav_categories li a:link {
	color: rgb(153, 153, 153);
}
ul#nav_categories li a:visited {
	color: rgb(153, 153, 153);
}
ul#nav_categories li a:active {
	color: rgb(153, 153, 153);
}
#filter a:link {
	color: rgb(153, 153, 153);
}
#filter a:visited {
	color: rgb(153, 153, 153);
}
#filter a:active {
	color: rgb(153, 153, 153);
}
ul.pagination {
	color: rgb(153, 153, 153);
}
ul.pagination a:link {
	color: rgb(153, 153, 153);
}
ul.pagination a:visited {
	color: rgb(153, 153, 153);
}
ul.pagination a:active {
	color: rgb(153, 153, 153);
}
#nav-top a:link {
	color: rgb(153, 153, 153);
}
#nav-top a:visited {
	color: rgb(153, 153, 153);
}
#nav-top a:active {
	color: rgb(153, 153, 153);
}
#nav-bot a:link {
	color: rgb(153, 153, 153);
}
#nav-bot a:visited {
	color: rgb(153, 153, 153);
}
#nav-bot a:active {
	color: rgb(153, 153, 153);
}
ul#navi li.active a:link {
	color: rgb(51, 51, 51);
}
ul#navi li.active a:visited {
	color: rgb(51, 51, 51);
}
ul#navi li.active a:active {
	color: rgb(51, 51, 51);
}
ul#navi li.active a:hover {
	color: rgb(51, 51, 51);
}
ul#navi-sub li.active a:link {
	color: rgb(51, 51, 51);
}
ul#navi-sub li.active a:visited {
	color: rgb(51, 51, 51);
}
ul#navi-sub li.active a:active {
	color: rgb(51, 51, 51);
}
ul#navi-sub li.active a:hover {
	color: rgb(51, 51, 51);
}
ul#navi li a:hover {
	color: rgb(255, 0, 0);
}
ul#nav_categories li a.active:link {
	color: rgb(255, 0, 0);
}
ul#nav_categories li a.active:visited {
	color: rgb(255, 0, 0);
}
ul#nav_categories li a.active:active {
	color: rgb(255, 0, 0);
}
ul#nav_categories li a.active:hover {
	color: rgb(255, 0, 0);
}
ul#nav_categories li a:hover {
	color: rgb(255, 0, 0);
}
ul#navi-sub {
	padding-top: 12px;
}
ul#navi-sub li {
	width: 176px; margin-right: 12px; float: left;
}
ul#navi-sub li a:link {
	color: rgb(153, 153, 153); font-weight: normal;
}
ul#navi-sub li a:active {
	color: rgb(153, 153, 153); font-weight: normal;
}
ul#navi-sub li a:visited {
	color: rgb(153, 153, 153); font-weight: normal;
}
ul#navi-sub li a:hover {
	color: rgb(255, 0, 0);
}
#filter {
	margin-right: 0px;
}
#nav-top {
	margin-right: 0px;
}
#nav-bot {
	margin-right: 0px;
}
ul.pagination {
	margin-right: 0px;
}
#filter .last {
	margin-right: -4px;
}
#nav-top .last {
	margin-right: -4px;
}
#nav-bot .last {
	margin-right: -4px;
}
ul.pagination .last {
	margin-right: -4px;
}
#filter div {
	line-height: 2.5em;
}
ul.pagination li {
	line-height: 2.5em;
}
#nav-top div {
	line-height: 2.5em;
}
#nav-bot div {
	line-height: 2.5em;
}
.line {
	line-height: 2.5em;
}
.accord {
	line-height: 2.5em;
}
#filter a {
	padding-right: 10px; font-weight: bold;
}
#nav-top a {
	padding-right: 10px; font-weight: bold;
}
#nav-bot a {
	padding-right: 10px; font-weight: bold;
}
ul.pagination a {
	padding-right: 10px; font-weight: bold;
}
#filter a:hover {
	color: rgb(51, 51, 51);
}
#filter a.active:link {
	color: rgb(51, 51, 51);
}
#filter a.active:visited {
	color: rgb(51, 51, 51);
}
#filter a.active:active {
	color: rgb(51, 51, 51);
}
#filter a.active:hover {
	color: rgb(51, 51, 51);
}
ul.pagination a:hover {
	color: rgb(51, 51, 51);
}
ul.pagination a.active:link {
	color: rgb(51, 51, 51);
}
ul.pagination a.active:visited {
	color: rgb(51, 51, 51);
}
ul.pagination a.active:active {
	color: rgb(51, 51, 51);
}
ul.pagination a.active:hover {
	color: rgb(51, 51, 51);
}
#nav-top a:hover {
	color: rgb(51, 51, 51);
}
#nav-top a.active:link {
	color: rgb(51, 51, 51);
}
#nav-top a.active:visited {
	color: rgb(51, 51, 51);
}
#nav-top a.active:active {
	color: rgb(51, 51, 51);
}
#nav-top a.active:hover {
	color: rgb(51, 51, 51);
}
#nav-bot a:hover {
	color: rgb(51, 51, 51);
}
#nav-bot a.active:link {
	color: rgb(51, 51, 51);
}
#nav-bot a.active:visited {
	color: rgb(51, 51, 51);
}
#nav-bot a.active:active {
	color: rgb(51, 51, 51);
}
#nav-bot a.active:hover {
	color: rgb(51, 51, 51);
}
.pagination {
	height: 30px; margin-top: -3px; margin-bottom: 30px; border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative; z-index: 50;
}
ul.pagination {
	list-style: none; width: 1116px !important; display: block;
}
ul.pagination li {
	list-style: none; width: 176px; margin-right: 12px; float: left; display: block;
}
ul.pagination li.here {
	display: none;
}
ul.pagination li.next {
	
}
.wrapper {
	width: 120%;
}
.box-wrapper {
	background: rgb(204, 204, 204); margin: 0px; padding: 32px 0px 20px; min-height: 416px;
}
.box-wrapper video {
	background: rgb(255, 255, 255);
}
.box-wrapper .img {
	background: rgb(255, 255, 255);
}
.video {
	background: rgb(26, 26, 26);
}
.box-wh {
	background: rgb(255, 255, 255); min-height: 205px;
}
.box-wh2 {
	background: rgb(255, 255, 255);
}
.pad.box-wh {
	padding: 12px 12px 14px;
}
.box-wh .pad {
	padding: 12px 12px 14px;
}
.pad.box-wh2 {
	padding: 12px 12px 14px;
}
.box-wh2 .pad {
	padding: 12px 12px 14px;
}
.card.box-wh {
	margin-bottom: 12px;
}
.box-wh a:link {
	color: inherit; padding-bottom: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.box-wh a:active {
	color: inherit; padding-bottom: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.box-wh a:visited {
	color: inherit; padding-bottom: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.box-wh2 a:link {
	color: inherit; padding-bottom: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.box-wh2 a:active {
	color: inherit; padding-bottom: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.box-wh2 a:visited {
	color: inherit; padding-bottom: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.box-wh a:hover {
	color: rgb(0, 0, 0);
}
.box-wh2 a:hover {
	color: rgb(0, 0, 0);
}
#Project-info {
	height: 0px; overflow: visible; z-index: 99;
}
#Project-info h4 {
	padding-bottom: 1px;
}
#Project-info p {
	color: rgb(102, 102, 102); margin-right: 20px;
}
a.close {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-sprite2.png") no-repeat -193px -94px rgb(255, 255, 255); border: currentColor; width: 35px; height: 34px; text-indent: -9999px; overflow: hidden; margin-top: -12px; margin-right: -59px; float: right; display: block;
}
a.close:link {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-sprite2.png") no-repeat -193px -94px rgb(255, 255, 255); border: currentColor; width: 35px; height: 34px; text-indent: -9999px; overflow: hidden; margin-top: -12px; margin-right: -59px; float: right; display: block;
}
a.close:active {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-sprite2.png") no-repeat -193px -94px rgb(255, 255, 255); border: currentColor; width: 35px; height: 34px; text-indent: -9999px; overflow: hidden; margin-top: -12px; margin-right: -59px; float: right; display: block;
}
a.close:visited {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-sprite2.png") no-repeat -193px -94px rgb(255, 255, 255); border: currentColor; width: 35px; height: 34px; text-indent: -9999px; overflow: hidden; margin-top: -12px; margin-right: -59px; float: right; display: block;
}
a.close:hover {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-sprite2.png") no-repeat -193px -294px rgb(51, 51, 51);
}
#tag-cloud .close {
	margin-right: -30px;
}
#Project-info a.close {
	margin-right: -12px;
}
#Project-info a.close:link {
	margin-right: -12px;
}
#Project-info a.close:active {
	margin-right: -12px;
}
#Project-info a.close:visited {
	margin-right: -12px;
}
#Project-info h1 {
	margin: 0px 20px 1em 0px;
}
#Project-info h2 {
	margin: -1em 20px 1em 0px;
}
#Project-content {
	width: 752px; z-index: 100;
}
#Project-content video {
	margin-bottom: 12px;
}
.mejs-video {
	margin-bottom: 12px;
}
#Project-content .embed-container {
	margin-right: 12px; margin-bottom: 12px;
}
#Project-content .img {
	margin: 0px 12px 12px 0px; float: left; display: block;
}
a.toggler.line {
	background: rgb(204, 204, 204); line-height: 28px; padding-top: 1px; padding-left: 12px; margin-bottom: 1px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; display: block;
}
a.toggler.accord {
	background: rgb(204, 204, 204); line-height: 28px; padding-top: 1px; padding-left: 12px; margin-bottom: 1px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; display: block;
}
a.toggler.line:hover {
	background: rgb(255, 255, 255);
}
a.toggler-on.line {
	background: rgb(255, 255, 255);
}
a.toggler-on.line:hover {
	background: rgb(255, 255, 255);
}
a.toggler.accord:hover {
	background: rgb(255, 255, 255);
}
a.toggler-on.accord {
	background: rgb(255, 255, 255);
}
a.toggler-on.accord:hover {
	background: rgb(255, 255, 255);
}
a.toggler.line h2 {
	margin: 0px; color: rgb(51, 51, 51); line-height: 30px; font-size: 12px !important; display: inline;
}
a.toggler.line h3 {
	margin: 0px; color: rgb(51, 51, 51); line-height: 30px; font-size: 12px !important; display: inline;
}
a.toggler.accord h2 {
	margin: 0px; color: rgb(51, 51, 51); line-height: 30px; font-size: 12px !important; display: inline;
}
a.toggler.accord h3 {
	margin: 0px; color: rgb(51, 51, 51); line-height: 30px; font-size: 12px !important; display: inline;
}
a.toggler.line:hover h2 {
	cursor: pointer;
}
a.toggler-on.line h2 {
	cursor: pointer;
}
a.toggler-on.line:hover h2 {
	cursor: pointer;
}
a.toggler.line:hover h3 {
	cursor: pointer;
}
a.toggler-on.line h3 {
	cursor: pointer;
}
a.toggler-on.line:hover h3 {
	cursor: pointer;
}
a.toggler.accord:hover h2 {
	cursor: pointer;
}
a.toggler-on.accord h2 {
	cursor: pointer;
}
a.toggler-on.accord:hover h2 {
	cursor: pointer;
}
a.toggler.accord:hover h3 {
	cursor: pointer;
}
a.toggler-on.accord h3 {
	cursor: pointer;
}
a.toggler-on.accord:hover h3 {
	cursor: pointer;
}
.toggler .arrow {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-small.png") no-repeat 0px 0px; width: 20px; height: 20px; text-indent: -99999px; overflow: hidden; margin-top: 5px; margin-right: 6px; float: right; display: block;
}
.toggler-on .arrow {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-small.png") no-repeat 0px -94px;
}
.toggler-off .arrow {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-small.png") no-repeat 0px 0px;
}
html.webkit .toggler-on .arrow {
	background: url("http://www.themonster7.com/IMAGE/SUB/arrow-small.png") no-repeat 0px 0px;
}
html.webkit .toggler-on .arrow {
	-ms-transform: rotate(90deg); transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
}
html.webkit .toggler-off .arrow {
	transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out;
}
html.no-csstransforms {
	-ms-transform: rotate(90deg); transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
}
.box-wh h3 {
	margin-bottom: 0px;
}
body#Resume article {
	padding-top: 3px;
}
body#Resume .list.tweet {
	margin: 12px 0px;
}
article .text h1 {
	margin: 0px 0px 8px;
}
.tip {
	padding: 10px; display: none; position: absolute; z-index: 1000; opacity: 1 !important;
}
.tip_info {
	background: rgb(29, 29, 29); padding: 12px 15px 15px; color: rgb(255, 255, 255); line-height: 1.2em; position: absolute; z-index: 1999; max-width: 225px;
}
.tip_prev.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat 0px 0px; padding: 13px 15px;
}
.focus.tip_prev.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat 0px -100px;
}
.tip_next.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat -100px 0px; padding: 13px 15px;
}
.focus.tip_next.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat -100px -100px;
}
.zoom.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat -300px 0px; padding: 13px 15px;
}
.focus.zoom.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat -300px -100px;
}
.close.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat -200px 0px; padding: 13px 15px;
}
.focus.close.tip {
	background: url("http://www.pekkafinland.fi/images/layout/ikonit-trans.png") no-repeat -200px -100px;
}
.enabled.prev:hover {
	cursor: pointer;
}
.enabled.next:hover {
	cursor: pointer;
}
a.active:hover {
	cursor: pointer;
}
.disabled.prev {
	color: rgb(102, 102, 102) !important;
}
.disabled.next {
	color: rgb(102, 102, 102) !important;
}
.disabled.prev:hover {
	color: rgb(102, 102, 102) !important;
}
.disabled.next:hover {
	color: rgb(102, 102, 102) !important;
}
.separator {
	color: rgb(102, 102, 102); margin-right: -1px;
}
body#Project #info {
	background: rgb(32, 32, 32); height: 540px; float: right; z-index: 900;
}
body#Project #info aside {
	padding: 20px;
}
.tags-title {
	background: url("http://www.themonster7.com/IMAGE/SUB/tag-group-active.png") no-repeat 0px 10px; padding: 5px 0px 0px 22px; font-size: 12px !important;
}
.tags-title .char1 {
	text-transform: uppercase;
}
.tags-total span .char1 {
	text-transform: uppercase;
}
.search-title {
	background: url("http://www.themonster7.com/IMAGE/SUB/search.png") no-repeat 0px 7px; padding: 5px 0px 0px 22px; font-size: 12px !important;
}
.tags {
	margin: 15px 0px 0px;
}
.tags .tag-group {
	background: url("http://www.themonster7.com/IMAGE/SUB/tag-group.png") no-repeat 0px 4px; padding: 0px 0px 4px 22px; width: 70px; color: rgb(51, 51, 51); font-size: 11px; font-weight: normal; vertical-align: top; display: inline-table;
}
.tags dd {
	margin: 0px; width: 230px; display: inline-table;
}
.tags dd a:link {
	color: rgb(102, 102, 102); padding-bottom: 1px; font-size: 11px; margin-right: 8px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.tags dd a:active {
	color: rgb(102, 102, 102); padding-bottom: 1px; font-size: 11px; margin-right: 8px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.tags dd a:visited {
	color: rgb(102, 102, 102); padding-bottom: 1px; font-size: 11px; margin-right: 8px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.tags dd a:hover {
	color: rgb(17, 17, 17); border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.tag .word1 {
	text-transform: uppercase;
}
.tag .char1 {
	text-transform: uppercase;
}
a.tag:hover {
	cursor: pointer;
}
div#rss {
	text-align: right; margin-top: -25px; position: relative; z-index: 49;
}
div#rss a {
	background: url("http://www.pekkafinland.fi/images/layout/rss-trans.png") no-repeat right top; padding-right: 21px;
}
ul.pagination {
	list-style: none; margin-top: 3px; display: block;
}
ul.pagination li {
	list-style: none; width: 176px; margin-right: 12px; float: left; display: block;
}
ul.pagination li.here {
	display: none;
}
ul.pagination li.next {
	
}
.masonry {
	-webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;
}
.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;
}
.masonry {
	-webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;
}
.masonry .masonry-brick {
	-webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top;
}
#map {
	background: rgb(255, 255, 255); height: 417px; display: block;
}
.infowindow {
	color: rgb(255, 255, 255) !important;
}
.infowindow h3 {
	color: rgb(255, 255, 255) !important;
}
.infowindow a {
	color: rgb(0, 0, 255) !important;
}
.infowindow a:hover {
	text-decoration: underline;
}
.social ul {
	list-style: none; clear: left; display: block;
}
.social ul li {
	list-style: none; clear: left; display: block;
}
.social ul {
	height: 26px; border-top-color: transparent; border-top-width: 20px; border-top-style: solid;
}
.social ul li {
	width: 25px; float: left;
}
.social a {
	width: 26px; height: 26px; text-indent: -9999px; overflow: hidden; margin-right: 6px; float: left; display: block; filter: "alpha(opacity=35)"; opacity: 0.35;
}
a.rss .icon {
	width: 26px; height: 26px; text-indent: -9999px; overflow: hidden; margin-right: 6px; float: left; display: block; filter: "alpha(opacity=35)"; opacity: 0.35;
}
.social a:hover {
	filter: "alpha(opacity=100)"; opacity: 100;
}
a.rss:hover .icon {
	filter: "alpha(opacity=100)"; opacity: 100;
}
.social a.youtube {
	background: url("/images/layout/some-youtube.png") no-repeat 0px -50px;
}
.social a.facebook {
	background: url("/images/layout/some-facebook.png") no-repeat 0px -50px;
}
.social a.twitter {
	background: url("/images/layout/some-twitter.png") no-repeat 0px -50px;
}
.social a.linkedin {
	background: url("/images/layout/some-linkedin.png") no-repeat 0px -50px;
}
a.rss {
	text-align: right; line-height: 26px; font-weight: bold; margin-bottom: 20px; display: inline-table;
}
a.rss:hover {
	color: rgb(51, 51, 51);
}
a.rss .icon {
	background: url("/images/layout/some-rss.png") no-repeat 0px -50px; margin: 0px 0px 0px 10px; float: right;
}
.tip {
	padding: 10px; display: none; position: absolute; z-index: 1000; opacity: 1 !important;
}
.tip_info {
	background: rgb(29, 29, 29); padding: 12px 15px 15px; color: rgb(255, 255, 255); line-height: 1.2em; position: absolute; z-index: 1999; max-width: 225px;
}
.zoom.tip {
	background: url("http://www.themonster7.com/IMAGE/SUB/icon-sprite.png") no-repeat -300px 0px; padding: 13px 15px;
}
.focus.zoom.tip {
	background: url("http://www.themonster7.com/IMAGE/SUB/icon-sprite.png") no-repeat -300px -100px;
}
.close.tip {
	background: url("http://www.themonster7.com/IMAGE/SUB/icon-sprite.png") no-repeat -200px 0px; padding: 13px 15px;
}
.focus.close.tip {
	background: url("http://www.themonster7.com/IMAGE/SUB/icon-sprite.png") no-repeat -200px -100px;
}
#entry-296 .char18::after {
	display: inline-block; content: "-";
}
#entry-336 .char19::after {
	display: inline-block; content: "-";
}
body#DeelReel #library-contact .at-themonster7 {
	display: none;
}
body#DeelReel #vfx-post-DeelReel .at-themonster7 {
	display: none;
}
body#DeelReel #illustration-design-art-direction-contact .at-themonster7 {
	display: none;
}
body#DeelReel #logistics-contact .at-themonster7 {
	display: none;
}