@font-face{
font-family: myNav;
src: url('javascripts/AGFUTC.ttf');
}

@font-face{
font-family: myNavEI;
src: url('javascripts/AGFUTC.eot');
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,a,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
input.field,select,textarea{vertical-align:top;background:#fff;border:1px solid}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
body{line-height:1;font-size:100.01%}
a{margin:0;padding:0;border:0}
body,select,input.field,textarea,a{color:#eee}
input.field,select{vertical-align:middle}
h1,h2,h3{font-weight:normal}
label,input.field[type=button],input.field[type=submit],button{cursor:pointer}input.field{-webkit-appearance:none}ul{list-style-type:none;margin:0}
.ir{display:block;text-indent:-9999px;overflow:hidden;background-repeat:none}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clear10{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin-bottom:30px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}::-moz-selection{color:#eee;background:rgba(0,145,195,0.3)}::selection{color:#eee;background:rgba(0,145,195,0.3)}*{-webkit-tap-highlight-color:rgba(11,140,184,0.6)}
textarea{resize:none;height:140px}#skip{display:none}html,body{background:#ffffff url('images/bg.gif') fixed 50% 0}
html{height:100%}body{text-align:center;font:normal 16px Arial,Helvetica,sans-serif;color:#000000}
p,form{font:16px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#000000;line-height:24px}form{width:437px}
#wrapper{*position:relative;margin:0 auto;width:1020px}
section{text-align:left;position:relative;overflow:hidden;width:920px;float:left;padding:78px 10px 109px 60px;background:transparent url('images/hr_top.png?1323858650') no-repeat 0 0;_background:transparent none;_border-top:1px solid #444}
.full{text-align:left;position:relative;overflow:hidden;width:1020px;float:left;}
#work h2,#people h2,#about h2,#blog h2,#services h2,#letstalk h2{font-family:"Proxima Nova Condensed Semibold", "Arial Narrow", Helvetica, Arial, sans-serif;color:#eee;font-size:21px;text-transform:uppercase;margin-bottom:30px;text-shadow:0 -2px 0 rgba(0,0,0,0.7);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:#347299}
a:hover,p a:focus,#blog .over h4 a,#blog a:focus,#footer a:focus{color:#ffa800;}
a:active{opacity:0.7;filter:alpha(opacity=70);-webkit-transition:none !important;-moz-transition:none !important;transition:none !important}a.readmore{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;float:left;border:0;background:#333;background:rgba(255,255,255,0.06);padding:1px 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#9f9f9f}
a.readmore:hover,a.readmore:focus{color:#eee;background:#095d7a}

#nav{width:1020px;*width:700px;height:64px;position:relative;margin: 0 auto;z-index:999;background:url('images/top-nav1.png') no-repeat;font:normal 14px/24px myNav, myNavEI, "Proxima Nova Condensed Regular","Proxima Nova Condensed","Arial Narrow",Helvetica,Arial,sans-serif;}
#nav ul{text-align:center;width:600px;display:inline-block;*float:left;margin:0 0 0 445px;padding-top:9px;height:42px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;font-family:myNav, myNavEI, "Proxima Nova Condensed Regular","Proxima Nova Condensed","Arial Narrow",Helvetica,Arial,sans-serif; z-index:2000;}

#nav a{font-size:18px;font-weight: bold;border:0;text-transform:uppercase;text-decoration:none;color:#fff;padding:5px 12px 0;height:30px;display:block;background:rgba(255,255,255,0.01);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-font-smoothing:antialiased}
#nav a:hover{padding:5px 12px 0;height:30px;color:#000000}
#nav a:focus{outline:0}
#nav a.selected{color:#000000;height:75px;padding:5px 12px 5px;background: url('images/selected_menu.png') no-repeat 50% 0;-webkit-transition:none !important;-moz-transition:none !important;transition:none !important}
#nav img {margin:6px 0 0 2px}
#nav li{float:left}#nav li img {float:left}#nav li a {border:0;float:left}
li.right{margin-right:10px}

#nav.active{*position:absolute !important}

#hgroup img.splash {margin-top:86px}#hgroup p {padding:23px 110px 30px 110px;font-size:16px;line-height:24px}

#home{padding:0;width:100%;text-align:center;background:transparent url('images/header-bg.gif') repeat-x 51% 86px}
#logo{margin-top:88px;width:100%;height:82px}
#logo a{border:0;margin:0 auto;width:140px;height:82px;display:block;background:transparent url('images/kiskosprite.png') no-repeat -734px 0}

#about .section-title,#work .section-title{padding-left:20px}

/* Work */
.alex-work {width:300px;height:300px;float:left;position:relative}.alex-work img {position:absolute;z-index:1}.alex-work p {position:absolute;z-index:2;font-size:13px;line-height:18px;margin:205px 0 0 20px}
.alex-work #elecintro {display:none}
#inline1 {
    overflow: auto;
	width: 640px;
	height: 500px;
	background-color: #FDFDFD;
}
#work #inline1 {display:none}
/* Skills */
.skills-left {float:left;width:450px;padding-left:20px}
.skills-left img {vertical-align:text-top;padding-top:2px}
.count-up {background:url('images/skills-count-up.png') no-repeat;width:390px;height:147px;margin-top:45px; padding-left: 194px; padding-top: 1px; color: #fff; font-weight: bold;}
.count-entry1,.count-entry2,.count-entry3,.count-entry4,.count-entry5{font-size:20px}
.count-entry1,.count-entry2{margin-top:6px;}.count-entry3,.count-entry4,.count-entry5{margin-top:5px;}
.win.chrome .count-entry2 { margin-top:4px; } .win.chrome .count-entry3 { margin-top:3px; } .win.chrome .count-entry4 { margin-top:3px; } .win.chrome .count-entry5 { margin-top:3px; }
@-moz-document url-prefix() { .count-entry2 { margin-top:3px; } } 
@-moz-document url-prefix() { .count-entry3 { margin-top:3px; } } 
@-moz-document url-prefix() { .count-entry4 { margin-top:3px; } } 
@-moz-document url-prefix() { .count-entry5 { margin-top:3px; } } 
.pie-chart {background:url('images/skills-pie-chart.png') no-repeat;width:417px;height:202px;margin:80px 0;text-transform:uppercase;font-size:14px;font-weight:bold}
.pie-chart .section-title {position:absolute;margin:15px 0 0 217px}
.pie-graphic {position:absolute;margin:55px 0 0 250px}.pie-web {position:absolute;margin:95px 0 0 250px}.pie-uiux {position:absolute;margin:135px 0 0 250px}.pie-motion {position:absolute;margin:175px 0 0 250px}
.bar-graph {background:url('images/skills-bar-graph.png') no-repeat;width:427px;height:353px;margin-top:10px;color:#ffffff;font-size:18px;font-weight:bold;text-transform:uppercase}
.bar-ps,.bar-dw,.bar-fl,.bar-ae,.bar-ai,.bar-in{position:absolute;margin-left:57px}
.bar-ps{margin-top:10px}.bar-dw{margin-top:54px}.bar-fl{margin-top:102px}.bar-ae{margin-top:148px}.bar-ai{margin-top:197px}.bar-in{margin-top:241px}

.skills-right {float:left;margin-left:0px;width:440px}.skills-right .section-title{padding-left:120px}
.skills-contact{margin:0 0 45px 120px}.skills-contact a {color:#000000}
.skills-contact-row img {vertical-align:bottom;margin:0 5px 0 0}.skills-contact-row {margin-bottom:5px;font-size:14px}.cap{text-transform:uppercase}
.time-line {height:900px;margin-left:120px}.time-line img{float:left;margin-top:6px}
.tl-1986,.tl-2005,.tl-2006,.tl-2009,.tl-2010,.tl-2011,.tl-2012,.tl-2013,.tl-tbd {position:absolute;margin-left:130px;font-size:14px;width:210px}
.tl-1986{margin-top:18px}.tl-2005{margin-top:118px}.tl-2006{margin-top:218px}.tl-2009{margin-top:318px}.tl-2010{margin-top:418px}.tl-2011{margin-top:518px}.tl-2012{margin-top:618px}.tl-2013{margin-top:718px}.tl-tbd{margin-top:818px}
.venn-diagram{background:url('images/skills-venn-diagram.png') no-repeat;width:570px;height:173px;background-position:120px 0;font-size:14px;font-weight:bold}
ul.vn-skills{float:left;width:135px;margin-top:23px}ul.vn-skills li {text-align:right;margin-bottom:10px}ul.vn-likes{float:left;margin:23px 0 0 230px}ul.vn-likes li {margin-bottom:10px}
.venn-title{font-size:18px;font-weight:bold;text-transform:uppercase;width:500px;text-align:center;margin-bottom:10px}

#hgroup h1{color:#eee;margin-top:124px;margin-bottom:7px;font:100px/100px "Proxima Nova Condensed Semibold","Arial Narrow",Impact,Helvetica,Arial,sans-serif;letter-spacing:-4px;text-shadow:0 -2px 0 rgba(0,0,0,0.7);-webkit-font-smoothing:antialiased}
#hgroup h2,.koulutus h2,#people .hd,#about .hd,#services .hd,#letstalk .hd,#blog h3,.slidecontent h3{margin:30px 0 0 65px;letter-spacing:0;font:24px/34px "Proxima Nova Condensed Light","Arial Narrow",Helvetica,Arial,sans-serif;text-align:left;width:570px;text-shadow:0 -2px 0 rgba(0,0,0,0.4)}
.koulutus h2{margin-left:0px}#hgroup h2{float:left;margin-left:75px;_margin-left:32px}em{font-style:normal}

#work p{width:244px;padding-left:5px}

.section-head {font-size:36px;font-weight:bold;color:#000000;text-transform:uppercase;padding-left:20px;margin-top:25px}
.section-subhead{font-size:24px;font-weight:bold;color:#34739a;padding-bottom:20px;text-transform:uppercase;padding-left:20px}
.section-title{font-size:18px;font-weight:bold;text-transform:uppercase}.section-subtitle{font-size:16px;font-weight:bold;text-transform:uppercase}
#about img.bio {float:right;margin:25px 0 20px 30px}
#about p{padding:0 0 20px 20px}
.col{width:510px;float:left}
.col2{-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);-o-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3);width:200px;background:#333;background:rgba(255,255,255,0.04);padding:20px 25px;float:right;margin-top:2px;margin-right:0;border:1px dashed rgba(255,255,255,0.1)}
.col2 p{margin-bottom:0;font:200 16px/24px "Proxima Nova Condensed Light","Arial Narrow",Helvetica,Arial,sans-serif}.col2 em{float:left;color:#555;font:69px/24px "Proxima Nova Condensed Semibold","Arial Narrow",Helvetica,Arial,sans-serif;margin:0.35em 0.15em 0 0;line-height:1px}.col2 em.sec{float:right;line-height:20px}.col2 .bywho{font:12px/18px Helvetica,Arial,sans-serif;white-space:nowrap}#blog h3 a{color:#eee;border:0}#blog h4 a{color:#eee;border-bottom:1px solid transparent;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}#blog p,#blog h3{margin-bottom:32px}#blog p p{margin:none;padding:none;max-height:54px;text-overflow:ellipsis;overflow:hidden}#blog article{float:left;width:100%}#blog .col{width:370px;background:transparent url('images/line_vertical.png?1323858650') repeat-y top right;padding-right:30px;margin:0 30px 30px 0}#blog .last{background:transparent none;margin-right:0;padding-right:0}#blog .over{cursor:pointer}
#letstalk .hd{width:540px}
#letstalk p {padding:0 0 25px 20px}
#letstalk #contact-form{float:left;width:437px;border-right:1px solid #000000;padding-right:24px;margin-right:22px;background:transparent url('images/line_vertical.png') repeat-y top right}
#letstalk li{float:left;width:100%;margin-bottom:6px}label{text-align:right;font-weight:bold;padding-right:20px;float:left;width:110px;text-transform:uppercase}

#social{position:absolute;top:140px;right:148px}
#social .fb,#social .tw,#social .rss{float:left;margin-right:10px;width:38px;height:38px;border:0;-webkit-transition:none !important;-moz-transition:none !important;transition:none !important;background:transparent url('images/kiskosprite.png?1323858650') no-repeat -370px -3px}
#social .tw{background:transparent url('images/kiskosprite.png?1323858650') no-repeat -419px -3px}#social .rss{background:transparent url('images/kiskosprite.png?1323858650') no-repeat -467px -3px}#social .fb:hover,#social .fb:focus{background-position:-370px -50px;opacity:1.0}#social .tw:hover,#social .tw:focus{background-position:-419px -50px;opacity:1.0}#social .rss:hover,#social .rss:focus{background-position:-467px -50px;opacity:1.0}.sidebar{margin-top:2px;width:200px;float:left;padding:0 0 17px 30px;font-size:12px}.sidebar a:focus{-webkit-box-shadow:#0b8cb8 0 0 10px;-moz-box-shadow:#095d7a 0 0 5px;box-shadow:#095d7a 0 0 10px}.sidebar li{float:left;margin-bottom:18px !important}.sidebar div{float:right;width:145px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}.sidebar div.margintop{margin-top:1em}.sidebar h4{margin-top:2px;font-size:18px;line-height:18px;float:left;width:55px;overflow:hidden}#confirmation{display:none}.formsent form{display:none}.formsent #confirmation{display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);-o-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3);background:#333;border:1px solid #41c600;float:left;width:460px;background:rgba(65,198,0,0.14);padding:25px;color:#fff;font:14px/24px sans-serif}#letstalk .messages li{float:right;width:388px;font-size:11px;color:#d2493d;margin:0 0 10px 0}.error input.field,.error textarea{border:1px solid #d2493d}

#footer{background:url('images/footer-bg.gif') repeat-x;margin:-38px 0 -20px 0;height:360px;padding:20px 0 0 0;width:100%}img.back{float:right;margin-right:5px}
.footer-title {font-weight:bold;font-size:36px} img.horizontal {margin-bottom:10px} img.vertical {float:right}
.footer-col1 {float:left;width:320px;font-size:12px;color:#ffffff;line-height:16px}.footer-col2{float:left;width:240px;color:#ffffff;font-size:14px;padding-left:10px}#footer .section-title {margin-bottom:8px;color:#000000}
.footer-col2 img {margin:0 5px 3px 0}.footer-row img {vertical-align:bottom;margin:0 5px 0 0}.footer-row {margin-bottom:10px}.footer-row a {color:#ffffff}
.footer-col3{float:left;padding-left:5px;width:200px}.footer-col3 img {margin-right:7px}

.form-title{float:left}
.return {margin:60px auto 0 auto;text-align:center}
.return-footer {margin:60px auto 0 auto;text-align:center}
.contact-section{height:70px}

.frozenrails,.railsgirls{opacity:0.7;-webkit-transition:none !important;-moz-transition:none !important;transition:none !important;margin-top:30px;border-bottom:0 !important;display:inline-block;padding-top:24px;width:79px;height:65px;background:transparent url('images/kiskosprite.png?1323858650') no-repeat 0 0}.railsgirls{margin-right:10px;opacity:0.7;width:157px;background:transparent url('images/kiskosprite.png?1323858650') no-repeat -80px 0}.frozenrails:hover,.frozenrails:focus{opacity:1.0;background:transparent url('images/kiskosprite.png?1323858650') no-repeat 0 -135px}.railsgirls:hover,.railsgirls:focus{opacity:1.0;background:transparent url('images/kiskosprite.png?1323858650') no-repeat -80px -135px}@media screen and (max-width: 1000px){.action{-webkit-transition:none;-moz-transition:none;transition:none}}@media screen and (max-width: 970px){.formsent #confirmation{width:90%;padding:5%}#wrapper,#wrapper section,#hgroup h2{width:100%}#wrapper{min-width:340px;margin:0}#wrapper section{padding-left:7%;padding-right:7%;padding-top:60px;width:86%;padding-bottom:30px;height:auto;background-position:50% 0}#about,#blog{padding-bottom:60px !important}#hgroup h1{margin-top:110px}#hgroup h2{margin:10px 40px 30px;text-align:center;width:auto}h2,#wrapper h3.hd{width:100%}#wrapper h3.hd{margin-bottom:30px}#wrapper #home{padding-top:0;width:100%;padding:0 0 60px;background-position:51% 155px}.action,.action:hover{position:relative;top:auto;right:auto;float:none;margin:0 auto}.sites,#social,#work .openproject .col3,.openproject .readmore{display:none !important}#nav{width:100%}#blog .col{margin:0;background:transparent none}.col2,.col,.sidebar{float:left;clear:both;width:auto}#services .col{width:100%;clear:none;padding:0;text-align:left;background:transparent none !important}#services h4,#services p,#services img{float:left}#services h4,#services p{width:70%}#services h4{margin-top:30px}#services img{margin-right:20px}#work .project{width:50% !important;float:left;height:110px;margin:0 auto 30px}#work .project p{width:150px}.pagination{text-align:left !important}#work .openproject img{border:0;padding:0;top:0 !important;left:0 !important;width:100% !important;height:auto !important}#work .openproject .slides{border:1px solid #444;width:98% !important;height:415px}#work .openproject{width:100% !important}#work .openproject .slidecontent{width:100%}#work .openproject .slidecontent .col,#work .openproject .slidecontent .col p{width:100%;margin:0 0 10px 0;padding:0}#people a,#people div,#people .last{margin-right:33px}#dev_blog,#lahtolaukaus{width:100% !important;padding:0}#dev_blog{margin-bottom:50px !important}#letstalk form{background:transparent none;padding:0;margin:0;width:100%}

#letstalk label,#letstalk input.field.field,#letstalk textarea{width:97%;padding:10px 5px;text-align:left}
#letstalk textarea{height:140px;margin-bottom:10px}

.sidebar{margin:40px 0 0;padding:0;font-size:14px;width:90%;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);-o-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3);background:#333;background:rgba(255,255,255,0.04);padding:5%;border:1px dashed rgba(255,255,255,0.1)}
.sidebar div{float:left;width:100%}

.tpadding10{padding-top:10px}.tpadding20{padding-top:20px}.lpadding10{padding-left:10px}.lpadding20{padding-left:20px}.rpadding10{padding-right:10px}.rpadding20{padding-right:20px}

#letstalk .messages li{width:100%}}@media screen and (max-width: 840px){#work .openproject .slides{height:370px}#services h4,#services p{width:65%}}@media screen and (max-width: 740px){#work .project{width:100% !important;float:none;margin:0 auto 20px}
#work .project p{width:60%}
#hgroup{width:95%;margin:0 auto}#hgroup h1{margin-top:90px}#hgroup h2{margin:0 30px 30px}#services h4,#services p{width:63%}
#work .openproject .slides{height:300px}}@media screen and (max-width: 600px){#services h4,#services p{width:53%}#work .project{float:left;width:100% !important}#skip{display:inline;font-size:13px;font-family:Helvetica,Arial,sans-serif;color:#0b8cb8;border-bottom:1px solid #0b8cb8}


body{min-width:320px;background:#242424 url('images/iphonebg.jpg?1323858650') repeat}
#home .action{margin:25px auto 20px;width:125px;height:125px}
#home .action img{margin:0 0 0 0;width:115px;height:115px}
#nav,#nav.active{position:relative !important;top:auto !important;left:auto;float:left;right:auto;text-align:left;width:85%;margin:10% 7%}
#nav ul{background:transparent none}
#nav li{float:left;width:100%;min-width:260px;text-align:left;margin:0 !important}
#nav li a,#nav li a.selected{-webkit-transition:none !important;-moz-transition:none !important;transition:none !important;background:rgba(255,255,255,0.05) url('images/arrow.png?1323858650') no-repeat right top;border-bottom:1px solid rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.1);padding-left:20px !important;padding-bottom:0 !important;height:28px !important}
#nav li a:hover{background:rgba(255,255,255,0.2) url('images/arrow.png') no-repeat right top}
#logo{margin-top:50px}
#hgroup h1{margin:20px 0 0;line-height:74px;letter-spacing:-1px}#hgroup h2{margin:0 20px 20px}#hgroup h2,#wrapper section h3.hd{font-size:20px !important;line-height:26px !important}#work .openproject .slides{height:240px}}@media screen and (max-width: 480px){*{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}#work .project{width:100% !important;height:auto;margin:0 auto 30px}#work .project h3,#work .project p{width:46% !important;float:left}#work .openproject .slides{height:200px}#services h4,#services p{width:100%}#services img{display:none}#services h4{margin-top:15px}#people a,#people div{height:180px}}@media screen and (max-width: 400px){#work .openproject .slides{height:160px;width:95% !important}}@media screen and (max-width: 320px){body{width:320px !important}#people a:nth-child(even){margin-right:0}#people div.last{display:none}#work .openproject .slides{height:140px}
#wrapper{min-width:92%}
#work .project h3,#work .project p{width:40% !important}}@media screen and (device-width: 768px){body{-webkit-background-size:2000px 1314px}#services .col{-webkit-transition:none;transition:none}#services .col p{-webkit-transition:none;transition:none}}
.blue {color:#34739a}#nav li.social a {margin-top:-2px;padding:0}
.black {color:#000000}#nav li.social a {margin-top:-2px;padding:0}
	
/* Lightbox */
.gallery{display:none}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancy/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
	visibility: hidden;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 37px;
	height: 37px;
	background: transparent url('images/fancy/fancy_close.png') no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('images/fancy/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 37px;
	height: 37px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancy/fancy_nav_left.png');
}

#fancybox-right-ico {
	background-image: url('images/fancy/fancy_nav_right.png');
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancy/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancy/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancy/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancy/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancy/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancy/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancy/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancy/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #000000;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancy/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('images/fancy/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('images/fancy/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('images/fancy/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#nav-container { 
	position: fixed; 
	top: 0; 
	height: 11px; 
	background: url('images/top-bg.png') top center repeat-x;
	width: 100%; 
	z-index: 1000;
}
#footer-inner {
	width: 860px;
	margin: 0 auto;	
}
#home-inner {
	width: 1020px;
	margin: 0 auto;	
	padding-bottom: 109px;
}

/* Form */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/

.contact-side {float:left;height:300px}

#contact-form {float:left}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#F00;	
}

#contact-form #submit-button {
	border:none;
	display:block;
	float:right;
}

#contact-form #submit-button:hover {
	background-color: #A6CFDD;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	display:block;
	width:400px;
	display:none;
	padding-left:25px;
}

#errors li {
	padding:2px 0 10px 0;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	display:block;
	width:400px;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}

input.field:hover,textarea:hover{border:1px solid #999}input.field:focus,textarea:focus{border:1px solid #0b8cb8;-webkit-box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,#0b8cb8 0 0 10px;-moz-box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,#095d7a 0 0 10px;box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,#095d7a 0 0 10px;outline:0}
input.field,textarea{float:left;margin-bottom:17px;width:285px;background-color:#ffffff;border:0;padding:8px 10px;color:#000000;font:13px/18px Arial,Helvetica,sans-serif;border:1px solid #444;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}
#fancybox-left-ico {
 left: 20px;
}

#fancybox-right-ico {
 right: 20px;
 left: auto;
}

.cap a:hover {
	color: #ffa800;
}