/* ===============================================
 *
 * CSS reset
 *
 * =============================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  outline: none;
  color: #ee2a2e;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0 0 20px 0;
}
textarea {
  font-family: inherit;
  overflow: auto;
}
img {
  -ms-interpolation-mode: bicubic;
}
.container {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
.column,
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
  display: inline;
  float: left;
  margin-right: 20px;
}
* html .column,
* html .span-1,
* html .span-2,
* html .span-3,
* html .span-4,
* html .span-5,
* html .span-6,
* html .span-7,
* html .span-8,
* html .span-9,
* html .span-10,
* html .span-11,
* html .span-12 {
  overflow-x: hidden;
}
.last {
  margin-right: 0;
}
.span-1 {
  width: 60px;
}
.span-2 {
  width: 140px;
}
.span-3 {
  width: 220px;
}
.span-4 {
  width: 300px;
}
.span-5 {
  width: 380px;
}
.span-6 {
  width: 460px;
}
.span-7 {
  width: 540px;
}
.span-8 {
  width: 620px;
}
.span-9 {
  width: 700px;
}
.span-10 {
  width: 780px;
}
.span-11 {
  width: 860px;
}
.span-12 {
  width: 940px;
  margin: 0;
}
input.span-1,
textarea.span-1,
select.span-1 {
  width: 60px;
}
input.span-2,
textarea.span-2,
select.span-2 {
  width: 140px;
}
input.span-3,
textarea.span-3,
select.span-3 {
  width: 220px;
}
input.span-4,
textarea.span-4,
select.span-4 {
  width: 300px;
}
input.span-5,
textarea.span-5,
select.span-5 {
  width: 380px;
}
input.span-6,
textarea.span-6,
select.span-6 {
  width: 460px;
}
input.span-7,
textarea.span-7,
select.span-7 {
  width: 540px;
}
input.span-8,
textarea.span-8,
select.span-8 {
  width: 620px;
}
input.span-9,
textarea.span-9,
select.span-9 {
  width: 700px;
}
input.span-10,
textarea.span-10,
select.span-10 {
  width: 780px;
}
input.span-11,
textarea.span-11,
select.span-11 {
  width: 860px;
}
input.span-12,
textarea.span-12,
select.span-12 {
  width: 940px;
}
.append-1 {
  padding-right: 80px;
}
.append-2 {
  padding-right: 160px;
}
.append-3 {
  padding-right: 240px;
}
.append-4 {
  padding-right: 320px;
}
.append-5 {
  padding-right: 400px;
}
.append-6 {
  padding-right: 480px;
}
.append-7 {
  padding-right: 560px;
}
.append-8 {
  padding-right: 640px;
}
.append-9 {
  padding-right: 720px;
}
.append-10 {
  padding-right: 800px;
}
.append-11 {
  padding-right: 880px;
}
.prepend-1 {
  padding-left: 80px;
}
.prepend-2 {
  padding-left: 160px;
}
.prepend-3 {
  padding-left: 240px;
}
.prepend-4 {
  padding-left: 320px;
}
.prepend-5 {
  padding-left: 400px;
}
.prepend-6 {
  padding-left: 480px;
}
.prepend-7 {
  padding-left: 560px;
}
.prepend-8 {
  padding-left: 640px;
}
.prepend-9 {
  padding-left: 720px;
}
.prepend-10 {
  padding-left: 800px;
}
.prepend-11 {
  padding-left: 880px;
}
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12 {
  display: inline;
  float: left;
  position: relative;
}
.pull-1 {
  margin-left: -80px;
}
.pull-2 {
  margin-left: -160px;
}
.pull-3 {
  margin-left: -240px;
}
.pull-4 {
  margin-left: -320px;
}
.pull-5 {
  margin-left: -400px;
}
.pull-6 {
  margin-left: -480px;
}
.pull-7 {
  margin-left: -560px;
}
.pull-8 {
  margin-left: -640px;
}
.pull-9 {
  margin-left: -720px;
}
.pull-10 {
  margin-left: -800px;
}
.pull-11 {
  margin-left: -880px;
}
.pull-12 {
  margin-left: -960px;
}
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12 {
  display: inline;
  float: left;
  position: relative;
}
.push-1 {
  margin: 0 -80px 1.5em 80px;
}
.push-2 {
  margin: 0 -160px 1.5em 160px;
}
.push-3 {
  margin: 0 -240px 1.5em 240px;
}
.push-4 {
  margin: 0 -320px 1.5em 320px;
}
.push-5 {
  margin: 0 -400px 1.5em 400px;
}
.push-6 {
  margin: 0 -480px 1.5em 480px;
}
.push-7 {
  margin: 0 -560px 1.5em 560px;
}
.push-8 {
  margin: 0 -640px 1.5em 640px;
}
.push-9 {
  margin: 0 -720px 1.5em 720px;
}
.push-10 {
  margin: 0 -800px 1.5em 800px;
}
.push-11 {
  margin: 0 -880px 1.5em 880px;
}
.push-12 {
  margin: 0 -960px 1.5em 960px;
}
.prepend-top {
  margin-top: 1.5em;
}
.append-bottom {
  margin-bottom: 1.5em;
}
.container {
  overflow: visible;
  *zoom: 1;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
hr {
  border: none;
  height: 5px;
  background: #dadce2;
  clear: both;
  width: 100%;
}
/* ===============================================
 *
 * Sprites
 *
 * =============================================== */
.old-sprite,
.ns-capsule,
#nav .about a,
#about .downloads .vcard a,
#about .downloads .resume a,
#contact .form .buttons button > span,
.ns-capsule_left,
#nav .about b,
#about .downloads .vcard b,
#about .downloads .resume b,
#contact .form .buttons button > span b,
.ns-capsule_middle,
#nav .about span,
#about .downloads .vcard span,
#about .downloads .resume span,
#contact .form .buttons button > span span,
.ns-lava,
#portfolio .filter,
.ns-lava_left,
#portfolio .filter > b,
.ns-lava_middle,
#portfolio .filter ul,
.ns-lava_thumb,
#portfolio .filter .thumb,
.ns-lava_thumb_left,
#portfolio .filter .thumb b,
.ns-lava_thumb_middle,
#portfolio .filter .thumb span,
.ns-tictoc,
.project .back,
.item .back,
#about .back,
.ns-bandage,
#about .skills dd,
.ns-bandage_left,
#about .skills dd b {
  background: url('../img/old-s79612800a9.png') no-repeat;
}
.modern-sprite,
.ns-drop-down,
.ns-drop-up,
#nav .contact,
#nav .portfolio-back,
#nav .portfolio,
#nav .contact-back,
.ns-drop-down_bd,
.ns-drop-up_bd,
#nav .contact a,
#nav .portfolio-back a,
#nav .portfolio a,
#nav .contact-back a,
.ns-drop-down_left,
.ns-drop-up_left,
#nav .contact b,
#nav .portfolio-back b,
#nav .portfolio b,
#nav .contact-back b,
.ns-drop-down_middle,
.ns-drop-up_middle,
#nav .contact span,
#nav .portfolio-back span,
#nav .portfolio span,
#nav .contact-back span,
.ns-dotted-nav_prev,
#portfolio .pagination .prev,
.ns-dotted-nav_next,
#portfolio .pagination .next,
.ns-dotted-nav_num,
#portfolio .pagination .num,
.ns-tooltip_harrow,
.project .tooltip .arrow,
.item .tooltip .arrow,
#about .tooltip .arrow,
.ns-tooltip_varrow,
.social .tooltip .arrow,
.social .tooltip1 .arrow1,
.footer .back-to-top {
  background: url('../img/modern-s10a8e71190.png') no-repeat;
}
/* ===============================================
 *
 * Font face
 *
 * =============================================== */
