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
} 

::-moz-selection {
    background-color: #F078F4;
    color: #fff;
	text-shadow:none;
}

::selection {
    background-color: #F078F4;
    color: #fff;
	text-shadow:none;
}

a:link, a:visited, a:active{
	outline:none;
	text-decoration:none;
	/* color:#0090ff; */ /* light bright blue*/
	color:#F078F4;  /* light bright purple */
	/* color: #8B0F72;  */  /* dark purple */
} 

a:hover{
	/* color:#0C65AE; */ 
	color:#F078F4; /*  light bright purple */
	text-decoration:none

} 
#portfolio a:link, #portfolio a:visited, #portfolio a:active{
	
        font-weight:bold;
} 

#portfolio a:hover{
	color:#0C65AE;
	/* color:#0090ff; */ /* light bright blue */
	/* color:#F078F4; */  /* light bright purple */
	 color: #8B0F72; /* dark purple */
	text-decoration:none

} 


p{
	margin:0 0 20px 0
} 
.intro > p {
    -moz-column-gap: 70px;
    -moz-columns: 2 200px;
	-webkit-column-gap: 70px;
    -webkit-columns: 2 200px;
	column-gap: 70px;
    columns: 2 200px;
    color: #666666;
    font-size: 1.18em;
}
.intro > p.oneColumn, .oneColumn p {
    -moz-columns: 1 550px;
    -webkit-columns: 1 550px!important;
	columns: 1 550px;
    width:450px!important;
}

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;
    transform:scale(1);
    transform-origin:0,0;
} 

.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-s79612800a9.png') no-repeat
} 

.modern-sprite,.ns-drop-down,.ns-drop-up,#nav .contact,#nav .portfolio-back,#nav .portfolio,#nav .contact-back,.ns-drop-down_bd,.ns-drop-up_bd,#nav .contact a,#nav .portfolio-back a,#nav .portfolio a,#nav .contact-back a,.ns-drop-down_left,.ns-drop-up_left,#nav .contact b,#nav .portfolio-back b,#nav .portfolio b,#nav .contact-back b,.ns-drop-down_middle,.ns-drop-up_middle,#nav .contact span,#nav .portfolio-back span,#nav .portfolio span,#nav .contact-back span,.ns-dotted-nav_prev,#portfolio .pagination .prev,.ns-dotted-nav_next,#portfolio .pagination .next,.ns-dotted-nav_num,#portfolio .pagination .num,.ns-tooltip_harrow,.project .tooltip .arrow,#about .tooltip .arrow,.ns-tooltip_varrow,#contact .social .tooltip .arrow,.footer .back-to-top{
	background:url('../img/modern-s10a8e71190.png') no-repeat
} 

@font-face{
	font-family:"League Gothic";
	src:url('../font/League_Gothic-webfont.eot');
	src:url('../font/League_Gothic-webfont.eot?iefix') format('eot'),url('../font/League_Gothic-webfont.woff') format('woff'), url('../font/League_Gothic-webfont.ttf') format('truetype'), url('../font/League_Gothic-webfont.svg') format('svg')
} 

.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:#e8eaf0;
	position:absolute;
	top:0;
	left:50%
} 

.ns-drop-down_left,.ns-drop-up_left,#nav .contact b,#nav .portfolio-back b,#nav .portfolio b,#nav .contact-back b{
	background-position:0 -115px;
	height:35px;
	width:38px;
	position:absolute;
	left:0;
	top:0
} 

.ns-drop-down_middle,.ns-drop-up_middle,#nav .contact span,#nav .portfolio-back span,#nav .portfolio span,#nav .contact-back span{
	background-position:0 -393px;
	background-repeat:repeat-x;
	background-color:#3c3e45;
	display:block;
	height:35px;
	line-height:35px;
	margin:0 38px
} 

.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
	*/
	 -moz-transition: background-color 300ms ease 0s;
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.1)) repeat scroll 0 0 #EEF3F6;
    border: 1px solid #C5C7CC;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px #FFFFFF inset;
    font-family: lobster two;
    font-size: 1.3em;
    font-style: italic;
    height: 40px;
    line-height: 40px;
    margin: 0 0 3px;
    padding: 0 22px;
    text-shadow: -1px -1px 0 #FFFFFF;
    text-transform: capitalize;
} 

.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,

