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 {
	display:block
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
a {
	outline:none;
	color:#0090ff
}
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%
}
.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, #about .back, .ns-bandage, #about .skills dd, .ns-bandage_left, #about .skills dd b {
	background:url('../img/old-s5bb7bc14b0.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, #about .tooltip .arrow, .ns-tooltip_varrow, #contact .social .tooltip .arrow, .footer .back-to-top {
	background:url('../img/modern-s589be641a6.png') no-repeat
}
@font-face {
font-family:"League Gothic";
src:url('../font/League_Gothic-webfont.eot');
src:url('../font/League_Gothic-webfont_fcaef021.eot') 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')
}
.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, .ns-dotted-nav_prev, #portfolio .pagination .prev, .ns-dotted-nav_next, #portfolio .pagination .next, .ns-dotted-nav_num, #portfolio .pagination .num, .ns-tictoc, .project .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, .active.ns-dotted-nav_prev, #portfolio .pagination .active.prev, .active.ns-dotted-nav_next, #portfolio .pagination .active.next, .active.ns-dotted-nav_num, #portfolio .pagination .active.num, .active.ns-tictoc, .project .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, .ns-dotted-nav_prev a, #portfolio .pagination .prev a, .ns-dotted-nav_next a, #portfolio .pagination .next a, .ns-dotted-nav_num a, #portfolio .pagination .num a, .ns-tictoc a, .project .back a, #about .back a {
	text-decoration:none
}
.ns-shadow, #portfolio .thumbnails .image, #portfolio .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
}
.ns-drop-down, .ns-drop-up, #nav .contact, #nav .portfolio-back, #nav .portfolio, #nav .contact-back {
	background-position:0 -206px;
	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% -281px;
	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 -211px;
	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 -246px;
	background-repeat:repeat-x;
	background-color:#3c3e45;
	display:block;
	height:35px;
	line-height:35px;
	margin:0 38px
}
.ns-drop-up, #nav .contact, #nav .portfolio-back {
	background-position:0 -316px
}
.ns-drop-up_bd, #nav .contact a, #nav .portfolio-back a {
	background-position:100% -391px;
	top:auto;
	bottom:0
}
.ns-drop-up_left, #nav .contact b, #nav .portfolio-back b {
	background-position:0 -321px
}
.ns-drop-up_middle, #nav .contact span, #nav .portfolio-back span {
	background-position:0 -356px
}
.ns-capsule, #nav .about a, #about .downloads .vcard a, #about .downloads .resume a, #contact .form .buttons button > span {
	background-position:100% -252px;
	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% -297px
}
.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 -72px;
	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 -117px
}
.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 -162px;
	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 -207px
}
.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 #c5c7cc;
	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.1))) #eef3f6;
	background:-webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) #eef3f6;
	background:-moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) #eef3f6;
	background:-o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) #eef3f6;
	background:-ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) #eef3f6;
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) #eef3f6;
	-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:0 1px 3px rgba(0, 0, 0, 0.28), inset 0 1px white;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28), inset 0 1px white;
	-o-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28), inset 0 1px white;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.28), inset 0 1px white;
	-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:#f7fcff;
	-moz-transition:background-color 300ms;
	-webkit-transition:background-color 300ms;
	-o-transition:background-color 300ms;
	transition:background-color 300ms
}
.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:#eef3f6;
	-moz-box-shadow:0 1px white, inset 0 0 3px rgba(0, 0, 0, 0.1), inset 0 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px white, inset 0 0 3px rgba(0, 0, 0, 0.1), inset 0 2px 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 1px white, inset 0 0 3px rgba(0, 0, 0, 0.1), inset 0 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px white, inset 0 0 3px rgba(0, 0, 0, 0.1), inset 0 2px 1px rgba(0, 0, 0, 0.2);
	-moz-transition:background-color 300ms;
	-webkit-transition:background-color 300ms;
	-o-transition:background-color 300ms;
	transition:background-color 300ms
}
.ns-lava, #portfolio .filter {
	position:relative;
	display:inline-block;
	background-position:100% -509px
}
.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 -435px;
	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 -472px;
	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))) #d6d7dd;
	background:-webkit-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #d6d7dd;
	background:-moz-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #d6d7dd;
	background:-o-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #d6d7dd;
	background:-ms-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #d6d7dd;
	background:linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) #d6d7dd;
	-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 white;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px white;
	-o-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px white;
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px white
}
.ns-lava_item, #portfolio .filter li {
	position:relative;
	z-index:2;
	margin:0 0 0 30px;
	float:left;
	color:#3c3e45
}
.ns-lava_item:first-child, #portfolio .filter li:first-child {
	margin:0
}
.ns-lava_item:hover, #portfolio .filter li:hover {
	color:#0090ff
}
.ns-lava_item.active, #portfolio .filter li.active {
	color:#3c3e45
}
.ns-lava_thumb, #portfolio .filter .thumb {
	background-position:100% -404px;
	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 -342px;
	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 -373px;
	background-repeat:repeat-x;
	background-color:#e8eaf0;
	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))) #eef3f6;
	background:-webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #eef3f6;
	background:-moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #eef3f6;
	background:-o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #eef3f6;
	background:-ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #eef3f6;
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)) #eef3f6;
	-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 white, 0 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:inset 0 1px white, 0 1px rgba(0, 0, 0, 0.25);
	-o-box-shadow:inset 0 1px white, 0 1px rgba(0, 0, 0, 0.25);
	box-shadow:inset 0 1px white, 0 1px rgba(0, 0, 0, 0.25)
}
.ns-dotted-nav, #portfolio .pagination {
	overflow:hidden
}
.ns-dotted-nav_prev, #portfolio .pagination .prev {
	background-position:6px 8px;
	height:12px;
	width:8px;
	padding:8px 6px;
	float:left
}
.ns-dotted-nav_prev:hover, #portfolio .pagination .prev:hover {
	background-position:6px -12px
}
.ns-dotted-nav_next, #portfolio .pagination .next {
	background-position:6px -32px;
	height:12px;
	width:8px;
	padding:8px 6px;
	float:left
}
.ns-dotted-nav_next:hover, #portfolio .pagination .next:hover {
	background-position:6px -52px
}
.ns-dotted-nav_num, #portfolio .pagination .num {
	background-position:4px -160px;
	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 -178px
}
.ns-tictoc, .project .back, #about .back {
	text-indent:-119988px;
	overflow:hidden;
	text-align:left;
	background-position:0 -546px;
	height:80px;
	width:80px
}
.ns-tictoc:active, .project .back:active, #about .back:active {
	background-position:0 -626px
}
.borderradius.boxshadow.cssgradients .ns-tictoc, .borderradius.boxshadow.cssgradients .project .back, .project .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.09))), url('../img/modern-s589be641a6.png') 22px -80px no-repeat #f1f3f9;
	background:-webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url('../img/modern-s589be641a6.png') 22px -80px no-repeat #f1f3f9;
	background:-moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url('../img/modern-s589be641a6.png') 22px -80px no-repeat #f1f3f9;
	background:-o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url('../img/modern-s589be641a6.png') 22px -80px no-repeat #f1f3f9;
	background:-ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url('../img/modern-s589be641a6.png') 22px -80px no-repeat #f1f3f9;
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url('../img/modern-s589be641a6.png') 22px -80px no-repeat #f1f3f9;
	-moz-box-shadow:inset 0 1px white, 0 2px 3px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow:inset 0 1px white, 0 2px 3px rgba(0, 0, 0, 0.28);
	-o-box-shadow:inset 0 1px white, 0 2px 3px rgba(0, 0, 0, 0.28);
	box-shadow:inset 0 1px white, 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, .project .borderradius.boxshadow.cssgradients .back:hover, .borderradius.boxshadow.cssgradients #about .back:hover, #about .borderradius.boxshadow.cssgradients .back:hover {
	background-color:#f7f9ff;
	-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, .project .borderradius.boxshadow.cssgradients .back:active, .borderradius.boxshadow.cssgradients #about .back:active, #about .borderradius.boxshadow.cssgradients .back:active {
	background-color:#f1f3f9;
	-moz-box-shadow:0 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.19), inset 0 0 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow:0 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.19), inset 0 0 3px rgba(0, 0, 0, 0.08);
	-o-box-shadow:0 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.19), inset 0 0 3px rgba(0, 0, 0, 0.08);
	box-shadow:0 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.19), 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
}
.ns-rollover, .ns-rollover-thin, #portfolio .thumbnail-list .image, #portfolio .thumbnails .image {
	border:5px solid;
	overflow:hidden;
	display:inline-block;
	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: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, .ns-rollover.active, .active.ns-rollover-thin, #portfolio .thumbnail-list .active.image, #portfolio .thumbnails .active.image {
	color:#0090ff
}
.ns-rollover img, .ns-rollover-thin img, #portfolio .thumbnail-list .image img, #portfolio .thumbnails .image img {
	display:block;
	margin:-5px
}
.ns-rollover-thin, #portfolio .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 {
	margin:-3px
}
.ns-bandage, #about .skills dd {
	background-position:100% -36px;
	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 0;
	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
}
.ns-basin, #portfolio .list-mode {
	background-color:#dadce2;
	-moz-box-shadow:inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px white;
	-webkit-box-shadow:inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px white;
	-o-box-shadow:inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px white;
	box-shadow:inset 0 -1px 5px rgba(0, 0, 0, 0.13), 0 1px white
}
.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
}
.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 white;
	-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 white;
	-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 white;
	box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px white
}
.ns-tooltip, .project .tooltip, #about .tooltip, #contact .social .tooltip {
	background:#f4f6fc;
	padding:7px 10px;
	border:1px solid #d4d5db;
	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
}
.ns-tooltip_harrow, .project .tooltip .arrow, #about .tooltip .arrow {
	background-position:0 -426px;
	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 -464px;
	height:9px;
	width:15px;
	position:absolute;
	right:50%;
	bottom:0;
	margin:0 -7px -9px 0
}
html, body {
	height:100%;
	overflow:hidden;
	font:13px/1.5 Arial, sans-serif;
	color:#3c3e45;
	background:#e8eaf0
}
h1 {
	font:100px/1 "League Gothic", Arial, sans-serif;
	text-transform:uppercase
}
nav > h1 {
	display:none
}
.project > header h1 {
	text-transform:none
}
#page {
	position:relative;
	height:400%;
	top:-100%
}
.page {
	position:absolute;
	left:0;
	right:0;
	overflow:auto;
	margin:5px 0
}
.page > header, .project > header {
	padding:60px 0 0 0;
	margin:0 0 120px 0
}
.footer {
	width:940px;
	margin:0 auto;
	overflow:hidden;
*zoom:1;
	display:block;
	margin-top:120px;
	border-top:1px solid #c5c7cc
}
.footer .container {
	border-top:1px solid white;
	padding:20px 0
}
.footer .legal {
	color:#a4a6aa
}
.footer .back-to-top {
	background-position:0 -441px;
	padding:0 0 0 23px;
	line-height:23px;
	color:#3c3e45;
	cursor:pointer;
	float:right
}
#portfolio {
	top:0;
	bottom:75%;
	border-top:none;
	overflow-y:scroll;
	padding-top:0;
	margin-top:0
}
#portfolio > header .title {
	margin:0 0 120px 0
}
#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:60px 0 24px;
	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:-170px
}
#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 {
	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:"League Gothic", Arial, sans-serif;
	margin:60px 0
}
.project .intro strong {
	color:black;
	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:white;
	border-top:1px dotted #cccccc
}
#logo {
	text-indent:-119988px;
	overflow:hidden;
	text-align:left;
	background-image:url('../img/logo.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width:450px;
	height:450px;
	position:absolute;
	top:33.5%;
	left:40%;
	margin:-106px 0 0 -135px
}
#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:"League Gothic", 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:41.5%;
	left:50%;
	font-size:14px;
	margin:30px 0 0 -80px
}
#nav .about a {
	width:160px;
	margin:0
}
#about {
	top:25%;
	bottom:50%;
	display:none
}
#about .tooltip {
	float:right;
	margin:23px 30px 0 0;
	display:none
}
#about .back {
	float:right
}
#about section {
	border-bottom:1px solid #c5c7cc;
	border-top:1px solid white;
	padding:60px 0 120px 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 "League Gothic", 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 {
	top:50%;
	bottom:25%;
	margin-bottom:0
}
#contact section {
	margin:0 0 30px 0
}
#contact section > h1 {
	display:none
}
#contact .info {
	position:absolute;
	right:50%;
	top:70px;
	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
}
#contact .social {
	float:right;
	position:relative;
	width:380px
}
#contact .social .picasa {
	background-image:url(../img/social/picasa.png)
}
#contact .social .qik {
	background-image:url(../img/social/qik.png)
}
#contact .social .xing {
	background-image:url(../img/social/xing.png)
}
#contact .social .designmoo {
	background-image:url(../img/social/designmoo.png)
}
#contact .social .windows {
	background-image:url(../img/social/windows.png)
}
#contact .social .gamespot {
	background-image:url(../img/social/gamespot.png)
}
#contact .social .digg {
	background-image:url(../img/social/digg.png)
}
#contact .social .newsvine {
	background-image:url(../img/social/newsvine.png)
}
#contact .social .yahoobuzz {
	background-image:url(../img/social/yahoobuzz.png)
}
#contact .social .linkedin {
	background-image:url(../img/social/linkedin.png)
}
#contact .social .komodomedia_wood {
	background-image:url(../img/social/komodomedia_wood.png)
}
#contact .social .sharethis {
	background-image:url(../img/social/sharethis.png)
}
#contact .social .designfloat {
	background-image:url(../img/social/designfloat.png)
}
#contact .social .plurk {
	background-image:url(../img/social/plurk.png)
}
#contact .social .apple {
	background-image:url(../img/social/apple.png)
}
#contact .social .mynameise {
	background-image:url(../img/social/mynameise.png)
}
#contact .social .reddit {
	background-image:url(../img/social/reddit.png)
}
#contact .social .googletalk {
	background-image:url(../img/social/googletalk.png)
}
#contact .social .vimeo {
	background-image:url(../img/social/vimeo.png)
}
#contact .social .readernaut {
	background-image:url(../img/social/readernaut.png)
}
#contact .social .lastfm {
	background-image:url(../img/social/lastfm.png)
}
#contact .social .technorati {
	background-image:url(../img/social/technorati.png)
}
#contact .social .flickr {
	background-image:url(../img/social/flickr.png)
}
#contact .social .delicious {
	background-image:url(../img/social/delicious.png)
}
#contact .social .dribbble {
	background-image:url(../img/social/dribbble.png)
}
#contact .social .brightkite {
	background-image:url(../img/social/brightkite.png)
}
#contact .social .yahoo {
	background-image:url(../img/social/yahoo.png)
}
#contact .social .deviantart {
	background-image:url(../img/social/deviantart.png)
}
#contact .social .mobileme {
	background-image:url(../img/social/mobileme.png)
}
#contact .social .facebook {
	background-image:url(../img/social/facebook.png)
}
#contact .social .youtube {
	background-image:url(../img/social/youtube.png)
}
#contact .social .friendfeed {
	background-image:url(../img/social/friendfeed.png)
}
#contact .social .cargo {
	background-image:url(../img/social/cargo.png)
}
#contact .social .bebo {
	background-image:url(../img/social/bebo.png)
}
#contact .social .paypal {
	background-image:url(../img/social/paypal.png)
}
#contact .social .evernote {
	background-image:url(../img/social/evernote.png)
}
#contact .social .wordpress {
	background-image:url(../img/social/wordpress.png)
}
#contact .social .netvibes {
	background-image:url(../img/social/netvibes.png)
}
#contact .social .ember {
	background-image:url(../img/social/ember.png)
}
#contact .social .google_voice {
	background-image:url(../img/social/google_voice.png)
}
#contact .social .myspace {
	background-image:url(../img/social/myspace.png)
}
#contact .social .google {
	background-image:url(../img/social/google.png)
}
#contact .social .roboto {
	background-image:url(../img/social/roboto.png)
}
#contact .social .twitter {
	background-image:url(../img/social/twitter.png)
}
#contact .social .playstation {
	background-image:url(../img/social/playstation.png)
}
#contact .social .email {
	background-image:url(../img/social/email.png)
}
#contact .social .posterous {
	background-image:url(../img/social/posterous.png)
}
#contact .social .pandora {
	background-image:url(../img/social/pandora.png)
}
#contact .social .rss {
	background-image:url(../img/social/rss.png)
}
#contact .social .grooveshark {
	background-image:url(../img/social/grooveshark.png)
}
#contact .social .aim {
	background-image:url(../img/social/aim.png)
}
#contact .social .komodomedia_azure {
	background-image:url(../img/social/komodomedia_azure.png)
}
#contact .social .openid {
	background-image:url(../img/social/openid.png)
}
#contact .social .mixx {
	background-image:url(../img/social/mixx.png)
}
#contact .social .ilike {
	background-image:url(../img/social/ilike.png)
}
#contact .social .zootool {
	background-image:url(../img/social/zootool.png)
}
#contact .social .dopplr {
	background-image:url(../img/social/dopplr.png)
}
#contact .social .viddler {
	background-image:url(../img/social/viddler.png)
}
#contact .social .tumblr {
	background-image:url(../img/social/tumblr.png)
}
#contact .social .stumbleupon {
	background-image:url(../img/social/stumbleupon.png)
}
#contact .social .google_wave {
	background-image:url(../img/social/google_wave.png)
}
#contact .social .virb {
	background-image:url(../img/social/virb.png)
}
#contact .social .yelp {
	background-image:url(../img/social/yelp.png)
}
#contact .social .blogger {
	background-image:url(../img/social/blogger.png)
}
#contact .social .orkut {
	background-image:url(../img/social/orkut.png)
}
#contact .social .skype {
	background-image:url(../img/social/skype.png)
}
#contact .social .gowalla {
	background-image:url(../img/social/gowalla.png)
}
#contact .social .forrst {
	background-image:url(../img/social/forrst.png)
}
#contact .social .tooltip {
	position:absolute;
	margin-top:-10px
}
#contact .social ul {
	overflow:hidden
}
#contact .social li {
	float:left;
	margin:0 20px 20px 0;
	background-repeat:no-repeat
}
#contact .social a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-119988px;
	overflow:hidden;
	text-align:left
}
#contact .map {
	float:right;
	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 #b1b3b8, inset 0 1px white;
	-webkit-box-shadow:0 1px 4px #b1b3b8, inset 0 1px white;
	-o-box-shadow:0 1px 4px #b1b3b8, inset 0 1px white;
	box-shadow:0 1px 4px #b1b3b8, inset 0 1px white
}
.no-boxshadow #contact .map {
	border:1px solid #d0d2d7;
	background:#eff1f7
}
#contact .map figure {
	height:235px
}
#contact .foto {
	float:right;
	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 #b1b3b8, inset 0 1px white;
	-webkit-box-shadow:0 1px 4px #b1b3b8, inset 0 1px white;
	-o-box-shadow:0 1px 4px #b1b3b8, inset 0 1px white;
	box-shadow:0 1px 4px #b1b3b8, inset 0 1px white
}
.no-boxshadow #contact .foto {
	border:1px solid #d0d2d7;
	background:#eff1f7
}
#contact .foto figure {
	height:235px
}

#contact .form {
	width:510px;
	border-right:1px solid white
}
#contact .form form {
	padding:0 49px 0 0;
	border-right:1px solid #c5c7cc;
	overflow:hidden
}
#contact .form p {
	padding:7px
}
#contact .form p.invalid {
	background-color:#fff0f0
}
#contact .form input, #contact .form textarea {
	border:none;
	font-size:18px;
	padding:7px;
	margin:0;
	background:transparent;
	display:block
}
#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:432px;
	height:200px
}
#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
}