@font-face {
  font-family: "League Gothic";
  src: url('../font/League_Gothic-webfont.eot');
  src: url('../font/League_Gothic-webfont.eot?iefix') format('eot'), url('../font/League_Gothic-webfont.woff') format('woff'), url('../font/League_Gothic-webfont.ttf') format('truetype'), url('../font/League_Gothic-webfont.svg') format('svg');
}
@font-face {
  font-family: 'SansationRegular';
  src: url('../font/Sansation_Regular-webfont.eot');
  src: url('../font/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Sansation_Regular-webfont.woff') format('woff'), url('../font/Sansation_Regular-webfont.ttf') format('truetype'), url('../font/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationLight';
  src: url('../font/Sansation_Light-webfont.eot');
  src: url('../font/Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Sansation_Light-webfont.woff') format('woff'), url('../font/Sansation_Light-webfont.ttf') format('truetype'), url('../font/Sansation_Light-webfont.svg#SansationLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationBold';
  src: url('../font/Sansation_Bold-webfont.eot');
  src: url('../font/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Sansation_Bold-webfont.woff') format('woff'), url('../font/Sansation_Bold-webfont.ttf') format('truetype'), url('../font/Sansation_Bold-webfont.svg#SansationBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationLightLightItalic';
  src: url('../font/Sansation_Light_Italic-webfont.eot');
  src: url('../font/Sansation_Light_Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Sansation_Light_Italic-webfont.woff') format('woff'), url('../font/Sansation_Light_Italic-webfont.ttf') format('truetype'), url('../font/Sansation_Light_Italic-webfont.svg#SansationLightLightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationItalic';
  src: url('../font/Sansation_Italic-webfont.eot');
  src: url('../font/Sansation_Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Sansation_Italic-webfont.woff') format('woff'), url('../font/Sansation_Italic-webfont.ttf') format('truetype'), url('../font/Sansation_Italic-webfont.svg#SansationItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SansationBoldItalic';
  src: url('../font/Sansation_Bold_Italic-webfont.eot');
  src: url('../font/Sansation_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Sansation_Bold_Italic-webfont.woff') format('woff'), url('../font/Sansation_Bold_Italic-webfont.ttf') format('truetype'), url('../font/Sansation_Bold_Italic-webfont.svg#SansationBoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ===============================================
 *
 * Module styles
 *
 * =============================================== */
.ns-button,
.ns-drop-down_bd,
.ns-drop-up_bd,
#nav .contact a,
#nav .portfolio-back a,
#nav .portfolio a,
#nav .contact-back a,
.ns-capsule,
#nav .about a,
#about .downloads .vcard a,
#about .downloads .resume a,
#contact .form .buttons button > span,
.ns-lava_item,
#portfolio .filter li,
#store .filter li,
.ns-dotted-nav_prev,
#portfolio .pagination .prev,
#store .pagination .prev,
.ns-dotted-nav_next,
#portfolio .pagination .next,
#store .pagination .next,
.ns-dotted-nav_num,
#portfolio .pagination .num,
#store .pagination .num,
.ns-tictoc,
.project .back,
.item .back,
#about .back {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.ns-button.active,
.active.ns-drop-down_bd,
.active.ns-drop-up_bd,
#nav .contact a.active,
#nav .portfolio-back a.active,
#nav .portfolio a.active,
#nav .contact-back a.active,
.active.ns-capsule,
#nav .about a.active,
#about .downloads .vcard a.active,
#about .downloads .resume a.active,
#contact .form .buttons button > span.active,
.active.ns-lava_item,
#portfolio .filter li.active,
#store .filter li.active,
.active.ns-dotted-nav_prev,
#portfolio .pagination .active.prev,
#store .pagination .active.prev,
.active.ns-dotted-nav_next,
#portfolio .pagination .active.next,
#store .pagination .active.next,
.active.ns-dotted-nav_num,
#portfolio .pagination .active.num,
#store .pagination .active.num,
.active.ns-tictoc,
.project .active.back,
.item .active.back,
#about .active.back {
  cursor: default;
}
.ns-button a,
.ns-drop-down_bd a,
.ns-drop-up_bd a,
#nav .contact a a,
#nav .portfolio-back a a,
#nav .portfolio a a,
#nav .contact-back a a,
.ns-capsule a,
#nav .about a a,
#about .downloads .vcard a a,
#about .downloads .resume a a,
#contact .form .buttons button > span a,
.ns-lava_item a,
#portfolio .filter li a,
#store .filter li a,
.ns-dotted-nav_prev a,
#portfolio .pagination .prev a,
#store .pagination .prev a,
.ns-dotted-nav_next a,
#portfolio .pagination .next a,
#store .pagination .next a,
.ns-dotted-nav_num a,
#portfolio .pagination .num a,
#store .pagination .num a,
.ns-tictoc a,
.project .back a,
.item .back a,
#about .back a {
  text-decoration: none;
}
.ns-shadow,
#portfolio .thumbnails .image,
#portfolio .thumbnail-list .image,
#store .thumbnails .image,
#store .thumbnail-list .image {
  -moz-box-shadow: 0 1px 4px #b1b3b8;
  -webkit-box-shadow: 0 1px 4px #b1b3b8;
  -o-box-shadow: 0 1px 4px #b1b3b8;
  box-shadow: 0 1px 4px #b1b3b8;
}
/* Drop down module
* ----------------------------------------------- */
.ns-drop-down,
.ns-drop-up,
#nav .contact,
#nav .portfolio-back,
#nav .portfolio,
#nav .contact-back {
  background-position: 0 -463px;
  height: 5px;
  background-repeat: repeat-x;
  background-color: #3c3e45;
  text-align: center;
}
.ns-drop-down_bd,
.ns-drop-up_bd,
#nav .contact a,
#nav .portfolio-back a,
#nav .portfolio a,
#nav .contact-back a {
  background-position: 100% -185px;
  vertical-align: top;
  color: #e8eaf0;
  position: absolute;
  top: 0;
  left: 50%;
}
.ns-drop-down_left,
.ns-drop-up_left,
#nav .contact b,
#nav .portfolio-back b,
#nav .portfolio b,
#nav .contact-back b {
  background-position: 0 -115px;
  height: 35px;
  width: 38px;
  position: absolute;
  left: 0;
  top: 0;
}
.ns-drop-down_middle,
.ns-drop-up_middle,
#nav .contact span,
#nav .portfolio-back span,
#nav .portfolio span,
#nav .contact-back span {
  background-position: 0 -393px;
  background-repeat: repeat-x;
  background-color: #3c3e45;
  display: block;
  height: 35px;
  line-height: 35px;
  margin: 0 38px;
}
/* Drop up module
* ----------------------------------------------- */
.ns-drop-up,
#nav .contact,
#nav .portfolio-back {
  background-position: 0 -468px;
}
.ns-drop-up_bd,
#nav .contact a,
#nav .portfolio-back a {
  background-position: 100% -80px;
  top: auto;
  bottom: 0;
}
.ns-drop-up_left,
#nav .contact b,
#nav .portfolio-back b {
  background-position: 0 -150px;
}
.ns-drop-up_middle,
#nav .contact span,
#nav .portfolio-back span {
  background-position: 0 -428px;
}
/* Capsule module
* ----------------------------------------------- */
.ns-capsule,
#nav .about a,
#about .downloads .vcard a,
#about .downloads .resume a,
#contact .form .buttons button > span {
  background-position: 100% -250px;
  position: relative;
}
.ns-capsule:active,
#nav .about a:active,
#about .downloads .vcard a:active,
#about .downloads .resume a:active,
#contact .form .buttons button > span:active,
#contact .form .buttons button:active > span {
  background-position: 100% -160px;
}
.borderradius.boxshadow.cssgradients .ns-capsule,
.borderradius.boxshadow.cssgradients #nav .about a,
#nav .about .borderradius.boxshadow.cssgradients a,
.borderradius.boxshadow.cssgradients #about .downloads .vcard a,
#about .downloads .vcard .borderradius.boxshadow.cssgradients a,
.borderradius.boxshadow.cssgradients #about .downloads .resume a,
#about .downloads .resume .borderradius.boxshadow.cssgradients a,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button > span {
  background: none;
}
.ns-capsule_left,
#nav .about b,
#about .downloads .vcard b,
#about .downloads .resume b,
#contact .form .buttons button > span b {
  background-position: 0 -295px;
  height: 45px;
  width: 22px;
  position: absolute;
  left: 0;
  top: 0;
}
.ns-capsule:active .ns-capsule_left,
#nav .about a:active .ns-capsule_left,
#about .downloads .vcard a:active .ns-capsule_left,
#about .downloads .resume a:active .ns-capsule_left,
#contact .form .buttons button > span:active .ns-capsule_left,
#contact .form .buttons button:active > span .ns-capsule_left,
.ns-capsule:active #nav .about b,
#nav .about .ns-capsule:active b,
#nav .about a:active b,
#about .downloads .vcard a:active #nav .about b,
#nav .about #about .downloads .vcard a:active b,
#about .downloads .resume a:active #nav .about b,
#nav .about #about .downloads .resume a:active b,
#contact .form .buttons button > span:active #nav .about b,
#nav .about #contact .form .buttons button > span:active b,
#contact .form .buttons button:active > span #nav .about b,
#nav .about #contact .form .buttons button:active > span b,
.ns-capsule:active #about .downloads .vcard b,
#about .downloads .vcard .ns-capsule:active b,
#nav .about a:active #about .downloads .vcard b,
#about .downloads .vcard #nav .about a:active b,
#about .downloads .vcard a:active b,
#about .downloads .resume a:active .vcard b,
#about .downloads .vcard .resume a:active b,
#contact .form .buttons button > span:active #about .downloads .vcard b,
#about .downloads .vcard #contact .form .buttons button > span:active b,
#contact .form .buttons button:active > span #about .downloads .vcard b,
#about .downloads .vcard #contact .form .buttons button:active > span b,
.ns-capsule:active #about .downloads .resume b,
#about .downloads .resume .ns-capsule:active b,
#nav .about a:active #about .downloads .resume b,
#about .downloads .resume #nav .about a:active b,
#about .downloads .vcard a:active .resume b,
#about .downloads .resume .vcard a:active b,
#about .downloads .resume a:active b,
#contact .form .buttons button > span:active #about .downloads .resume b,
#about .downloads .resume #contact .form .buttons button > span:active b,
#contact .form .buttons button:active > span #about .downloads .resume b,
#about .downloads .resume #contact .form .buttons button:active > span b,
.ns-capsule:active #contact .form .buttons button > span b,
#contact .form .buttons button > span .ns-capsule:active b,
#nav .about a:active #contact .form .buttons button > span b,
#contact .form .buttons button > span #nav .about a:active b,
#about .downloads .vcard a:active #contact .form .buttons button > span b,
#contact .form .buttons button > span #about .downloads .vcard a:active b,
#about .downloads .resume a:active #contact .form .buttons button > span b,
#contact .form .buttons button > span #about .downloads .resume a:active b,
#contact .form .buttons button > span:active b,
#contact .form .buttons button:active > span b {
  background-position: 0 -205px;
}
.borderradius.boxshadow.cssgradients .ns-capsule_left,
.borderradius.boxshadow.cssgradients #nav .about b,
#nav .about .borderradius.boxshadow.cssgradients b,
.borderradius.boxshadow.cssgradients #about .downloads .vcard b,
#about .downloads .vcard .borderradius.boxshadow.cssgradients b,
.borderradius.boxshadow.cssgradients #about .downloads .resume b,
#about .downloads .resume .borderradius.boxshadow.cssgradients b,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span b,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients b {
  display: none;
}
.ns-capsule_middle,
#nav .about span,
#about .downloads .vcard span,
#about .downloads .resume span,
#contact .form .buttons button > span span {
  background-position: 0 -593px;
  background-repeat: repeat-x;
  display: block;
  height: 45px;
  line-height: 42px;
  margin: 0 22px;
  color: #3c3e45;
}
.ns-capsule:active .ns-capsule_middle,
#nav .about a:active .ns-capsule_middle,
#about .downloads .vcard a:active .ns-capsule_middle,
#about .downloads .resume a:active .ns-capsule_middle,
#contact .form .buttons button > span:active .ns-capsule_middle,
#contact .form .buttons button:active > span .ns-capsule_middle,
.ns-capsule:active #nav .about span,
#nav .about .ns-capsule:active span,
#nav .about a:active span,
#about .downloads .vcard a:active #nav .about span,
#nav .about #about .downloads .vcard a:active span,
#about .downloads .resume a:active #nav .about span,
#nav .about #about .downloads .resume a:active span,
#contact .form .buttons button > span:active #nav .about span,
#nav .about #contact .form .buttons button > span:active span,
#contact .form .buttons button:active > span #nav .about span,
#nav .about #contact .form .buttons button:active > span span,
.ns-capsule:active #about .downloads .vcard span,
#about .downloads .vcard .ns-capsule:active span,
#nav .about a:active #about .downloads .vcard span,
#about .downloads .vcard #nav .about a:active span,
#about .downloads .vcard a:active span,
#about .downloads .resume a:active .vcard span,
#about .downloads .vcard .resume a:active span,
#contact .form .buttons button > span:active #about .downloads .vcard span,
#about .downloads .vcard #contact .form .buttons button > span:active span,
#contact .form .buttons button:active > span #about .downloads .vcard span,
#about .downloads .vcard #contact .form .buttons button:active > span span,
.ns-capsule:active #about .downloads .resume span,
#about .downloads .resume .ns-capsule:active span,
#nav .about a:active #about .downloads .resume span,
#about .downloads .resume #nav .about a:active span,
#about .downloads .vcard a:active .resume span,
#about .downloads .resume .vcard a:active span,
#about .downloads .resume a:active span,
#contact .form .buttons button > span:active #about .downloads .resume span,
#about .downloads .resume #contact .form .buttons button > span:active span,
#contact .form .buttons button:active > span #about .downloads .resume span,
#about .downloads .resume #contact .form .buttons button:active > span span,
.ns-capsule:active #contact .form .buttons button > span span,
#contact .form .buttons button > span .ns-capsule:active span,
#nav .about a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span #nav .about a:active span,
#about .downloads .vcard a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span #about .downloads .vcard a:active span,
#about .downloads .resume a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span #about .downloads .resume a:active span,
#contact .form .buttons button > span:active span,
#contact .form .buttons button:active > span span {
  background-position: 0 -548px;
}
.borderradius.boxshadow.cssgradients .ns-capsule_middle,
.borderradius.boxshadow.cssgradients #nav .about span,
#nav .about .borderradius.boxshadow.cssgradients span,
.borderradius.boxshadow.cssgradients #about .downloads .vcard span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients span,
.borderradius.boxshadow.cssgradients #about .downloads .resume span,
#about .downloads .resume .borderradius.boxshadow.cssgradients span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span span,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients span {
  height: 40px;
  line-height: 40px;
  border: 1px solid #170202;
  margin: 0 0 3px 0;
  padding: 0 22px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.13))) #ee2a2e;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) #ee2a2e;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) #ee2a2e;
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) #ee2a2e;
  background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) #ee2a2e;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) #ee2a2e;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: inset 0 1px #170202, 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px #170202, 0 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0 1px #170202, 0 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px #170202, 0 1px rgba(0, 0, 0, 0.25);
  -moz-transition: background-color 300ms;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.borderradius.boxshadow.cssgradients .ns-capsule_middle:hover,