.borderradius.boxshadow.cssgradients #contact .form .buttons:hover button > span span,
#contact .form .buttons:hover button > span .borderradius.boxshadow.cssgradients span
{
	background-color:#f7fcff;
	-moz-transition:background-color 300ms;
	-webkit-transition:background-color 300ms;
	-o-transition:background-color 300ms;
	transition:background-color 300ms
} 
/*
#contact .form .buttons:hover button > span span{
	display:block;
	
	background-color:#f00;
	background:url('../img/old-s79612800a9.png') 0 -593px no-repeat ;
	-moz-border-radius:20px;	
	border-radius:20px;
	-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;
	/* color:#0090ff; */ /* light bright blue*/
	/* color:#F078F4; */ /*  light bright purple */
	color: #D030D5;  /* dark purple */
} 

.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:#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 #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-dotted-nav_num:hover,#portfolio .pagination .num:hover {
	cursor: pointer;
} 

.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 { 
    cursor:pointer; 
} 

.ns-rollover.active, 
.active.ns-rollover-thin, 
#portfolio .thumbnail-list .active.image, 
#portfolio .thumbnails .active.image, 
.ns-rollover.active:hover, 
.active.ns-rollover-thin:hover, 
#portfolio .thumbnail-list .active.image:hover, 
#portfolio .thumbnails .active.image:hover { 
    cursor:default!important;
}

.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:#F078F4; /* light bright purple */
	
} 

.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
} 

#about .intro { padding-bottom:20px!important; }
.skills { padding-bottom:40px!important;   padding-top:35px!important; }
#about .downloads { padding-top:15px!important; }
#about .downloads .vcard, #about .downloads .resume { margin-top:30px!important }

.skills ul {
	float:left;
	/*  margin:50px 20px 0 50px; */
	margin:0px 20px 0 50px;
}
.skills ul h3{
	border-bottom:2px solid;
	font:italic 32px/1 "Lobster Two","League Gothic",Arial,sans-serif;		
}
.skills ul.programs {
	width:135px;
}
.skills ul.languages {
	width:185px;
}
.skills ul.frameworks {
	width:165px;
}
.skills ul.databases {
	width:150px;
}
.skills li {
	font:18px 'Josefin Sans',"League Gothic",Arial,sans-serif!important;
	height:25px;
	margin:10px 0 0 15px;
	border-bottom:none!important;
}
.clear{ clear:both; }

.borderradius .ns-bandage,.borderradius #about .skills dd,#about .skills .borderradius dd{
	background:none
} 

.ns-bandage_left,#about .skills dd b{
	background-position:0 -476px;
	height:36px;
	width:19px;
	position:absolute;
	left:0;
	top:0
} 

.borderradius.boxshadow.cssgradients .ns-bandage_left,.borderradius.boxshadow.cssgradients #about .skills dd b,#about .skills dd .borderradius.boxshadow.cssgradients b{
	display:none
} 

.ns-bandage_middle,#about .skills dd span{
	display:block;
	height:36px;
	line-height:36px;
	margin:0 19px;
	color:#e8eaf0;
	background-color:#3c3e45
} 

.borderradius .ns-bandage_middle,.borderradius #about .skills dd span,#about .skills dd .borderradius span{
	margin:0;
	padding:0 19px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	-ms-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px
} 

.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{
	height:100%;
	overflow:hidden;
	font:13px/1.5 Arial,sans-serif;
	color:#3c3e45;
	background:#e8eaf0
} 

h1{
	font:80px/1 "Lobster Two","League Gothic",Arial,sans-serif;
	text-transform:capitalize;
	font-style:italic;
	text-shadow:-1px -2px 0 #fff;
	
} 
h1.longTitle{
	font-size:75px;
}

nav > h1{
	display:none
} 

.project > header h1{
	text-transform:none;
	position:absolute;
	width:910px;
} 

#page{
	position:relative;
	height:400%;
	top:-100%
} 

.page{
	position:absolute;
	left:0;
	right:0;
	overflow:auto;
	margin:5px 0
} 

.project > header{
	padding:60px 0 0 0;
	margin:0 0 80px 0
} 
.page > header{
	padding:60px 0 0 0;
	margin:0 0 120px 0
} 
#contact.page > header{
	padding:60px 0 0 0;
	margin:0 0 80px 0!important;
} 

.footer{
	width:940px;
	margin:0 auto;
	overflow:hidden;
	transform:scale(1); 
	transform-origin: 0 0;
	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;
    transform:scale(1);
    transform-origin:0,0;
} 

#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{ 
    transform:scale(1);
    transform-origin:0,0;
} 

