html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
html,
body {
  height: 100%;
}
body {
  line-height: 1;
  color: black;
  background-color: white;
}
ol,
ul {
  list-style: none;
}
:focus,
a {
  outline: 0;
}
a img {
  border: 0;
}
:link img {
  border: 0;
}
:visited img {
  border: 0;
}
blockquote:before {
  content: "";
}
blockquote:after {
  content: "";
}
q:before {
  content: "";
}
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
table,
caption,
th,
td {
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
}
sup,
sub {
  line-height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
p {
  hyphenate: auto;
  hyphenate-lines: 3;
}
abbr,
acronym {
  font-size: 85%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
a,
ins {
  text-decoration: none;
}
a,
input[type=submit],
label,
select,
button {
  cursor: pointer;
}
em,
i {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
sup,
sub {
  line-height: 0;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
del {
  text-decoration: line-through;
}
pre,
code {
  white-space: pre;
}
.ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.tab-focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hide {
  display: none;
  visibility: hidden;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* image replace */
.ir {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* make anything resizeable */
.reset-filter {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* alpha bg/border */
/* USE FROM HERE */
@font-face {
  font-family: 'rondo';
  src: url('rondo.eot?#') format('eot'), url('rondo.svg#rondo') format('svg'), url('rondo.woff') format('woff'), url('rondo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'rondo';
  font-style: normal;
  speak: none;
  /* Enable Ligatures */

  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
  text-rendering: optimizeLegibility;
}
/* Icons */
.icon-youtube:before {
  content: "\79\6f\75\74\75\62\65";
}
.icon-yahoo:before {
  content: "\79\61\68\6f\6f";
}
.icon-xing:before {
  content: "\78\69\6e\67";
}
.icon-wordpress:before {
  content: "\77\6f\72\64\70\72\65\73\73";
}
.icon-windows:before {
  content: "\77\69\6e\64\6f\77\73";
}
.icon-vimeo:before {
  content: "\76\69\6d\65\6f";
}
.icon-twitter:before {
  content: "\74\77\69\74\74\65\72";
}
.icon-tumblr:before {
  content: "\74\75\6d\62\6c\72";
}
.icon-stumbleupon:before {
  content: "\73\74\75\6d\62\6c\65\75\70\6f\6e";
}
.icon-stackoverflow:before {
  content: "\73\74\61\63\6b\6f\76\65\72\66\6c\6f\77";
}
.icon-soundcloud:before {
  content: "\73\6f\75\6e\64\63\6c\6f\75\64";
}
.icon-skype:before {
  content: "\73\6b\79\70\65";
}
.icon-sharethis:before {
  content: "\73\68\61\72\65\74\68\69\73";
}
.icon-rss:before {
  content: "\72\73\73";
}
.icon-reddit:before {
  content: "\72\65\64\64\69\74";
}
.icon-posterious:before {
  content: "\70\6f\73\74\65\72\69\6f\75\73";
}
.icon-pinterest:before {
  content: "\70\69\6e\74\65\72\65\73\74";
}
.icon-picasa:before {
  content: "\70\69\63\61\73\61";
}
.icon-myspace:before {
  content: "\6d\79\73\70\61\63\65";
}
.icon-linkedin:before {
  content: "\6c\69\6e\6b\65\64\69\6e";
}
.icon-lastfm:before {
  content: "\6c\61\73\74\66\6d";
}
.icon-instagram:before {
  content: "\69\6e\73\74\61\67\72\61\6d";
}
.icon-googleplus:before {
  content: "\67\6f\6f\67\6c\65\70\6c\75\73";
}
.icon-github:before {
  content: "\67\69\74\68\75\62";
}
.icon-forrst:before {
  content: "\66\6f\72\72\73\74";
}
.icon-flickr:before {
  content: "\66\6c\69\63\6b\72";
}
.icon-facebook:before {
  content: "\66\61\63\65\62\6f\6f\6b";
}
.icon-email:before {
  content: "\65\6d\61\69\6c";
}
.icon-dribbble:before {
  content: "\64\72\69\62\62\62\6c\65";
}
.icon-deviantart:before {
  content: "\64\65\76\69\61\6e\74\61\72\74";
}
.icon-delicious:before {
  content: "\64\65\6c\69\63\69\6f\75\73";
}
.icon-creattica:before {
  content: "\63\72\65\61\74\74\69\63\61";
}
.icon-coroflot:before {
  content: "\63\6f\72\6f\66\6c\6f\74";
}
.icon-cargo:before {
  content: "\63\61\72\67\6f";
}
.icon-blogger:before {
  content: "\62\6c\6f\67\67\65\72";
}
.icon-behance:before {
  content: "\62\65\68\61\6e\63\65";
}
.icon-apple:before {
  content: "\61\70\70\6c\65";
}
.icon-android:before {
  content: "\61\6e\64\72\6f\69\64";
}
.icon-amazon:before {
  content: "\61\6d\61\7a\6f\6e";
}
.icon-px:before {
  content: "\66\69\76\65\68\75\6e\64\72\65\64";
}
@font-face {
  font-family: 'RaphaelIcons';
  src: url('raphaelicons-webfont.eot');
  src: local('☺'), url('raphaelicons-webfont.woff') format('woff'), url('raphaelicons-webfont.ttf') format('truetype'), url('raphaelicons-webfont.svgwebfontKOf9F4sx') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-film:before {
  font-family: "RaphaelIcons";
  content: "4";
  font-size: 1.1em;
}
.icon-npp:before {
  font-family: "RaphaelIcons";
  content: "!";
  font-size: 1.1em;
}
#page {
  font: normal 15px/1.4 'Molengo', Futura, Helvetica;
}
#page li,
#page p {
  position: relative;
  padding: 8px 0;
}
#page h1 {
  font: normal 42px/1.7em "Lobster";
}
#page h5 {
  font: normal 1.1em "Lobster";
  margin: 0 0 8px;
}
a {
  color: #222233;
  border-bottom: 1px dotted #ff5555;
  padding: 1px;
  filter: alpha(opacity=85);
  opacity: 0.85;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a img {
  border: 0;
}
a:hover {
  border-bottom: 1px dashed #ff5555;
  color: #000;
  filter: alpha(opacity=100);
  opacity: 1;
}
body {
  background: #ffffff;
  color: #000000;
  overflow-x: hidden;
  bottom: 50px;
}
#page {
  width: 68%;
  position: absolute;
  left: 12%;
  top: 20%;
}
#content h1 {
  float: left;
  margin-top: -22px;
  padding-right: 10px;
}
#content p {
  float: left;
  width: 450px;
  font-size: 1.25em;
  display: block;
}
#contact {
  padding: 20px 52px;
  max-width: 1000px;
}
#contact a {
  border: 0;
  float: left;
  width: 278px;
  line-height: 21px;
  height: 21px;
}
#contact a i {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
body a.code {
  padding: 6px 10px;
  background: #fff !important;
  font-family: monospace;
  color: #111 !important;
  text-shadow: none !important;
  border: 0 !important;
  font-size: 11px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  bottom: 10px;
  right: 10px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
body a.code:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
body {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: visible;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#beejeez {
  position: fixed;
  font-size: 77em;
  z-index: 0;
  top: -0.23em;
  left: .1em
  bottom: 0;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: visible;
}
#beejeez .beejeez {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: visible;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1px;
  -moz-perspective: 1px;
  -ms-perspective: 1px;
  -o-perspective: 1px;
  perspective: 1px;
  -webkit-perspective-origin: 0;
  -moz-perspective-origin: 0;
  -ms-perspective-origin: 0;
  -o-perspective-origin: 0;
  perspective-origin: 0;
}
#beejeez span {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: visible;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}
#beejeez #bg1 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#beejeez #bg2 {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
#beejeez #bg3 {
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
#beejeez #bg1 span {
  -webkit-transform: translate3d(-.003em, -0.002em, 0.01em) rotateX(2deg) rotateY(3deg);
  -moz-transform: translate3d(-.003em, -0.002em, 0.01em) rotateX(2deg) rotateY(3deg);
  -o-transform: translate3d(-.003em, -0.002em, 0.01em) rotateX(2deg) rotateY(3deg);
  transform: translate3d(-.003em, -0.002em, 0.01em) rotateX(2deg) rotateY(3deg);
}
#beejeez #bg2 span {
  -webkit-transform: translate3d(.003em, 0.002em, 0.01em) rotateX(-2deg) rotateY(1deg);
  -moz-transform: translate3d(.003em, 0.002em, 0.01em) rotateX(-2deg) rotateY(1deg);
  -o-transform: translate3d(.003em, 0.002em, 0.01em) rotateX(-2deg) rotateY(1deg);
  transform: translate3d(.003em, 0.002em, 0.01em) rotateX(-2deg) rotateY(1deg);
}
#beejeez #bg3 span {
  -webkit-transform: translate3d(-.002em, 0.003em, 0.01em) rotateX(-1deg) rotateY(-2deg);
  -moz-transform: translate3d(-.002em, 0.003em, 0.01em) rotateX(-1deg) rotateY(-2deg);
  -o-transform: translate3d(-.002em, 0.003em, 0.01em) rotateX(-1deg) rotateY(-2deg);
  transform: translate3d(-.002em, 0.003em, 0.01em) rotateX(-1deg) rotateY(-2deg);
}
body#c1 {
  background: #fef49c;
  color: #333333;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}
body#c1 #bg1 span {
  color: #78d3ab;
  text-shadow: #999999 1px 5px;
}
body#c1 #bg2 span {
  color: #ffffff;
  text-shadow: #78d3ab 5px 1px;
}
body#c1 #bg3 span {
  color: #eac17a;
  text-shadow: #ffffff 1px 3px;
}
body#c2 {
  background: #444444;
  color: #eeeeee;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
body#c2 #bg1 span {
  color: #415164;
  text-shadow: #334455 5px 1px;
}
body#c2 #bg2 span {
  color: #446454;
  text-shadow: #553333 1px 3px;
}
body#c2 #bg3 span {
  color: #334455;
  text-shadow: #78d3ab 1px 5px;
}
body#c2 a {
  color: #ffffee;
}
body#c3 {
  background: #ccccbb;
  color: #333333;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}
body#c3 #bg1 span {
  color: #ccdfa4;
  text-shadow: #aaffea 1px 5px;
}
body#c3 #bg2 span {
  color: #a7d3ed;
  text-shadow: #ccddaa 5px 1px;
}
body#c3 #bg3 span {
  color: #ccbbbb;
  text-shadow: #ffffff 1px 3px;
}