.borderradius.boxshadow.cssgradients #nav .about span:hover,
#nav .about .borderradius.boxshadow.cssgradients span:hover,
.borderradius.boxshadow.cssgradients #about .downloads .vcard span:hover,
#about .downloads .vcard .borderradius.boxshadow.cssgradients span:hover,
.borderradius.boxshadow.cssgradients #about .downloads .resume span:hover,
#about .downloads .resume .borderradius.boxshadow.cssgradients span:hover,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span span:hover,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients span:hover {
  background-color: #a50d10;
  color: white;
  -moz-transition: background-color 300ms, color 600ms;
  -webkit-transition: background-color 300ms, color 600ms;
  -o-transition: background-color 300ms, color 600ms;
  transition: background-color 300ms, color 600ms;
}
.borderradius.boxshadow.cssgradients .ns-capsule:active .ns-capsule_middle,
.borderradius.boxshadow.cssgradients #nav .about a:active .ns-capsule_middle,
#nav .about .borderradius.boxshadow.cssgradients a:active .ns-capsule_middle,
.borderradius.boxshadow.cssgradients #about .downloads .vcard a:active .ns-capsule_middle,
#about .downloads .vcard .borderradius.boxshadow.cssgradients a:active .ns-capsule_middle,
.borderradius.boxshadow.cssgradients #about .downloads .resume a:active .ns-capsule_middle,
#about .downloads .resume .borderradius.boxshadow.cssgradients a:active .ns-capsule_middle,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active .ns-capsule_middle,
#contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active .ns-capsule_middle,
.borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span .ns-capsule_middle,
#contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span .ns-capsule_middle,
.borderradius.boxshadow.cssgradients .ns-capsule:active #nav .about span,
#nav .about .borderradius.boxshadow.cssgradients .ns-capsule:active span,
.borderradius.boxshadow.cssgradients #nav .about a:active span,
#nav .about .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .vcard a:active #nav .about span,
#nav .about .borderradius.boxshadow.cssgradients #about .downloads .vcard a:active span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients a:active #nav .about span,
#nav .about #about .downloads .vcard .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .resume a:active #nav .about span,
#nav .about .borderradius.boxshadow.cssgradients #about .downloads .resume a:active span,
#about .downloads .resume .borderradius.boxshadow.cssgradients a:active #nav .about span,
#nav .about #about .downloads .resume .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active #nav .about span,
#nav .about .borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active #nav .about span,
#nav .about #contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span #nav .about span,
#nav .about .borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span #nav .about span,
#nav .about #contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span span,
.borderradius.boxshadow.cssgradients .ns-capsule:active #about .downloads .vcard span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients .ns-capsule:active span,
.borderradius.boxshadow.cssgradients #nav .about a:active #about .downloads .vcard span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients #nav .about a:active span,
#nav .about .borderradius.boxshadow.cssgradients a:active #about .downloads .vcard span,
#about .downloads .vcard #nav .about .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .vcard a:active span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .resume a:active .vcard span,
.borderradius.boxshadow.cssgradients #about .downloads .vcard .resume a:active span,
#about .downloads .resume .borderradius.boxshadow.cssgradients a:active .vcard span,
#about .downloads .vcard .resume .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active #about .downloads .vcard span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active #about .downloads .vcard span,
#about .downloads .vcard #contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span #about .downloads .vcard span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span #about .downloads .vcard span,
#about .downloads .vcard #contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span span,
.borderradius.boxshadow.cssgradients .ns-capsule:active #about .downloads .resume span,
#about .downloads .resume .borderradius.boxshadow.cssgradients .ns-capsule:active span,
.borderradius.boxshadow.cssgradients #nav .about a:active #about .downloads .resume span,
#about .downloads .resume .borderradius.boxshadow.cssgradients #nav .about a:active span,
#nav .about .borderradius.boxshadow.cssgradients a:active #about .downloads .resume span,
#about .downloads .resume #nav .about .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .vcard a:active .resume span,
.borderradius.boxshadow.cssgradients #about .downloads .resume .vcard a:active span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients a:active .resume span,
#about .downloads .resume .vcard .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .resume a:active span,
#about .downloads .resume .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active #about .downloads .resume span,
#about .downloads .resume .borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active #about .downloads .resume span,
#about .downloads .resume #contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span #about .downloads .resume span,
#about .downloads .resume .borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span #about .downloads .resume span,
#about .downloads .resume #contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span span,
.borderradius.boxshadow.cssgradients .ns-capsule:active #contact .form .buttons button > span span,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients .ns-capsule:active span,
.borderradius.boxshadow.cssgradients #nav .about a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients #nav .about a:active span,
#nav .about .borderradius.boxshadow.cssgradients a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span #nav .about .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .vcard a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients #about .downloads .vcard a:active span,
#about .downloads .vcard .borderradius.boxshadow.cssgradients a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span #about .downloads .vcard .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #about .downloads .resume a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span .borderradius.boxshadow.cssgradients #about .downloads .resume a:active span,
#about .downloads .resume .borderradius.boxshadow.cssgradients a:active #contact .form .buttons button > span span,
#contact .form .buttons button > span #about .downloads .resume .borderradius.boxshadow.cssgradients a:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button > span:active span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button > span:active span,
.borderradius.boxshadow.cssgradients #contact .form .buttons button:active > span span,
#contact .form .buttons .borderradius.boxshadow.cssgradients button:active > span span {
  border-color: transparent;
  background-color: #a50d10;
  -moz-box-shadow: 0 1px #460607, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px #460607, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px #460607, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px #460607, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-transition: background-color 300ms;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
