a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}/* ---------------------------------------------------- *//*Basic Elements/* ---------------------------------------------------- */body{background:#FFF url(../img/grid.jpg) repeat;color:#76777a;font:11px/1.7 'Lucida Sans Unicode','Lucida Grande',sans-serif}a{color:#54555a;text-decoration:none; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -o-transition:color .2s ease; -ms-transition:color .2s ease; transition:color .2s ease}a:hover{color:#26272a}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;font-weight:600;letter-spacing:-0.4px;text-shadow:0 1px 0 #fff}hr{border-bottom:1px solid #dfe0e3}hr.dotted{border-bottom:1px dotted #bdbdbd}.hide{display:none}.disabled{cursor:auto}.not{text-decoration:line-through}.align-center{margin:0 auto 20px;text-align:center}.align-left{float:left}img.align-left{margin:0 25px 10px 0}.align-right{float:right}img.align-right{margin:0 0 10px 25px}.get{display:none}/* ---------------------------------------------------- *//*Alert Boxes/* ---------------------------------------------------- */.error,.success{display:block;padding:10px 20px 10px 44px}.error{background:#f9e5e6 url(../img/icon-box-error.png) no-repeat 10px 9px;border:1px solid #f7c7c9;border-left-width:4px;color:#b3696c}.success{background:#e3ebc6 url(../img/icon-box-success.png) no-repeat 12px 8px;border:1px solid #c2d288;border-left-width:4px;color:#8fa442}/* ---------------------------------------------------- *//*Lists/* ---------------------------------------------------- */ul.none{list-style:none;margin:0}ul.dotted+ul.dotted:before{content:'';display:block;clear:both;border-bottom:1px dotted #bdbdbd;margin:-15px 0 5px}.arrow,.arrow2 li,.circle li,.check li,.check2 li,.star li,.dash li,.plus li, li.phone,li.email,li.address{list-style:none;margin-top:0;padding:0 0 0 25px}.arrow2 li{background:url(../img/list-arrow-2.png) no-repeat 3px 4px}.check li{background:url(../img/list-check-1.png) no-repeat 1px 4px}.star li{background:url(../img/list-star.png) no-repeat 1px 2px}.dash li{background:url(../img/list-dash.png) no-repeat 4px 9px}/* ---------------------------------------------------- *//*Forms Styles/* ---------------------------------------------------- */label,input,textarea{font:11px/1.7 'Lucida Sans Unicode','Lucida Grande',sans-serif}.form label,.form input,.form textarea{font:13px/1.7 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif}label{color:#54555a;cursor:pointer;font-weight:600}.form label{display:block;margin:0 0 5px}input,textarea{color:#828080}.form input,.form textarea{background:#fbfbfb;border:1px solid #d9e1e7;color:#54555a;padding:10px 15px}.form input:focus,.form textarea:focus{background:#ECF5FF;border:1px solid #D2E9FF}.form input[type="submit"]{border:none;cursor:pointer;font-size:13px;height:45px;padding:0 20px;text-transform:uppercase;width:auto}.placeholder{color:#d3d2d2}.form .placeholder{color:#b2b2b5}/* Header */#header{background:#272727;min-height:20px;padding:5px 0;margin:0 auto;text-align:center;position:relative}#logo{color:#fff;float:left;font:bold italic 30px 'Droid Serif',Georgia,'Times New Roman',Times,serif;letter-spacing:-1px;margin-top:20px;margin-bottom:-20px;text-shadow:0 -1px 0 #000}/* ---------------------------------------------------- *//*Main/* ---------------------------------------------------- */#main{float:left;margin:0 60px 0 0;width:590px}.section-title{border-bottom:1px dotted #bebebe;border-top:1px solid #e0e0e0;padding:14px 0 13px;margin:0 0 30px;width:900px}.section-title .icon{float:left;margin:0px 7px 0 0;text-indent:-9999px}.section-title .icon.pen{background:url(../img/icon-pen.png) no-repeat;height:22px;width:22px}.section-title .icon.about{background:url(../img/icon-about.png) no-repeat;height:22px;width:17px}.section-title .icon.mail{background:url(../img/icon-mail.png) no-repeat;height:22px;width:22px}.section-title .icon.skills{background:url(../img/icon-skills.png) no-repeat;height:22px;width:22px}.section-title h6{color:#798085;display:inline;font-size:14px;letter-spacing:-0.2px;margin:0;text-transform:uppercase}.no-top{border-top:none}#portfolio{margin-bottom:0px}.more{background:#000;color:#FFF}#diagram{margin-left:-35px;margin-top:-25px;margin-bottom:-30px}/* ---------------------------------------------------- *//*Content/* ---------------------------------------------------- */#content{margin:0 0 0px;overflow:hidden}.page-header{border-bottom:1px solid #dfe0e3;margin-bottom:40px}.slogan,.page-title{color:#4c4f55;font-family:'Droid Serif',Georgia,'Times New Roman',Times,serif;font-weight:400;margin:15px 0 20px}.slogan{font-size:22px;line-height:34px;margin:50px 0;text-align:center}.page-title{float:left;width:600px}.grey{color:#999}.blue{color:#08C}.smaller{font:12px/1.7 'Lucida Sans Unicode','Lucida Grande',sans-serif}/* ---------------------------------------------------- *//*Footer/* ---------------------------------------------------- */#footer{background:#272727;color:#a2a2a2;overflow:hidden;padding:17px 0}#footer p a{color:#a2a2a2;border-bottom:1px dotted #a2a2a2}#footer p a:hover{color:#fff;border-bottom:1px dotted #fff}#footer p{margin:0}.social-links{margin:0}.social-links li{float:left;list-style:none;margin:-10px 0 0 10px;text-indent:-9999px}.social-links li a{display:block;height:17px;opacity:.3;filter:alpha(opacity=30); -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -ms-transition:opacity .4s ease; transition:opacity .4s ease;width:17px}.social-links li a:hover{opacity:1;filter:alpha(opacity=100)}.social-links li.icon a{background:url(../img/icon-JB.png) no-repeat;width:31px;height:30px}.social-links li.icon-2 a{background:url(../img/icon-JB-2.png) no-repeat}/* Button */.myButton{/*-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;box-shadow:inset 0px 1px 0px 0px #cae3fc;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#79bbff),color-stop(1,#4197ee) );background:-moz-linear-gradient( center top,#79bbff 5%,#4197ee 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff',endColorstr='#4197ee');background-color:#79bbff;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border:1px solid #469df5;*/display:inline-block;color:#fff;font-family:arial;font-size:12px;font-weight:bold;padding:3px 24px;text-decoration:none;/*text-shadow:1px 1px 0px #287ace;*/}.myButton:hover{/*background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#4197ee),color-stop(1,#79bbff) );background:-moz-linear-gradient( center top,#4197ee 5%,#79bbff 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee',endColorstr='#79bbff');background-color:#4197ee;*/color:#ccc}.myButton:active{position:relative;top:1px}/* Page Slide */#pageslide-slide-wrap{ background-color:#272727;color:#FFF}#pageslide-content h2{ padding:20px 20px 0px 20px}#pageslide-content a{ font-size:12px; padding:20px 20px 0px 20px}#pageslide-content a:hover{ font-size:12px; padding:20px 20px 0px 20px; color:#CCC}#pageslide-content p{ font-size:12px; padding:20px 20px 0px 20px}.pageslide-close{ font-size:12px; font-weight:bold; padding:20px !important}.worktags{font-style:italic;color:#CCC}/*General Mosaic Styles*/.mosaic-block{float:left;position:relative;overflow:hidden;background:#111 url(../img/progress.gif) no-repeat center center;border:1px solid #fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5)}.mosaic-backdrop{display:none;position:absolute;top:0;height:100%;width:100%;background:#111}.mosaic-overlay{display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111}/*** Custom Animation Styles (You can remove/add any styles below) ***/.circle .mosaic-overlay{background:url(../img/hover-overlay.png) no-repeat center center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);display:none}.fade .mosaic-overlay{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/bg-black.png)}/*** End Animation Styles ***/.slides_container{width:900px;display:none;margin-bottom:30px}/*Each slideImportant:Set the width of your slidesIf height not specified height will be set by the slide contentSet to display block*/.slides_container div{width:900px;height:360px;display:block}.slides_container img{border:1px solid #e0e0e0}/*Optional:Reset list default style*/.pagination{display:none;list-style:none;margin:0;padding:0}/*Optional:Show the current slide in the pagination*/.pagination .current a{color:red}/*Next/prev buttons*/#slides .next,#slides .prev{position:absolute;z-index:101; background:url(../img/buttons.png) no-repeat; cursor:pointer; height:25px; position:absolute; right:0; top:14px; width:25px}#slides .next{left:875px; background-position:0 -25px}#slides .next:hover{ background-position:-25px -25px}#slides .prev{left:835px; background-position:0 0}#slides .prev:hover{ background-position:-25px 0px}/* Containers----------------------------------------------------------------------------------------------------*/.container_12{margin-left:auto;margin-right:auto;width:924px}/* Grid >>Global----------------------------------------------------------------------------------------------------*/.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:12px;margin-right:12px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}/* Grid >>Children (Alpha ~ First,Omega ~ Last)----------------------------------------------------------------------------------------------------*/.alpha{margin-left:0}.omega{margin-right:0}/* Grid >>12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .grid_1{width:53px}.container_12 .grid_2{width:130px}.container_12 .grid_3{width:207px}.container_12 .grid_4{width:284px}.container_12 .grid_5{width:361px}.container_12 .grid_6{width:438px}.container_12 .grid_7{width:515px}.container_12 .grid_8{width:592px}.container_12 .grid_9{width:669px}.container_12 .grid_10{width:746px}.container_12 .grid_11{width:823px}.container_12 .grid_12{width:900px}/* Prefix Extra Space >>12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .prefix_1{padding-left:77px}.container_12 .prefix_2{padding-left:154px}.container_12 .prefix_3{padding-left:231px}.container_12 .prefix_4{padding-left:308px}.container_12 .prefix_5{padding-left:385px}.container_12 .prefix_6{padding-left:462px}.container_12 .prefix_7{padding-left:539px}.container_12 .prefix_8{padding-left:616px}.container_12 .prefix_9{padding-left:693px}.container_12 .prefix_10{padding-left:770px}.container_12 .prefix_11{padding-left:847px}/* Suffix Extra Space >>12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .suffix_1{padding-right:77px}.container_12 .suffix_2{padding-right:154px}.container_12 .suffix_3{padding-right:231px}.container_12 .suffix_4{padding-right:308px}.container_12 .suffix_5{padding-right:385px}.container_12 .suffix_6{padding-right:462px}.container_12 .suffix_7{padding-right:539px}.container_12 .suffix_8{padding-right:616px}.container_12 .suffix_9{padding-right:693px}.container_12 .suffix_10{padding-right:770px}.container_12 .suffix_11{padding-right:847px}/* Push Space >>12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .push_1{left:77px}.container_12 .push_2{left:154px}.container_12 .push_3{left:231px}.container_12 .push_4{left:308px}.container_12 .push_5{left:385px}.container_12 .push_6{left:462px}.container_12 .push_7{left:539px}.container_12 .push_8{left:616px}.container_12 .push_9{left:693px}.container_12 .push_10{left:770px}.container_12 .push_11{left:847px}/* Pull Space >>12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .pull_1{left:-77px}.container_12 .pull_2{left:-154px}.container_12 .pull_3{left:-231px}.container_12 .pull_4{left:-308px}.container_12 .pull_5{left:-385px}.container_12 .pull_6{left:-462px}.container_12 .pull_7{left:-539px}.container_12 .pull_8{left:-616px}.container_12 .pull_9{left:-693px}.container_12 .pull_10{left:-770px}.container_12 .pull_11{left:-847px}/* `Clear Floated Elements----------------------------------------------------------------------------------------------------*//* http://sonspring.com/journal/clearing-floats */.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}/*  The following zoom:1 rule is specifically for IE6+IE7.  Move to separate stylesheet if invalid CSS is a problem.*/.clearfix{zoom:1}