#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:0;
	font-size:26px;
	display: block;
	font-family: "Lobster Two", "League Gothic", Arial, sans-serif;
	font-style: italic;
	text-shadow: -1px -1px 0 #FFFFFF;
	
} 

#portfolio .thumbnail-list{
	position:relative;
	width:999999px;
    transform:scale(1);
    transform-origin:0,0;
} 

#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;
	z-index:555;
} 

.project .back{
	float:right;
	margin-right:-60px;
} 

.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:260px;
	margin:0 0 0 20px;
	float:left
} 
.project .details dl:last-child{
	width:80px!important;
} 

.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.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width:269px;
	height:106px;
	position:absolute;
	top:37.5%;
	left:50%;
	margin:-106px 0 0 -135px
} 
*/
#logo {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 125px;
    left: 50%;
    margin: -106px 0 0 -275px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 37.5%;
    width: 550px;
}
#logo > h1 {
    font-size: 6em;
}
#logo > h2 {
    font-size: 1.8em;
	font-family:'Josefin Sans', sans-serif;
}

#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:37.5%;
	left:50%;
	font-size:14px;
	margin:60px 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;
	position:relative
} 

#about .intro h1{
	display:none
} 

#about .intro .portrait{
	float:left;
	margin-right:100px
} 

#about .intro ul.contactInfo {
	float:right; 
	text-align:right; 
	margin:-100px 15px 0 0; 
	font-family: 'League Gothic',Arial,sans-serif!important;
	font-size:21px;
}
#about .intro ul.contactInfo .phone {
	font-size:32px; 
	margin-bottom:3px; 
}
#about .aboutMeContactInfo {
	position: absolute; 
	top: -70px; 
	height: 60px; width: 140px; 
	padding: 0px 5px 0px 0px ! important; right: 15px;	
	font-size: 1.4em; 
	font-family: 'League Gothic',Arial,sans-serif ! important; 	 
	text-align: right; 
	border-top: 0px none;
	border-bottom: 5px double #444; 	
	clear: both;  	
 }
 
#about .intro .content{
	overflow:hidden;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size:1.4em;
	line-height:1.6em;
} 

#about .intro .content h3{
	font-family:'Lobster Two','League Gothic',Arial,sans-serif!important; 
	font-weight:bold!important; margin-bottom:15px;
	font-size:32px;
	line-height:1.4em;
} 


#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 #contact-area {
        margin-left:20px;
}
#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{
	font-size:24px;
        font-family:"Lobster Two","League Gothic",Arial,sans-serif;
	text-transform:capitalize;
	font-style:italic;
	text-shadow:-1px -2px 0 #fff;
} 



#contact .social{
	float:right;
	position:relative;
	width:380px;
        margin: 0 0 10px 0!important;
} 

#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 .freecodecamp{
	background-image:url(../img/social/freeCodeCamp.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-right{
	float:right;
	clear:both;
	width:366px;
	padding:11px;
	-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-right{
	border:1px solid #d0d2d7;
	background:#eff1f7
} 

#contact .map-right figure{
	height:303px
} 
#contact .map-right a {
        text-decoration:none;
}

#contact .form{
	width:510px;
	border-right:1px solid #fff
} 

#contact .form form{
	padding:10px 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:412px;
	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
} 

/* --------------------------------------------------------------------------------------------------------------------------------  */    


.floatingError{
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.6);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin: -77px 0 0 45px;
    padding: 2px 12px;
    text-align: center;
    width: 230px;
}
.activeError {
    display: block;
}

.separatorDiv{
	clear:both; height:0; width:0; line-height:0!important;
}

label#scL {
    width: 86px !important;
}

div.single-line{
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 1px #FFFFFF;
	padding: 7px;
	margin: 0 0 20px;
}

#sec_div {
    line-height: 34px!important;
    width: 170px!important;
	
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: inline!important;
    font-size: 18px;
    margin: 0;
    padding: 7px;
}
#sec_div input{
	width: 170px !important;
    display: inline!important;
}
#contact .form, .notification_ok, .serverError {
    min-height: 300px!important;
}

.notification_ok, .notification_serverError {
    font: bold 30px/1.5em 'lobster two';    	
    border-right: 1px solid #C5C7CC;
    overflow: hidden;
    padding: 40px 49px 0 0;
}
.notification_error em{
	color:#f00;
	font-weight:bold;
	font-style:italic;
}
.notification_ok .buttons span, .notification_serverError .buttons span {
    font-size: 16px;
    width: 250px!important;
}
.notification_ok .buttons span span, .notification_serverError .buttons span span {
    width: auto!important;
}