/* Lava module
* ----------------------------------------------- */
.ns-lava,
#portfolio .filter {
  position: relative;
  display: inline-block;
  background-position: 100% -377px;
}
.borderradius.boxshadow.cssgradients .ns-lava,
.borderradius.boxshadow.cssgradients #portfolio .filter,
#portfolio .borderradius.boxshadow.cssgradients .filter {
  background: none;
}
.ns-lava_left,
#portfolio .filter > b {
  background-position: 0 -340px;
  height: 37px;
  width: 19px;
  position: absolute;
  left: 0;
  top: 0;
}
.borderradius.boxshadow.cssgradients .ns-lava_left,
.borderradius.boxshadow.cssgradients #portfolio .filter > b,
#portfolio .borderradius.boxshadow.cssgradients .filter > b {
  display: none;
}
.ns-lava_middle,
#portfolio .filter ul {
  background-position: 0 -669px;
  background-repeat: repeat-x;
  background-color: #cecfd5;
  display: block;
  height: 37px;
  line-height: 36px;
  margin: 0 19px;
  color: #3c3e45;
  overflow: hidden;
}
.borderradius.boxshadow.cssgradients .ns-lava_middle,
.borderradius.boxshadow.cssgradients #portfolio .filter ul,
#portfolio .filter .borderradius.boxshadow.cssgradients ul {
  height: 36px;
  line-height: 36px;
  margin: 0 0 1px 0;
  padding: 0 19px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.08)), color-stop(100%, rgba(0, 0, 0, 0))) #232323;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #232323;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #232323;
  background: -o-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #232323;
  background: -ms-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #232323;
  background: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #232323;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -o-border-radius: 18px;
  -ms-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px #111111;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px #111111;
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px #111111;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px #111111;
}
.ns-lava_item,
#portfolio .filter li {
  position: relative;
  z-index: 2;
  margin: 0 0 0 30px;
  float: left;
  color: gray;
}
.ns-lava_item:first-child,
#portfolio .filter li:first-child {
  margin: 0;
}
.ns-lava_item:hover,
#portfolio .filter li:hover {
  color: #ee2a2e;
}
.ns-lava_item.active,
#portfolio .filter li.active {
  color: white;
}
.ns-lava_thumb,
#portfolio .filter .thumb {
  background-position: 100% -414px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 3px 15px 0 3px;
}
.borderradius.boxshadow.cssgradients .ns-lava_thumb,
.borderradius.boxshadow.cssgradients #portfolio .filter .thumb,
#portfolio .filter .borderradius.boxshadow.cssgradients .thumb {
  background: none;
}
.ns-lava_thumb_left,
#portfolio .filter .thumb b {
  background-position: 0 -445px;
  height: 31px;
  width: 15px;
  position: absolute;
  left: 0;
  top: 0;
}
.borderradius.boxshadow.cssgradients .ns-lava_thumb_left,
.borderradius.boxshadow.cssgradients #portfolio .filter .thumb b,
#portfolio .filter .thumb .borderradius.boxshadow.cssgradients b {
  display: none;
}
.ns-lava_thumb_middle,
#portfolio .filter .thumb span {
  background-position: 0 -638px;
  background-repeat: repeat-x;
  background-color: #ee2a2e;
  height: 31px;
  line-height: 30px;
  display: block;
  margin: 0 15px;
}
.borderradius.boxshadow.cssgradients .ns-lava_thumb_middle,
.borderradius.boxshadow.cssgradients #portfolio .filter .thumb span,
#portfolio .filter .thumb .borderradius.boxshadow.cssgradients span {
  height: 30px;
  line-height: 30px;
  margin: 0 0 1px 0;
  padding: 0 15px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.13))) #ee2a2e;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #ee2a2e;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #ee2a2e;
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #ee2a2e;
  background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #ee2a2e;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #ee2a2e;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -o-border-radius: 18px;
  -ms-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: inset 0 1px #d41115, 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px #d41115, 0 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0 1px #d41115, 0 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px #d41115, 0 1px rgba(0, 0, 0, 0.25);
}
/* Dotted nav module
* ----------------------------------------------- */
.ns-dotted-nav,
#portfolio .pagination {
  overflow: hidden;
}
.ns-dotted-nav_prev,
#portfolio .pagination .prev {
  background-position: 6px -284px;
  height: 12px;
  width: 8px;
  padding: 8px 6px;
  float: left;
}
.ns-dotted-nav_prev:hover,
#portfolio .pagination .prev:hover {
  background-position: 6px -244px;
}
.ns-dotted-nav_next,
#portfolio .pagination .next {
  background-position: 6px -304px;
  height: 12px;
  width: 8px;
  padding: 8px 6px;
  float: left;
}
.ns-dotted-nav_next:hover,
#portfolio .pagination .next:hover {
  background-position: 6px -264px;
}
.ns-dotted-nav_num,
#portfolio .pagination .num {
  background-position: 4px -365px;
  height: 8px;
  width: 8px;
  padding: 10px 4px;
  float: left;
}
.ns-dotted-nav_num:hover,
#portfolio .pagination .num:hover,
.ns-dotted-nav_num.active,
#portfolio .pagination .active.num {
  background-position: 4px -347px;
}
/* Tictoc module
* ----------------------------------------------- */
.ns-tictoc,
.project .back,
.item .back,
#about .back {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-position: 0 -80px;
  height: 80px;
  width: 80px;
}
.ns-tictoc:active,
.project .back:active,
.item .back:active,
#about .back:active {
  background-position: 0 0;
}
.borderradius.boxshadow.cssgradients .ns-tictoc,
.borderradius.boxshadow.cssgradients .project .back,
.borderradius.boxshadow.cssgradients .item .back,
.project .borderradius.boxshadow.cssgradients .back,
.item .borderradius.boxshadow.cssgradients .back,
.borderradius.boxshadow.cssgradients #about .back,
#about .borderradius.boxshadow.cssgradients .back {
  height: 76px;
  width: 76px;
  -moz-border-radius: 38px;
  -webkit-border-radius: 38px;
  -o-border-radius: 38px;
  -ms-border-radius: 38px;
  -khtml-border-radius: 38px;
  border-radius: 38px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))), url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #333333;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #333333;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #333333;
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #333333;
  background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #333333;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #333333;
  -moz-box-shadow: inset 0 1px #666666, 0 2px 3px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: inset 0 1px #666666, 0 2px 3px rgba(0, 0, 0, 0.28);
  -o-box-shadow: inset 0 1px #666666, 0 2px 3px rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 1px #666666, 0 2px 3px rgba(0, 0, 0, 0.28);
  -moz-transition: background-color 300ms;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.borderradius.boxshadow.cssgradients .ns-tictoc:hover,
.borderradius.boxshadow.cssgradients .project .back:hover,
.borderradius.boxshadow.cssgradients .item .back:hover,
.project .borderradius.boxshadow.cssgradients .back:hover,
.item .borderradius.boxshadow.cssgradients .back:hover,
.borderradius.boxshadow.cssgradients #about .back:hover,
#about .borderradius.boxshadow.cssgradients .back:hover {
  background-color: #ee2a2e;
  -moz-transition: background-color 300ms;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.borderradius.boxshadow.cssgradients .ns-tictoc:active,
.borderradius.boxshadow.cssgradients .project .back:active,
.borderradius.boxshadow.cssgradients .item .back:active,
.project .borderradius.boxshadow.cssgradients .back:active,
.item .borderradius.boxshadow.cssgradients .back:active,
.borderradius.boxshadow.cssgradients #about .back:active,
#about .borderradius.boxshadow.cssgradients .back:active {
  background-color: #ee2a2e;
  -moz-box-shadow: 0 1px #a50d10, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px #a50d10, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 1px #a50d10, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px #a50d10, inset 0 2px 2px rgba(0, 0, 0, 0.65), inset 0 0 3px rgba(0, 0, 0, 0.08);
  -moz-transition: background-color 300ms;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
/* Rollover module
* ----------------------------------------------- */
.ns-rollover,
.ns-rollover-thin,
#portfolio .thumbnail-list .image,
#portfolio .thumbnails .image,
#store .thumbnail-list .image,
#store .thumbnails .image {
  border: 5px solid;
  overflow: hidden;
  display: inline-block;
  color: #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.ns-rollover:hover,
.ns-rollover-thin:hover,
#portfolio .thumbnail-list .image:hover,
#portfolio .thumbnails .image:hover,
#store .thumbnail-list .image:hover,
#store .thumbnails .image:hover,
.ns-rollover.active,
.active.ns-rollover-thin,
#portfolio .thumbnail-list .active.image,
#portfolio .thumbnails .active.image,
#store .thumbnail-list .active.image,
#store .thumbnails .active.image {
  color: #ee2a2e;
}
.ns-rollover img,
.ns-rollover-thin img,
#portfolio .thumbnail-list .image img,
#portfolio .thumbnails .image img,
#store .thumbnail-list .image img,
#store .thumbnails .image img {
  display: block;
  margin: -5px;
}
.ns-rollover-thin,
#portfolio .thumbnail-list .image,
#store .thumbnail-list .image {
  border-width: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.ns-rollover-thin img,
#portfolio .thumbnail-list .image img,
#store .thumbnail-list .image img {
  margin: -3px;
}
/* Bandage module
* ----------------------------------------------- */
.ns-bandage,
#about .skills dd {
  background-position: 100% -512px;
  position: relative;
}
.borderradius .ns-bandage,
.borderradius #about .skills dd,
#about .skills .borderradius dd {
  background: none;
}
.ns-bandage_left,
#about .skills dd b {
  background-position: 0 -476px;
  height: 36px;
  width: 19px;
  position: absolute;
  left: 0;
  top: 0;
}
.borderradius.boxshadow.cssgradients .ns-bandage_left,
.borderradius.boxshadow.cssgradients #about .skills dd b,
#about .skills dd .borderradius.boxshadow.cssgradients b {
  display: none;
}
.ns-bandage_middle,
#about .skills dd span {
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 19px;
  color: #e8eaf0;
  background-color: #3c3e45;
}
.borderradius .ns-bandage_middle,
.borderradius #about .skills dd span,
#about .skills dd .borderradius span {
  margin: 0;
  padding: 0 19px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -o-border-radius: 18px;
  -ms-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
}
/* Basin module
* ----------------------------------------------- */
.ns-basin,
#portfolio .list-mode,
#store .list-mode {
  background-color: #222;
  -moz-box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px #ee2a2e;
  -webkit-box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px #ee2a2e;
  -o-box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px #ee2a2e;
  box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px #ee2a2e;
}
/* Photo stack module
* ----------------------------------------------- */
.ns-photo-stack,
#about .intro .portrait {
  position: relative;
  display: inline-block;
  margin: 0 0 28px 30px;
}
.ns-photo-stack img,
#about .intro .portrait img {
  border: 8px solid white;
  position: relative;
  z-index: 1;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 5px #b1b3b8;
  -webkit-box-shadow: 0 1px 5px #b1b3b8;
  -o-box-shadow: 0 1px 5px #b1b3b8;
  box-shadow: 0 1px 5px #b1b3b8;
}
.ns-photo-stack:before,
#about .intro .portrait:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 5px #b1b3b8;
  -webkit-box-shadow: 0 1px 5px #b1b3b8;
  -o-box-shadow: 0 1px 5px #b1b3b8;
  box-shadow: 0 1px 5px #b1b3b8;
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
.ns-photo-stack_mask,
#about .intro .portrait .mask {
  position: absolute;
  left: -30px;
  bottom: -28px;
  width: 113px;
  height: 109px;
  background: url('../img/mask.png') no-repeat;
  z-index: 2;
}
/* Vent stack module
* ----------------------------------------------- */
.ns-vent,
#contact .form p {
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px #ffffff;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px #ffffff;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px #ffffff;
}
.ns-tooltip,
.project .tooltip,
.item .tooltip,
#about .tooltip,
#contact .social .tooltip {
  background: #20232B;
  padding: 7px 10px;
  border: 1px solid #000;
  color: #a0a2a8;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 9999999;
}
.ns-tooltip_harrow,
.project .tooltip .arrow,
.item .tooltip .arrow,
#about .tooltip .arrow {
  background-position: 0 -220px;
  height: 15px;
  width: 9px;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -7px -9px 0 0;
}
.ns-tooltip_varrow,
#contact .social .tooltip .arrow {
  background-position: 0 -235px;
  height: 9px;
  width: 15px;
  position: absolute;
  right: 50%;
  bottom: 0;
  margin: 0 -7px -9px 0;
}
.ns-tooltip1,
footer .social .tooltip1,
.ns-tooltip1,
#about .social .tooltip1 {
  padding: 7px 10px;
  border: 1px solid #000;
  color: #a0a2a8;
  position: absolute;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-color: #20232B;
  z-index: 9999999;
}
footer .social .tooltip1 .arrow1 {
  background-position: 0 -235px;
  height: 9px;
  width: 15px;
  position: absolute;
  right: 50%;
  bottom: 0;
  margin: 0 -7px -9px 0;
}
/* ===============================================
 *
 * Global styles
 *
 * =============================================== */
