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:#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 */
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 */
.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}
/* =============== PREPREND */
.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 */
.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 */
.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/setas2.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/arq_setas.png') no-repeat;
}
@font-face	{
	font-family:tahoma;
	font-size:12px;
}
.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 -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:#FFF;
	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;
}
.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;
}
.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 #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 #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.28),inset 0 1px #fff;
	-o-box-shadow:0 1px 3px rgba(0,0,0,0.28),inset 0 1px #fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.28),inset 0 1px #fff;
	-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 #fff,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 #fff,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 #fff,inset 0 0 3px rgba(0,0,0,0.1),inset 0 2px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px #fff,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% -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))) #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 #fff;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.28),0 1px #fff;
	-o-box-shadow:inset 0 1px 3px rgba(0,0,0,0.28),0 1px #fff;
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.28),0 1px #fff;
}
.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% -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:#FFF;
	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 #fff,0 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:inset 0 1px #fff,0 1px rgba(0,0,0,0.25);
	-o-box-shadow:inset 0 1px #fff,0 1px rgba(0,0,0,0.25);
	box-shadow:inset 0 1px #fff,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 -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;
}
.ns-tictoc,.project .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,#about .back:active	{
	background-position:0 0;
}
.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-s10a8e71190.png') 22px 0 no-repeat #f1f3f9;
	background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.09)),url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #f1f3f9;background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.09)),url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #f1f3f9;
	background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.09)),url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #f1f3f9;background:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.09)),url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #f1f3f9;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.09)),url('../img/modern-s10a8e71190.png') 22px 0 no-repeat #f1f3f9;-moz-box-shadow:inset 0 1px #fff,0 2px 3px rgba(0,0,0,0.28);
	-webkit-box-shadow:inset 0 1px #fff,0 2px 3px rgba(0,0,0,0.28);
	-o-box-shadow:inset 0 1px #fff,0 2px 3px rgba(0,0,0,0.28);
	box-shadow:inset 0 1px #fff,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 #fff,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 #fff,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 #fff,inset 0 2px 2px rgba(0,0,0,0.19),inset 0 0 3px rgba(0,0,0,0.08);
	box-shadow:0 1px #fff,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:#fff;
	-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% -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:#FFF;
	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 #fff;
	-webkit-box-shadow:inset 0 -1px 5px rgba(0,0,0,0.13),0 1px #fff;
	-o-box-shadow:inset 0 -1px 5px rgba(0,0,0,0.13),0 1px #fff;
	box-shadow:inset 0 -1px 5px rgba(0,0,0,0.13),0 1px #fff;
}
.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 #fff;
	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:#fff;
	-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:#fff;
	-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 #fff;
	-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 #fff;
	-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 #fff;
	box-shadow:inset 0 0 3px rgba(0,0,0,0.2),inset 0 1px 2px rgba(0,0,0,0.15),0 1px #fff;
}
.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 -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;
}
/* ========================================== HTML BODY */
html,body	{
	height:100%;
	overflow:hidden;
	font:13px/1.5 Arial,sans-serif;
	color:#3c3e45;
	background:#FFF;
}
h1	{
	font:60px/1 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 80px 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 #fff;
	padding:20px 0;
}
.footer .legal	{
	color:#a4a6aa;
}
.footer .back-to-top	{
	background-position:0 -328px;
	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:#000;
	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:#fff;
	border-top:1px dotted #ccc;
}
#logo	{
	text-indent:-119988px;
	overflow:hidden;
	text-align:left;
	background-image:url('../img/logo.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	width:199px;
	height:170px;
	position:absolute;
	top:36.5%;
	left:50%;
	margin:-136px 0 0 -100px;
}
#nav li	{
	position:absolute;
	z-index:100;
	width:100%;
}
#nav li a	{
	width:160px;
	margin-left:-80px;
}
#nav .portfolio,#nav .contact-back,#nav .contact,#nav .portfolio-back	{
	font-family:tahoma;
	font-size:15px;
	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	{
	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 #fff;
	padding:60px 0 120px 0;*/
}
#about .intro	{
	border-top:none;
/*	padding:0 0 120px 0;*/
	padding:0 0 0px 0;
	position:relative;
}
#about .intro h1	{
	display:none;
}
#about .intro .portrait	{
	float:left;
	margin-right:100px;
}
#about .intro .content	{
	overflow:hidden;
}
#contact	{
	top:50%;
	bottom:25%;
	margin-bottom:0;
}
#contact section	{
	margin:0 0 0px 0;
}
#contact section > h1	{
	display:none;
}
#contact .info	{
	position:absolute;
	right:50%;
	top:530px;
	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;
}
/* ================================ CONTATO */
#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 #fff;
	-webkit-box-shadow:0 1px 4px #b1b3b8,inset 0 1px #fff;
	-o-box-shadow:0 1px 4px #b1b3b8,inset 0 1px #fff;
	box-shadow:0 1px 4px #b1b3b8,inset 0 1px #fff;
}
.no-boxshadow #contact .map	{
	border:1px solid #d0d2d7;
	background:#eff1f7;
}
#contact .map figure	{
	height:235px;
}
#contact .form	{
	width:510px;
	border-right:1px solid #fff;
}
#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;
}