html,
body {
  height: 100%;
  overflow: hidden;
  font: 13px/1.5 Arial, sans-serif;
  color: white;
  background: black;
}
h1 {
  font: 100px/1 "League Gothic", Arial, sans-serif;
  font-stretch: ultra-condensed;
  color: white;
}
nav > h1 {
  display: none;
}
.project > header h1 {
  text-transform: none;
  margin-top: 60px;
}
.item > header h1 {
  text-transform: none;
  margin-top: 60px;
}
#page {
  position: relative;
  height: 400%;
  top: -100%;
}
.page {
  position: absolute;
  left: 0;
  right: 0;
  overflow: auto;
  margin: 0;
}
.page > header,
.project > header,
.item > header {
  padding: 60px 0 0 0;
  margin: 0 0 120px 0;
}
.footer {
  margin-top: 120px;
  width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
  display: block;
  background: #000000 url('../img/footer-bg.jpg') repeat-x top center;
  border-top: 1px solid #ee2a2e;
}
#hulfish .footer {
  margin-top: 0px;
}
.footer .container {
  width: 940px;
  margin: 0 auto;
  padding: 20px 0;
}
.footer .legal {
  color: #a4a6aa;
}
.footer .back-to-top {
  background-position: 0 -328px;
  padding: 0 0 0 23px;
  line-height: 23px;
  color: #ee2a2e;
  cursor: pointer;
  float: right;
}
.footer .container .span-3 h1 {
  font-family: "SansationBold", Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
.footer .container.legal {
  margin: 0 auto;
}
/* ===============================================
 *
 * Store page styles
 *
 * =============================================== */
#store {
  top: 75%;
  bottom: 0;
  border-top: none;
  overflow-y: scroll;
  padding-top: 0;
  margin-top: 0;
}
#store > header .title {
  margin: 0;
}
#store > header h1 {
  margin: 0;
  padding-top: 60px;
}
#store .overview-mode .proj-nav {
  margin: 0 0 0 -20px;
  position: relative;
}
#store .overview-mode .pagination,
#store .overview-mode .thumbnail-list {
  display: none;
}
#store .list-mode {
  padding: 100px 0 0;
  margin: 0;
  zoom: 1;
}
#store .list-mode h1 {
  display: none;
}
#store .list-mode .proj-nav {
  overflow: hidden;
  position: relative;
  text-align: center;
}
#store .list-mode .filter,
#store .list-mode .thumbnails,
#store .list-mode .thumbnail-list .title {
  display: none;
}
#store .filter {
  position: absolute;
  font-size: 14px;
  right: 0;
  top: -65px;
}
#store .thumbnails {
  *zoom: 1;
}
#store .thumbnails:after {
  content: "";
  display: table;
  clear: both;
}
#store .thumbnails li {
  display: inline;
  float: left;
  margin: 0 0 60px 20px;
  width: 460px;
  margin: 0 0 60px 20px;
}
* html #store .thumbnails li {
  overflow-x: hidden;
}
#store .thumbnails img {
  width: 460px;
  height: 285px;
}
#store .thumbnails .title {
  display: block;
  text-align: center;
  margin: 15px 0 0 0;
  font-size: 14px;
}
#store .thumbnail-list {
  position: relative;
  width: 999999px;
  *zoom: 1;
}
#store .thumbnail-list:after {
  content: "";
  display: table;
  clear: both;
}
#store .thumbnail-list li {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 140px;
  margin: 0 20px 0 0;
}
* html #store .thumbnail-list li {
  overflow-x: hidden;
}
#store .thumbnail-list img {
  width: 140px;
  height: 87px;
}
#store .pagination {
  display: inline-block;
  margin: 10px 0 0;
}
#store .pagination.disabled {
  visibility: hidden;
}
#store .pagination .prev.disabled {
  visibility: hidden;
}
#store .pagination .next.disabled {
  visibility: hidden;
}
/* ===============================================
 *
 * item page styles
 *
 * =============================================== */
.item {
  display: none;
  /*width: 940px;*/

  margin: 0 auto;
}
.item .tooltip {
  float: right;
  margin: 23px 30px 0 0;
  display: none;
}
.item .back {
  float: right;
}
.item section {
  margin: 0 0 60px 0;
}
.item section > h1 {
  display: none;
}
.item .details {
  margin-left: -20px;
  overflow: hidden;
  font-size: 14px;
}
.item .details dl {
  border-left: 1px solid #a4a6aa;
  width: 219px;
  margin: 0 0 0 20px;
  float: left;
}
.item .details dt,
.item .details dd {
  padding: 0 0 0 10px;
}
.item .details dt {
  color: #a4a6aa;
  margin-bottom: 5px;
}
.item .intro h2,
.item .intro h3,
.item .intro h4,
.item .intro h5,
.item .intro h6 {
  font-family: "SansationBold", Arial, sans-serif;
  margin: 60px 0;
}
.item .intro strong {
  color: white;
  font-weight: bold;
}
.item .intro em {
  font-style: italic;
}
.item .intro h2 {
  font-size: 50px;
}
.item .intro h3 {
  font-size: 38px;
}
.item .intro h4 {
  font-size: 32px;
}
.item .intro h5 {
  font-size: 26px;
}
.item .intro h6 {
  font-size: 20px;
}
.item .intro ol,
.item .intro ul {
  margin-left: 20px;
}
.item .intro ol {
  list-style: decimal;
}
.item .intro ul {
  list-style: disc;
}
.item .intro li {
  margin: 20px 0;
}
.item .intro dd {
  margin: 15px 0 15px 20px;
}
.item .intro blockquote {
  margin: 60px 0;
  background: url('../img/quote-left.png') no-repeat;
}
.item .intro blockquote p {
  padding: 0 40px;
  background: url('../img/quote-right.png') no-repeat right bottom;
  font-size: 18px;
  font-style: italic;
}
.item .intro .figure {
  margin: 60px -4px;
  overflow: hidden;
  position: relative;
}
.item .intro .figure .wrapper {
  float: left;
  position: relative;
  left: 50%;
}
.item .intro figure {
  float: left;
  position: relative;
  left: -50%;
  margin: 4px;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.item .intro img,
.item .intro iframe {
  display: block;
}
.item .intro figcaption {
  padding: 20px;
  background: #222;
  border-top: 2px solid #ee2a2e;
}
/* ===============================================
 *
 * Portfolio page styles
 *
 * =============================================== */
#portfolio {
  top: 0;
  bottom: 75%;
  border-top: none;
  overflow-y: scroll;
  padding-top: 0;
  margin-top: 0;
  background: url('../img/scales-big.jpg') repeat fixed left top #000000;
}
#portfolio > header .title {
  margin: 0;
}
#portfolio > header h1 {
  margin: 0;
  padding-top: 60px;
}
#portfolio .overview-mode .proj-nav {
  margin: 0 0 0 -20px;
  position: relative;
}
#portfolio .overview-mode .pagination,
#portfolio .overview-mode .thumbnail-list {
  display: none;
}
#portfolio .list-mode {
  padding: 100px 0 0;
  margin: 0;
  zoom: 1;
}
#portfolio .list-mode h1 {
  display: none;
}
#portfolio .list-mode .proj-nav {
  overflow: hidden;
  position: relative;
  text-align: center;
}
#portfolio .list-mode .filter,
#portfolio .list-mode .thumbnails,
#portfolio .list-mode .thumbnail-list .title {
  display: none;
}
#portfolio .filter {
  position: absolute;
  font-size: 14px;
  right: 0;
  top: -65px;
}
#portfolio .thumbnails {
  *zoom: 1;
}
#portfolio .thumbnails:after {
  content: "";
  display: table;
  clear: both;
}
#portfolio .thumbnails li {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 300px;
  margin: 0 0 60px 20px;
}
* html #portfolio .thumbnails li {
  overflow-x: hidden;
}
#portfolio .thumbnails img {
  width: 300px;
  height: 185px;
}
#portfolio .thumbnails .title {
  display: block;
  text-align: center;
  margin: 15px 0 0 0;
  font-size: 14px;
}
#portfolio .thumbnail-list {
  position: relative;
  width: 999999px;
  *zoom: 1;
}
#portfolio .thumbnail-list:after {
  content: "";
  display: table;
  clear: both;
}
#portfolio .thumbnail-list li {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 140px;
  margin: 0 20px 0 0;
}
* html #portfolio .thumbnail-list li {
  overflow-x: hidden;
}
#portfolio .thumbnail-list img {
  width: 140px;
  height: 87px;
}
#portfolio .pagination {
  display: inline-block;
  margin: 10px 0 0;
}
#portfolio .pagination.disabled {
  visibility: hidden;
}
#portfolio .pagination .prev.disabled {
  visibility: hidden;
}
#portfolio .pagination .next.disabled {
  visibility: hidden;
}
/* ===============================================
 *
 * Project page styles
 *
 * =============================================== */
.project {
  display: none;
  /*width: 940px;*/

  margin: 0 auto;
}
.project .tooltip {
  float: right;
  margin: 23px 30px 0 0;
  display: none;
}
.project .back {
  float: right;
}
.project section {
  margin: 0 0 60px 0;
}
.project section > h1 {
  display: none;
}
.project .details {
  margin-left: -20px;
  overflow: hidden;
  font-size: 14px;
}
.project .details dl {
  border-left: 1px solid #a4a6aa;
  width: 219px;
  margin: 0 0 0 20px;
  float: left;
}
.project .details dt,
.project .details dd {
  padding: 0 0 0 10px;
}
.project .details dt {
  color: #a4a6aa;
  margin-bottom: 5px;
}
.project .intro h2,
.project .intro h3,
.project .intro h4,
.project .intro h5,
.project .intro h6 {
  font-family: "SansationBold", Arial, sans-serif;
  margin: 60px 0;
}
.project .intro strong {
  color: white;
  font-weight: bold;
}
.project .intro em {
  font-style: italic;
}
.project .intro h2 {
  font-size: 50px;
}
.project .intro h3 {
  font-size: 38px;
}
.project .intro h4 {
  font-size: 32px;
}
.project .intro h5 {
  font-size: 26px;
}
.project .intro h6 {
  font-size: 20px;
}
.project .intro ol,
.project .intro ul {
  margin-left: 20px;
}
.project .intro ol {
  list-style: decimal;
}
.project .intro ul {
  list-style: disc;
}
.project .intro li {
  margin: 20px 0;
}
.project .intro dd {
  margin: 15px 0 15px 20px;
}
.project .intro blockquote {
  margin: 60px 0;
  background: url('../img/quote-left.png') no-repeat;
}
.project .intro blockquote p {
  padding: 0 40px;
  background: url('../img/quote-right.png') no-repeat right bottom;
  font-size: 18px;
  font-style: italic;
}
.project .intro .figure {
  margin: 60px -4px;
  overflow: hidden;
  position: relative;
}
.project .intro .figure .wrapper {
  float: left;
  position: relative;
  left: 50%;
}
.project .intro figure {
  float: left;
  position: relative;
  left: -50%;
  margin: 4px;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.project .intro img,
.project .intro iframe {
  display: block;
}
.project .intro figcaption {
  padding: 20px;
  background: #222;
  border-top: 2px solid #ee2a2e;
}
/* ===============================================
 *
 * Home page styles
 *
 * =============================================== */
/* Logo
* ----------------------------------------------- */
#logo {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../img/nov_2014_splash.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 850px 650px;
  width: 894px;
  height: 680px;
  position: absolute;
  top: 37.5%;
  left: 50%;
  margin: -325px 0 0 -425px;
  z-index:1;
}
/* Navigation
* ----------------------------------------------- */
#nav li {
  position: absolute;
  z-index: 100;
  width: 100%;
}
#nav li a {
  width: 150px;
  margin-left: -75px;
}
#nav .portfolio,
#nav .contact-back,
#nav .contact,
#nav .portfolio-back {
  font-family: "SansationBold", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}
#nav .portfolio {
  top: 25%;
}
#nav .portfolio-back {
  bottom: 75%;
}
#nav .contact {
  bottom: 50%;
}
#nav .contact-back {
  top: 50%;
}
#nav .about {
  top: 37.5%;
  left: 50%;
  font-size: 14px;
  margin: 30px 0 0 -80px;
}
#nav .about a {
  width: 160px;
  margin: 0;
}
/* ===============================================
 *
 * About page styles
 *
 * =============================================== */
#about {
  top: 25%;
  bottom: 50%;
  display: none;
}
#about .tooltip {
  float: right;
  margin: 23px 30px 0 0;
  display: none;
}
#about .back {
  float: right;
}
#about section {
  padding: 0;
}
#about .intro {
  border-top: none;
  padding: 0 0 120px 0;
  position: relative;
}
#about .intro h1 {
  display: none;
}
#about .intro .portrait {
  float: left;
  margin-right: 100px;
}
#about .intro .content {
  overflow: hidden;
}
#about .skills dl {
  padding: 120px 0 0 0;
}
#about .skills dt,
#about .skills dd {
  font: 36px "SansationBold", Arial, sans-serif;
}
#about .skills dt {
  line-height: 36px;
  float: left;
  width: 240px;
}
#about .skills dd {
  margin: 0 0 30px 240px;
}
#about .downloads {
  border-bottom: none;
  padding-bottom: 0;
  overflow: hidden;
}
#about .downloads .vcard,
#about .downloads .resume {
  padding: 150px 0 0 0;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 120px 0 0 0;
  text-align: center;
  font-size: 14px;
}
#about .downloads .vcard {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 460px;
  background-image: url('../img/vcard-icon.png');
}
* html #about .downloads .vcard {
  overflow-x: hidden;
}
#about .downloads .resume {
  display: inline;
  float: left;
  margin-right: 0;
  width: 460px;
  background-image: url('../img/resume-icon.png');
}
* html #about .downloads .resume {
  overflow-x: hidden;
}
/* ===============================================
 *
 * Contact page styles
 *
 * =============================================== */
#contact {
  top: 50%;
  bottom: 25%;
  margin-bottom: 0;
  background: #000000 url('../img/bgimage1.jpg') no-repeat fixed top center;
}
#contact section {
  z-index: 2;
  margin: 0 0 30px 0;
}
#contact section > h1 {
  z-index: 2;
  display: none;
}
#contact > header .title {
  margin-top: 60px;
}
#contact .info {
  z-index: 2;
  position: absolute;
  right: 50%;
  top: 130px;
  margin-right: -470px;
}
#contact .info dl {
  text-align: right;
  width: 220px;
}
#contact .info dt {
  display: none;
}
#contact .info dd {
  margin-bottom: 10px;
}
#contact .info dd.phone {
  font-size: 14px;
}
.social {
  float: right;
  position: relative;
  width: auto;
  top: 38px;
}
.social .picasa {
  background-image: url(../img/social/picasa.png);
}
.social .qik {
  background-image: url(../img/social/qik.png);
}
.social .xing {
  background-image: url(../img/social/xing.png);
}
.social .designmoo {
  background-image: url(../img/social/designmoo.png);
}
.social .windows {
  background-image: url(../img/social/windows.png);
}
.social .gamespot {
  background-image: url(../img/social/gamespot.png);
}
.social .digg {
  background-image: url(../img/social/digg.png);
}
.social .newsvine {
  background-image: url(../img/social/newsvine.png);
}
.social .yahoobuzz {
  background-image: url(../img/social/yahoobuzz.png);
}
.social .linkedin {
  background-image: url(../img/social/linkedin.png);
}
.social .komodomedia_wood {
  background-image: url(../img/social/komodomedia_wood.png);
}
.social .sharethis {
  background-image: url(../img/social/sharethis.png);
}
.social .designfloat {
  background-image: url(../img/social/designfloat.png);
}
.social .plurk {
  background-image: url(../img/social/plurk.png);
}
.social .apple {
  background-image: url(../img/social/apple.png);
}
.social .mynameise {
  background-image: url(../img/social/mynameise.png);
}
.social .reddit {
  background-image: url(../img/social/reddit.png);
}
.social .googletalk {
  background-image: url(../img/social/googletalk.png);
}
.social .vimeo {
  background-image: url(../img/social/vimeo.png);
}
.social .readernaut {
  background-image: url(../img/social/readernaut.png);
}
.social .lastfm {
  background-image: url(../img/social/lastfm.png);
}
.social .technorati {
  background-image: url(../img/social/technorati.png);
}
.social .flickr {
  background-image: url(../img/social/flickr.png);
}
.social .delicious {
  background-image: url(../img/social/delicious.png);
}
.social .dribbble {
  background-image: url(../img/social/dribbble.png);
}
.social .brightkite {
  background-image: url(../img/social/brightkite.png);
}
.social .yahoo {
  background-image: url(../img/social/yahoo.png);
}
.social .deviantart {
  background-image: url(../img/social/deviantart.png);
}
.social .mobileme {
  background-image: url(../img/social/mobileme.png);
}
.social .facebook {
  background-image: url(../img/social/facebook.png);
}
.social .youtube {
  background-image: url(../img/social/youtube.png);
}
.social .friendfeed {
  background-image: url(../img/social/friendfeed.png);
}
.social .cargo {
  background-image: url(../img/social/cargo.png);
}
.social .bebo {
  background-image: url(../img/social/bebo.png);
}
.social .paypal {
  background-image: url(../img/social/paypal.png);
}
.social .evernote {
  background-image: url(../img/social/evernote.png);
}
.social .wordpress {
  background-image: url(../img/social/wordpress.png);
}
.social .netvibes {
  background-image: url(../img/social/netvibes.png);
}
.social .ember {
  background-image: url(../img/social/ember.png);
}
.social .google_voice {
  background-image: url(../img/social/google_voice.png);
}
.social .myspace {
  background-image: url(../img/social/myspace.png);
}
.social .google {
  background-image: url(../img/social/google.png);
}
.social .roboto {
  background-image: url(../img/social/roboto.png);
}
.social .twitter {
  background-image: url(../img/social/twitter.png);
}
.social .playstation {
  background-image: url(../img/social/playstation.png);
}
.social .email {
  background-image: url(../img/social/email.png);
}
.social .posterous {
  background-image: url(../img/social/posterous.png);
}
.social .pandora {
  background-image: url(../img/social/pandora.png);
}
.social .rss {
  background-image: url(../img/social/rss.png);
}
.social .grooveshark {
  background-image: url(../img/social/grooveshark.png);
}
.social .aim {
  background-image: url(../img/social/aim.png);
}
.social .komodomedia_azure {
  background-image: url(../img/social/komodomedia_azure.png);
}
.social .openid {
  background-image: url(../img/social/openid.png);
}
.social .mixx {
  background-image: url(../img/social/mixx.png);
}
.social .ilike {
  background-image: url(../img/social/ilike.png);
}
.social .zootool {
  background-image: url(../img/social/zootool.png);
}
.social .dopplr {
  background-image: url(../img/social/dopplr.png);
}
.social .viddler {
  background-image: url(../img/social/viddler.png);
}
.social .tumblr {
  background-image: url(../img/social/tumblr.png);
}
.social .stumbleupon {
  background-image: url(../img/social/stumbleupon.png);
}
.social .google_wave {
  background-image: url(../img/social/google_wave.png);
}
.social .virb {
  background-image: url(../img/social/virb.png);
}
.social .yelp {
  background-image: url(../img/social/yelp.png);
}
.social .blogger {
  background-image: url(../img/social/blogger.png);
}
.social .orkut {
  background-image: url(../img/social/orkut.png);
}
.social .skype {
  background-image: url(../img/social/skype.png);
}
.social .gowalla {
  background-image: url(../img/social/gowalla.png);
}
.social .forrst {
  background-image: url(../img/social/forrst.png);
}
footer .social .tooltip1,
#about .social .tooltip1,
#contact .social .tooltip {
  position: absolute;
  margin-top: -10px;
}
.footer .social ul,
#about .social ul,
.social ul {
  overflow: hidden;
}
.footer .social li,
#about .social li,
.social li {
  float: right;
  margin: 0 0 0 20px;
  background-repeat: no-repeat;
}
.footer .social a,
#about .social a,
.social a {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
#contact .map {
  float: left;
  clear: both;
  width: 366px;
  padding: 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 4px #272930,inset 0 1px #767D91;
  -webkit-box-shadow: 0 1px 4px #272930,inset 0 1px #767D91;
  -o-box-shadow: 0 1px 4px #272930,inset 0 1px #767D91;
  box-shadow: 0 1px 4px #272930,inset 0 1px #767D91;
}
.no-boxshadow #contact .map {
  border: 1px solid #d0d2d7;
  background: #eff1f7;
}
#contact .map figure {
  height: 235px;
}
#contact .form {
  width: 510px;
  border-left: 1px solid #000000;
  float: right;
  padding-left: 0;
  border-right-style: none;
  z-index: 3;
}
#contact .form form {
  border-left: 1px solid #c5c7cc;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
}
#contact .form p {
  padding: 7px;
}
#contact .form p.invalid {
  background-color: #fff0f0;
}
#contact .form input,
#contact .form textarea {
  border: none;
  font-size: 18px;
  margin: 0;
  background: transparent;
  display: block;
  padding: 7px;
}
#contact .form .single-line {
  width: 300px;
}
#contact .form .single-line label {
  display: inline-block;
  width: 46px;
  padding: 7px;
  line-height: 22px;
  height: 22px;
  color: #6e717e;
  float: left;
}
#contact .form .single-line input {
  width: 226px;
  line-height: 22px;
  height: 22px;
}
#contact .form .multi-line textarea {
  width: 452px;
  height: 200px;
}
#contact .contacttext {
  width: 400px;
  float: left;
  display: inline;
}
.contacttext h1 {
  font-size: 3em;
}
.contacttext h2 {
  font-size: 2.5em;
}
.contacttext h3 {
  font-size: 2.0em;
}
.contacttext h4 {
  font-size: 1.5em;
}
.contacttext h5 {
  font-size: 1.25em;
}
.contacttext h6 {
  font-size: 1em;
}
.borderradius #contact .contacttext img {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
#contact .contacttext img {
  margin-bottom: 20px;
}
#contact .form .buttons {
  float: right;
}
#contact .form .buttons button {
  padding: 0;
  border: none;
  overflow: visible;
  background: transparent;
  cursor: pointer;
}
#contact .form .buttons button > span {
  width: 150px;
  font-size: 16px;
}
#contact .form .indicators {
  float: left;
  margin: 15px 0 0 0;
}
#contact .form .indicators span {
  display: none;
  border: 1px solid;
  padding: 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
#contact .form .indicators .success {
  color: #69aa46;
  background: #e7ffda;
}
#contact .form .indicators .progress {
  color: #aaa046;
  background: #fffbda;
}
#contact .form .indicators .error {
  color: #aa5546;
  background: #ffe0da;
}
#brand {
  position: fixed;
  z-index: 10000000;
  left: 20px;
  top: 0;
}
#newnav {
  position: fixed;
  top: 0;
  left: 0;
  height: 55px;
  width: 100%;
  z-index: 9999999;
  visibility: visible;
  display: block;
  padding-bottom: 26px;
  background: #dddddd url('../img/header-bg.jpg') repeat-x bottom center;
  border-bottom: 2px solid #ee2a2e;
}
#newnav h1 {
  display: none;
}
#newnav ul {
  float: right;
  width: 700px;
}
#newnav li {
  display: inline-block;
  margin-top: 27px;
  margin-left: 20px;
  padding-right: 50px;
  font: 24px "SansationBold";
}
#newnav li a {
  color: white;
  text-decoration: none;
}
ul.subnav {
  float: right;
  opacity: 0;
  display: none;
  margin-right: -25px;
}
ul.subnav li span {
  float: right;
  font-size: 16px;
  cursor: pointer;
}
#portfolio > header h1 {
  margin: 0;
  padding-top: 60px;
}
/* ---------------------------------- */
/* @Nav */
nav#main {
  position: fixed;
  right: 20px;
  top: 50%;
  z-index: 999999;
}
nav#main li {
  height: 20px;
  position: relative;
}
nav#main a {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/dotnav.png) 0 100% no-repeat;
  text-indent: -9000px;
  overflow: hidden;
}
nav#main a:hover,
nav#main li.active a {
  background-position: 0 0;
}
nav#main h1 {
  display: none;
  opacity: 0;
  position: absolute;
  right: 25px;
  top: -4px;
  white-space: nowrap;
  padding: 0 6px 0 0;
  background: url(../img/arrow_right.png) 100% 50% no-repeat;
  font-size: 24px;
}
nav#main span {
  display: block;
  background: #4f9426;
  color: #fff;
  padding: 4px 8px;
  white-space: nowrap;
}
nav#main li:hover h1 {
  xdisplay: block;
}
.browser-ie9 nav#main li:hover h1 {
  display: block;
  opacity: 1;
}
/* ---------------------------------- */
/* @Lines */
.line {
  position: absolute;
  width: 900px;
  left: 50%;
  margin-left: -450px;
  height: 0;
}
/* ---------------------------------- */
/* @GlobalStories */
.story {
  min-height: 1600px;
  position: relative;
  width: 100% !important;
  min-width: 1000px;
  margin: 0;
  padding: 0;
}
.story article {
  width: 900px;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
}
.story header {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  z-index: 99999;
}
.story .article-content {
  z-index: 1;
}
.story header p {
  width: 300px;
  color: black;
  font-size: 15px;
}
.story header p a {
  color: #222;
  border-bottom: 1px dotted #222;
}
.story header a {
  font-size: 15px;
  color: #222 !important;
  border-bottom: 1px dotted #222;
}
.story header a:hover {
  color: #000 !important;
  border-bottom: 0;
}
nav.more {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -49px;
  top: 500px;
  z-index: 9999;
  background: url(../../img/en-us/icon_more.png) 50% 50% no-repeat;
  height: 118px;
  width: 98px;
}
.story h1 {
  font-size: 16px;
  font-family: "NikeGratton", "Helvetica";
  font-weight: bold;
  letter-spacing: 0px;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  margin: 0 0 2px 0;
}
.story header h2 {
  font-size: 75px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 60px;
  margin: 0 0 50px 0;
  color: #4f9426;
}
.story header h2 #sp {
  display: block;
  height: 15px;
}
/* @AboutJason */
#story-aboutjason {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
#story-aboutjason h2 {
  font-family: "SansationBold", Arial, sans-serif;
  color: purple;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 12px;
}
#story-aboutjason header {
  top: 450px;
  left: 10px;
  width: 380px;
}
#story-aboutjason .truebg {
  position: absolute;
  width: 100%;
  height: 2000px;
  background: url(../img/bg_aboutjason.jpg) no-repeat fixed 50% 82px;
}
#story-aboutjason .bg2 {
  position: absolute;
  width: 1600px;
  height: 2000px;
  top: 0;
  left: 0;
  background: url(../img/hulfish.jpg) 50% 390px no-repeat fixed;
}
#story-aboutjason p {
  color: #ffffff;
}
#story-aboutjason a {
  color: #fff !important;
  font-family: "NikeGratton", "Helvetica";
  letter-spacing: 1px;
  font-size: 16px;
  border-bottom: 1px dotted #fff;
  display: inline;
  float: left;
}
#story-aboutjason article {
  width: 1200px;
}
/* transparent headers */
#story-aboutjason header,
#story-beach header,
#story-testimonials header,
#story-legendpant header {
  background: transparent url('../img/black-transparent.png') repeat;
  padding: 20px;
}
select {
  -webkit-appearance: none;
  /* Fix for Mobile Safari */

  background-color: #f8f8f8;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #8f8f8f;
  font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  padding: 5px 10px;
  border-radius: 0;
}
.filter select {
  background-image: url(../img/responsive-nav-bg.png);
  background-position: center right;
  background-repeat: no-repeat;
  display: block;
  width: 300px;
}
#hulfish {
  width: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: url(../img/large-bg.jpg);
  text-align: center;
  z-index: 10;
}
#hulfish .slimetext {
  height: 685px;
  width: 354px;
  top: 30px;
  left: 50%;
  z-index: 120;
  position: relative;
  margin-left: -180px;
  font-size: 25px;
  text-align: center;
  color: black;
  text-shadow: 0 0 10px white;
  font-family: "SansationBold", Arial, sans-serif;
}
#hulfish .spacer {
  padding-top: 300px;
  padding-bottom: 300px;
}
#hulfish .one {
  background: url(../img/about/01-small.png) no-repeat top center;
  height: 2556px;
  left: 0;
  position: absolute;
  top: 300px;
  width: 100%;
  pointer-events: none;
}
#hulfish .inner {
  background: url(../img/about/01-inner-small.png) no-repeat center top;
  left: 50%;
  position: absolute;
  top: 719px;
  width: 100%;
  height: 2556px;
  z-index: 500;
  margin-left: -50%;
  pointer-events: none;
}
#hulfish .two-inner {
  background: url(../img/about/02-inner.png) no-repeat center top;
  left: 50%;
  position: absolute;
  top: 3360px;
  width: 100%;
  height: 865px;
  z-index: 5000;
  margin-left: -50%;
}
#hulfish #services {
  background-color: #151625;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 750px;
  height: 665px;
  margin-left: -375px;
}
#hulfish .water1 {
  background: url(../img/about/water1.png) no-repeat -100px 400px;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 750px;
  height: 665px;
  margin-left: -375px;
}
#hulfish .water2 {
  background: url(../img/about/water2.png) no-repeat -200px 450px;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 750px;
  height: 665px;
  margin-left: -375px;
}
#hulfish .water3 {
  background: url(../img/about/water3.png) no-repeat -54px 600px;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 750px;
  height: 665px;
  margin-left: -375px;
}
#hulfish .services-content {
  left: 50%;
  position: absolute;
  top: 3495px;
  width: 650px;
  height: 605px;
  margin-left: -325px;
  opacity: 0;
}
#hulfish .services-content h1 {
  margin-top: 170px;
  font-size: 64px;
  font-family: "SansationBold", Arial, sans-serif;
}
#hulfish .octopus {
  background: url(../img/about/services_octopus.png) no-repeat 420px 200px;
  left: 50%;
  position: absolute;
  top: 3470px;
  width: 650px;
  height: 605px;
  margin-left: -325px;
  opacity: 0;
}
#hulfish .banner {
  background: url(../img/about/services_squid.png) no-repeat -600px 350px;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 850px;
  height: 655px;
  margin-left: -425px;
}
#hulfish .seahorse {
  background: url(../img/about/services_seahorse.png) no-repeat 130px 640px;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 850px;
  height: 655px;
  margin-left: -425px;
}
#hulfish .blur {
  background: url(../img/about/services_blur.png) no-repeat 30px 300px;
  left: 50%;
  position: absolute;
  top: 3465px;
  width: 850px;
  height: 655px;
  margin-left: -425px;
  opacity: 0;
}
#hulfish ul {
  margin-top: 40px;
}
#hulfish ul li {
  line-height: 44px;
  font-family: "SansationBold", Arial, sans-serif;
  font-size: 24px;
}
#hulfish .slimeglow {
  background: url(../img/about/slime-glow.png) no-repeat center top;
  height: 785px;
  top: 333px;
  left: 0%;
  position: relative;
  z-index: 0;
  margin-right: 424px;
  pointer-events: none;
}
#hulfish .slime {
  background: url(../img/about/slime-transparent.png) no-repeat center 209px;
  height: 785px;
  top: -680px;
  z-index: 100;
  position: relative;
  pointer-events: none;
}
#hulfish .slimeGoblin {
  background: url(../img/about/slimeGoblin.png) no-repeat 20px 710px;
  height: 785px;
  width: 424px;
  left: 50%;
  margin-left: -430px;
  top: 944px;
  position: absolute;
  z-index: 0;
}
#hulfish .photo {
  height: 340px;
  top: -310px;
  z-index: 100;
  position: relative;
  margin-right: 0px;
  left: 50%;
  width: 360px;
  margin-left: 95px;
}
#hulfish .longphoto {
  height: 526px;
  top: -265px;
  z-index: 100;
  position: relative;
  margin-right: 0px;
  left: 50%;
  width: 320px;
  margin-left: 55px;
}
#hulfish .testimonials {
  height: 586px;
  top: 106px;
  z-index: 100;
  position: relative;
  margin-right: 0px;
  left: 50%;
  width: 670px;
  margin-left: -325px;
}
#hulfish .two {
  background: url(../img/about/02-small.png) no-repeat center center;
  margin-left: auto;
  margin-right: auto;
  height: 1437px;
  margin-top: -639px;
  position: relative;
  z-index: 50000;
}
#hulfish .three {
  background: url(../img/about/03-small.png) no-repeat center center;
  margin-left: auto;
  margin-right: auto;
  height: 1504px;
  margin-top: 557px;
}
#hulfish .purpleLine {
  background: url(../img/about/purpleLine.jpg) repeat-x 0px 0px;
  height: 132px;
  width: 299px;
  left: 50%;
  margin-left: -72px;
  top: 3205px;
  position: absolute;
  z-index: 100000;
}
#hulfish .screen {
  background: url(../img/about/screen.png) no-repeat 0px 0px;
  height: 570px;
  width: 676px;
  left: 50%;
  margin-left: -324px;
  top: 2350px;
  position: absolute;
  z-index: 100;
  opacity: 0;
}
#hulfish .purpleShadow {
  background: url(../img/about/purpleShadow.png) no-repeat 0px 0px;
  height: 132px;
  width: 299px;
  left: 50%;
  margin-left: -72px;
  top: 3205px;
  position: absolute;
  z-index: 100001;
}
#hulfish .clockArrow {
  background: url(../img/about/arrow.png) no-repeat 0px 0px;
  height: 37px;
  width: 35px;
  left: 50%;
  margin-left: 357px;
  top: 3235px;
  position: absolute;
  z-index: 1000001;
}
#hulfish .photo-background {
  background: url(../img/about/slideshow_back.png) no-repeat center center;
  margin-left: auto;
  margin-right: auto;
  height: 894px;
  margin-top: -200px;
  margin-bottom: 100px;
}
#hulfish .photo-slideshow {
  left: 50%;
  position: absolute;
  top: 5700px;
  width: 650px;
  height: 485px;
  margin-left: -325px;
  z-index: -1;
  background: #000000 url('orbit/loading.gif') no-repeat center center;
  overflow: hidden;
}
#hulfish .sponsor-slideshow {
  left: 50%;
  position: absolute;
  top: 4735px;
  width: 450px;
  height: 360px;
  margin-left: -225px;
  z-index: -2;
  background: #000000 url('orbit/loading.gif') no-repeat center center;
  overflow: hidden;
}
#hulfish .outergear1 {
  left: 50%;
  position: absolute;
  top: 600px;
}
#hulfish .outergear2 {
  left: 50%;
  position: absolute;
  top: 1170px;
}
#hulfish .bluegear {
  background: url(../img/about/blue-gear.png) no-repeat center center;
  width: 600px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -1;
  margin-left: -100px;
  display: inline;
}
#hulfish .orangegear {
  background: url(../img/about/orange-gear.png) no-repeat center center;
  width: 600px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -1;
  margin-left: -100px;
  display: inline;
}
#hulfish .headleft {
  background: url(../img/about/head-left.png) no-repeat 0 0;
  width: 329px;
  height: 421px;
  position: absolute;
  top: 290px;
  left: 50%;
  margin-left: -329px;
  z-index: 2;
}
#hulfish .headright {
  background: url(../img/about/head-right.png) no-repeat 0px 95px;
  width: 600px;
  height: 721px;
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: -10px;
  z-index: 1;
}
#hulfish .headbase {
  background: url(../img/about/head-base.png) no-repeat;
  width: 506px;
  height: 300px;
  position: absolute;
  top: 635px;
  left: 50%;
  margin-left: -321px;
  z-index: 0;
}
#hulfish .sponsorFrame {
  background: url(../img/about/sponsors.png) no-repeat;
  width: 630px;
  height: 697px;
  position: absolute;
  top: 4635px;
  left: 50%;
  margin-left: -315px;
  z-index: -1;
}
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: none;
  opacity: 0;
  background-color: #000;
  z-index: 99;
  text-align: center;
}
#loading-image {
  background: url('orbit/loading.gif') no-repeat center center;
  position: absolute;
  top: 400px;
  left: 50%;
  z-index: 100;
  width: 400px;
  height: 400px;
  margin-left: -200px;
}
.circleText {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 40px;
  margin-left: -26px;
}
.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 5px solid rgba(255, 0, 0, 0.9);
  opacity: .9;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 35px red;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  margin-top: -30px;
  margin-left: -30px;
  -moz-animation: spinPulse 1s infinite ease-in-out;
  -webkit-animation: spinPulse 1s infinite linear;
}
.circle1 {
  border: 5px solid rgba(255, 0, 0, 0.9);
  opacity: .9;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 15px red;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: absolute;
  margin-top: -20px;
  margin-left: -20px;
  top: 50%;
  left: 50%;
  -moz-animation: spinoffPulse 1s infinite linear;
  -webkit-animation: spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px red;
  }
  50% {
    -moz-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px red;
  }
  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#testimonials {
  width: 665px;
  height: 576px;
  background: #000000 url('orbit/loading.gif') no-repeat center center;
  overflow: hidden;
}
#photo-slideshow {
  width: 650px;
  height: 485px;
  background: #000000 url('orbit/loading.gif') no-repeat center center;
  overflow: hidden;
}
#sponsor-slideshow {
  width: 450px;
  height: 360px;
  background: #000000 url('orbit/loading.gif') no-repeat center center;
  overflow: hidden;
}
#testimonials > img,
#photo-slideshow > img,
#sponsor-slideshow > img,
#testimonials > div,
#photo-slideshow > div,
#sponsor-slideshow > div,
#testimonials > a,
#photo-slideshow > a,
#sponsor-slideshow > a {
  display: none;
}
/* CONTAINER
   ================================================== */
div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}
div.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
}
div.orbit > img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
div.orbit > a {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  display: none;
}
.orbit > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
   ================================================== */
div.timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 1001;
}
span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(orbit/rotator-black.png) no-repeat;
  z-index: 3;
}
span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}
span.rotator.move {
  left: 0;
}
span.mask.move {
  width: 40px;
  left: 0;
  background: url(orbit/timer-black.png) repeat 0 0;
}
span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(orbit/pause-black.png) no-repeat;
  z-index: 4;
  opacity: 0;
}
span.pause.active {
  background: url(orbit/pause-black.png) no-repeat 0 -40px;
}
div.timer:hover span.pause,
span.pause.active {
  opacity: 1;
}
/* CAPTIONS
   ================================================== */
.orbit-caption {
  display: none;
  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}
/* DIRECTIONAL NAV
   ================================================== */
div.slider-nav {
  display: block;
}
div.slider-nav span {
  width: 78px;
  height: 100px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1000;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
}
div.slider-nav span.right {
  background: url(orbit/right-arrow.png);
  right: 0;
}
div.slider-nav span.left {
  background: url(orbit/left-arrow.png);
  left: 0;
}
/* BULLET NAV
   ================================================== */
.orbit-bullets {
  position: absolute;
  z-index: 1000;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}
.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(orbit/bullets.jpg) no-repeat 4px 0;
  width: 13px;
  height: 12px;
  overflow: hidden;
}
.orbit-bullets li.active {
  color: #222;
  background-position: -8px 0;
}
.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}
.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000;
}
#testimonials .content {
  width: 665px;
  height: 576px;
  background-color: purple;
  display: block;
  font-size: 20px;
  font-family: "SansationBold", Arial, sans-serif;
}
.photo-slideshow img {
  width: 650px;
  height: 485px;
}
.sponsor-slideshow img {
  width: 450px;
  height: 360px;
}
#testimonials .content p {
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
}
#testimonials .content span {
  float: right;
  margin-top: 80px;
}

#splashBG {
  width: 100%;
  height: 100%;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url('../img/nov_2014_bg.jpg');
  background-size: cover;
  background-position: center center;
  z-index: 0;
}