.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{height:0em;font:1px/1px sans-serif;text-decoration:none;margin:0;padding:0;clear:both;}
.left{float:left;}
.right{float:right;}
*{margin:0;padding:0;}
html, body{height:100%;}
body{font-size:62.5%;}
body, ul, li, p, input, select, textarea, h1, h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
label input, label select, label textarea{font-size:1em;}
img{display:block;font-size:1.4em;color:#999999;font-weight:bold;overflow:hidden;}
a img{border:0;text-decoration:none !important;}
table{border-collapse:collapse;}
button{background-color:transparent;cursor:pointer;border:0;display:block;}
a{overflow:hidden;}
dl dt, dl dd{display:block;}
a *{cursor:pointer;}
body{background:#cdd0d4 url(./img/linen-bg.jpg);}
#header{background:#FFFFFF;height:60px;}
#logo{float:left;}
#header h1 a{text-indent:-9999px;font-size:0.1em;background-image:url("./img/sprite.png");background-position:-10px -10px;display:block;width:236px;height:52px;margin-top:4px;}
nav{float:right;margin-top:30px;}
nav ul{list-style-type:none;margin:0px;padding:0px;}
nav ul li{float:left;margin-left:30px;position:relative;}
nav ul li.f{margin-left:0px;}
nav a{font-family:'Arial Narrow', sans-serif;font-stretch:condensed;color:#5b5b5b;font-size:1.7em;text-decoration:none;}
nav a:hover{text-decoration:underline;color:#222222;}
nav ul li a span{position:absolute;background-image:url("./img/sprite.png");background-position:-10px -82px;width:15px;height:8px;top:30px;left:50%;margin-left:-9px;display:none;}
nav ul li a.active span, nav ul li a:hover span{display:block;}
#banner{background:#3e4851 url(./img/banner-bg.jpg);height:196px;text-decoration:none;}
#banner .inner{height:196px;}
.gallery{margin:0px;overflow:hidden;position:relative;width:960px;}
.gallery .holder{overflow:hidden;position:relative;width:100%;z-index:2;}
.gallery .holder ul{list-style:none outside none;margin:0;padding:0;width:30000px;}
#banner .inner ul.paging{top:-56px;clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;z-index:3;}
#banner .inner ul.paging li{margin-right:5px;width:10px;display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;margin-right:5px;}
#banner .inner ul.paging li a{display:block;text-indent:-9999px;background-image:url("./img/sprite.png");background-position:-10px -110px;width:10px;height:11px;}
#banner .inner ul.paging li a.active{background-position:-20px -110px;}
#banner .inner a:focus{outline:0;}
#banner .inner ul li{float:left;width:960px;display:block;}
#banner div.control{position:relative;z-index:4;top:-118px;overflow:auto;}
#banner div.control a{background:transparent url("./img/sprite.png");width:62px;height:40px;display:block;text-indent:-9999px;}
#banner div.control a.prev{background-position:0px -318px;float:left;}
#banner div.control a.next{background-position:-62px -318px;float:right;}
#banner p{font-family:Georgia;text-align:center;font-size:2.2em;color:#EEEEEE;line-height:196px;}
h2{color:#464646;font-size:1.7em;font-weight:normal;margin-bottom:5px;}
h3{color:#464646;font-size:1.4em;font-weight:normal;}
h4{color:#464646;font-size:1.2em;font-weight:bold;}
#content{width:960px;margin:15px auto;background:#fcfcfc;border:1px solid #c2c2c2;-moz-box-shadow:inset 0 0 2px #c0c0c0;-webkit-box-shadow:inset 0 0 2px #c0c0c0;box-shadow:inner 0 0 2px #c0c0c0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(/PIE.htc);}
#content p{color:#717171;font-size:1.2em;margin-bottom:10px;}
#content p strong{color:#111111;}
#content .pad20{overflow:auto;}
#content a{color:#000000;}
#content a:hover{text-decoration:none;color:#FAA500;}
#additional{background:#FFFFFF;display:block;}
#additional div.inner{border-bottom:1px solid #9c9c9c;overflow:auto;padding-top:10px;padding-bottom:10px;}
#additional section{float:left;width:319px;height:103px;}
#additional #social{float:right;}
#additional section.f{border-left:0px;}
#additional #site-links{background:transparent url(./img/logo-no-tag.png) no-repeat;min-height:60px;}
#additional #site-links ul{margin:13px 0px 0px 127px;list-style-type:square;color:#FAA500;}
#additional #site-links li{}
#additional #site-links li a{color:#5b5b5b;font-size:1.2em;text-decoration:none;font-family:'Arial Narrow', sans-serif;}
#additional #site-links li a:hover{color:#222222;text-decoration:underline;}
#additional #tweets p, #additional #tweets p a{color:#8c8c8c;font-size:1.0em;}
#additional #tweets a{color:#FAA500;text-decoration:none;}
#additional #tweets a:hover{color:#222222;text-decoration:underline;}
footer{background:#FFFFFF;overflow:auto;display:block;}
footer p{text-align:center;margin:10px auto;color:#9c9c9c;font-size:1.1em;}
.inner{width:960px;margin:auto;}
.pad20{padding:20px;}
.pad10_20{padding:10px 20px;}
.pad10_30{padding:10px 30px;}
#social a{background-image:url("./img/sprite.png");text-indent:-9999px;display:block;height:48px;width:48px;float:left;margin-left:20px;}
#social a.fb{margin-left:0px;}
#social a.fb{background-position:-10px -141px;}
#social a.fb:hover{background-position:-10px -189px;}
#social a.tw{background-position:-58px -141px;}
#social a.tw:hover{background-position:-58px -189px;}
#social a.lf{background-position:-106px -141px;}
#social a.lf:hover{background-position:-106px -189px;}
#social a.gp{background-position:-154px -141px;}
#social a.gp:hover{background-position:-154px -189px;}
form{font-size:1.2em;margin-top:20px;}
form div{border-top:1px solid #CDCDCD;margin-bottom:10px;overflow:auto;padding-top:10px;}
label, span.validation{display:block;float:left;width:150px;}
label{font-weight:bold;color:#464646;}
span.validation{clear:left;color:#cc0033;}
input, textarea, select{border:1px solid #ADADAD;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 2px #CCCCCC inset;font-size:1.2em;padding:4px;behavior:url(/PIE.htc);}
input:hover, textarea:hover, select:hover{border-color:#777777;}
input.error, textarea.error, select.error{border-color:red;}
input{width:300px;}
textarea{height:90px;resize:vertical;width:400px;}
.formMessage{margin-bottom:20px;padding-top:0;}
.formMessage.error{background:none repeat scroll 0 0 #F4DE64;border:1px solid #D49E34;}
.formMessage.error-red{background:none repeat scroll 0 0 #F46464;border:1px solid #D43434;}
.formMessage.done{background:none repeat scroll 0 0 #8CDA5C;border:1px solid #249224;}
.formMessage-inner{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #C0C0C0;margin:10px;padding:10px;}
.formMessage-inner li{color:#57564D;list-style-type:square;margin-left:20px;}
.formMessage p{font-size:1em;margin-bottom:10px;}
button{background-color:#FAA500;border-radius:3px 3px 3px 3px;color:#FFFFFF;display:block;float:right;font-weight:bold;padding:10px;behavior:url(/PIE.htc);}
button:hover{background-color:#ad6613;}
button:active{background-color:#5e3608;}
#bio{overflow:auto;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #9c9c9c;}
#bio p{margin-bottom:0px;}
#bio .bio-part{width:368px;float:left;padding-left:72px;padding-right:20px;background-repeat:no-repeat;}
#who-i-am{background-image:url("./img/sprite.png");background-position:4px -419px;}
#what-i-do{background-image:url("./img/sprite.png");background-position:4px -247px;}
#latest-work{overflow:auto;padding-bottom:20px;border-bottom:1px solid #9c9c9c;}
#work-intro{width:221px;float:left;margin-right:20px;}
#work-previews .work-item{float:left;margin-left:20px;}
#work-previews .work-item.f{margin-left:0px;}
#work-previews .work-item img, .borderedImage{border:2px solid #9c9c9c;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;behavior:url(/PIE.htc);}
#tail-bits{overflow:auto;}
#internal-ad{width:598px;float:left;margin-right:20px;}
#internal-ad a{display:block;text-indent:-9999px;font-size:0.1em;width:598px;height:272px;background-repeat:no-repeat;}
.appy-ad{background-image:url(./img/appy-ad.jpg);}
#from-the-blog{float:left;width:302px;}
#from-the-blog h2{margin-top:11px;margin-bottom:10px;}
#from-the-blog article{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #b9b9b9;overflow:auto;width:302px;clear:both;display:block;}
#from-the-blog article img{float:left;border:1px solid #9c9c9c;margin-right:10px;}
#from-the-blog article div.wrap{float:left;width:233px;}
#from-the-blog article h3 a{color:#464646;text-decoration:none;}
#from-the-blog article h3 a:hover, #from-the-blog article p a:hover{color:#222222;text-decoration:underline;}
#from-the-blog article time{color:#a0a0a0;font-size:1.1em;margin-bottom:8px;display:block;}
#from-the-blog article p a{display:block;background:transparent url(./img/comment.gif) no-repeat;color:#b2b2b2;text-decoration:none;padding-left:16px;line-height:11px;}
#contact-form{width:560px;float:right;}
#contact-form div#surname{display:none;}
#about-intro .thatcher-cert img{margin-top:10px;margin-right: 0px;}
#contact-info{float:left;width:300px;text-align:justify;}
#contact-content{border-bottom:1px solid #9c9c9c;overflow:auto;padding-bottom:20px;margin-bottom:20px;}
#contact-content ul{list-style-type:square;margin:0px 0px 20px 20px;font-size:1.2em;color:#717171;}
#about-wrap{overflow:auto;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #9c9c9c;}
#about-intro{width:515px;float:left;text-align:justify;}
.about-text{float:left;width:260px;margin-right:20px;}
#about-intro img{float:left;margin:0px 20px 20px 0px;}
#skillset{float:right;margin-left:0px;width:385px;}
#skillset ul{list-style-type:none;}
#skillset li{margin:0px;padding:0px;float:left;font-style:italic;color:#666666;font-size:1.0em;margin-left:40px;}
#skillset li.f{margin-left:0px;}
#skills .trac, #skills .trac span{height:22px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;behavior:url(/PIE.htc);}
#skills .trac{background-color:#e1e1e1;margin-bottom:4px;}
#skills .trac span{display:block;background-color:#FAA500;color:#FFFFFF;line-height:22px;font-size:1.2em;padding-left:5px;}
#skills .trac span em{color:#f8deaa;font-size:0.8em;font-style:normal;}
#skills #php{width:350px;}
#skills #mage{width:350px;}
#skills #css{width:300px;}
#skills #wp{width:300px;}
#skills #html{width:300px;}
#skills #wai{width:280px;}
#skills #user{width:240px;}
#skills #js{width:240px;}
#skills #psd{width:240px;}
#experience{overflow:auto;}
#placements .placement{margin-left:22px;float:left;}
#placements .f{margin-left:0px;}
#placements .two-row{margin-left:235px;}
#placements .placement p{color:#FAA500;}
#portfolio-wrap{border-left:2px solid #dadada;overflow:auto;}
#portfolio-wrap .section{overflow:auto;}
#portfolio-wrap .section h3.date{color:#949494;font-size:2.4em;font-weight:normal;background:transparent url(./img/timeline-marker.gif) no-repeat 0px 12px;padding-left:15px;float:left;}
#portfolio-wrap .portfolio-group{float:right;overflow:auto;width:829px;}
#portfolio-wrap .portfolio-item{margin-left:20px;float:left;}
#portfolio-wrap .f{margin-left:0px;}
#portfolio-wrap .portfolio-item h3{margin-bottom:20px;}
#portfolio-company{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #9c9c9c;overflow:auto;}
#portfolio-company p{text-align:justify;}
#portfolio-company img{float:right;margin:0px 0px 20px 20px;}
#portfolio-item .intro{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #9c9c9c;overflow:auto;}
#portfolio-item .col{float:left;}
#portfolio-item .col.img{width:259px;margin-right:20px;}
#portfolio-item .col.desc{width:412px;margin-right:20px;}
#portfolio-item .col.desc p{text-align:justify;}
#portfolio-item .col.desc h2, #portfolio-company h2{margin-bottom:0px;float:left;}
#portfolio-item .col.desc p.url{float:left;line-height:1.7em;margin:2px 0px 0px 7px;}
#portfolio-item .col.desc p.url, #portfolio-item .col.desc p.url a{color:#999999;}
#portfolio-item .col.desc em, #portfolio-company em{display:block;margin-bottom:5px;color:#717171;font-size:1.5em;clear:both;}
#portfolio-item .col.services{margin-top:25px;width:189px;padding:10px 10px;background:#eeeeee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(/PIE.htc);}
#portfolio-item .col.services h3{font-weight:bold;margin-bottom:4px;font-size:1.3em;}
#portfolio-item ul{margin:0px 0px 0px 10px;list-style-type:none;}
#portfolio-item li{background:transparent url(./img/bullet.gif) no-repeat 0px 6px;padding-left:12px;font-size:1.2em;}
#item-images .image{margin-bottom:20px;background:#9C9C9C;}
#item-images img{cursor:-moz-zoom-in;margin:auto;}
#item-images .image a{border:1px solid #9C9C9C;display:block;}
#item-images .image a:hover{border:1px solid #000000;}
#content-injector p{text-align:justify;}
#content-injector img{float:right;margin:0px 0px 20px 20px;}
#content-injector ul{list-style-type:square;font-size:1.2em;color:#717171;margin-left:25px;margin-bottom:25px;}
#content-injector h3{margin-top:20px;padding-top:20px;border-top:1px solid #9c9c9c;}
#content-injector blockquote{font-size:1.2em;color:#FAA500;}
#content-injector .download{display:block;font-size:1.6em;color:#FFFFFF;background:#FAA500;font-weight:bold;text-decoration:none;padding:5px;text-align:center;width:350px;margin:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 2px #c0c0c0;-webkit-box-shadow:0 0 2px #c0c0c0;box-shadow:0 0 2px #c0c0c0;behavior:url(/PIE.htc);}
#content-injector .download:hover{color:#FFFFFF;text-decoration:underline;}
#blog-wrap h2{margin-bottom:20px;}
#blog-wrap #articles, #blog-wrap #categories{float:left;}
#blog-wrap #articles{margin-right:20px;width:650px;}
#blog-wrap #categories{width:250px;}
#article-wrap{border-left:2px solid #DADADA;overflow:auto;}
#blog-wrap article h1{color:#464646;font-size:1.7em;font-weight:normal;margin-bottom:5px;}
#blog-wrap article h1 a{color:#464646;text-decoration:none;}
#blog-wrap article{overflow:auto;display:block;}
#blog-wrap article a.more{float:right;font-size:1.3em;font-weight:bold;}
#blog-wrap article div.meta{float:left;width:75px;}
#blog-wrap article div.category{background:#FAA500;margin:10px 0px 0px 10px;padding:4px;height:57px;width:57px;}
#blog-wrap article div.category a{color:#FFFFFF;text-decoration:none;font-size:1.2em;display:block;width:57px;padding-top:40px;text-align:center;}
#blog-wrap article div.category.wp7 a{background:url(/images/categories/ms.png) no-repeat scroll 11px 4px transparent}
#blog-wrap article div.category.design a{background:url(/images/categories/design.png) no-repeat scroll 11px 4px transparent}
#blog-wrap article div.category.misc a{background:url(/images/categories/misc.png) no-repeat scroll 11px 4px transparent}
#blog-wrap article div.category.tech a{background:url(/images/categories/tech.png) no-repeat scroll 11px 4px transparent}
#blog-wrap article div.category.music a{background:url(/images/categories/music.png) no-repeat scroll 11px 4px transparent}
#blog-wrap article div.category.web a{background:url(/images/categories/web.png) no-repeat scroll 11px 4px transparent}
#blog-wrap article div.social ul{list-style-type:none;margin:4px 0 0 10px;padding:0px;}
#blog-wrap article div.social ul li{float:left;}
#blog-wrap article div.social ul a{display:block;width:29px;height:29px;margin-left:7px;line-height:29px;color:#FFFFFF;font-size:1.4em;font-weight:bold;text-align:center;text-decoration:none;}
#blog-wrap article div.social ul a.f{margin-left:0px;}
#blog-wrap article div.social ul a.fb{background:#4a66a0;}
#blog-wrap article div.social ul a.tw{background:#90c4c5;}
#blog-wrap article div.social ul a.fb:hover{background:#9bafda;}
#blog-wrap article div.social ul a.tw:hover{background:#b9e2e3;}
#blog-wrap article time{background:url("./img/timeline-marker.gif") no-repeat scroll 0 12px transparent;color:#949494;font-size:2.4em;font-weight:normal;padding-left:15px;overflow:auto;}
#blog-wrap article .content{float:right;width:558px;overflow:auto;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #9C9C9C;}
#blog-wrap article img{width:125px;height:125px;float:left;margin:0px 10px 10px 0px;}
#blog-wrap article.first img{margin:0px 0px 5px 0px;float:none;width:554px;height:200px;}
#blog-wrap article p{text-align:justify;}
#blog-wrap #categories .sect{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #9C9C9C;}
#blog-wrap #categories .sect ul.categories{font-size:1.3em;list-style-type:square;margin:5px 0px 0px 13px;color:#FAA500;}
#blog-wrap #categories .sect ul.categories a{color:#717171;display:block;margin-bottom:3px;overflow:visible;}
#blog-wrap #categories .sect ul.categories li.all a{font-weight:bold;}
#blog-wrap .friend{overflow:auto;margin-bottom:20px;}
#blog-wrap .friend em a{color:#717171;font-size:1.1em;text-decoration:none;}
#blog-wrap .friend em a:hover{color:#FAA500;}
#blog-wrap .friend h4{color:#777777;}
#blog-wrap .friend ul{list-style-type:none;margin:5px 0px 0px 0px;padding:0px;}
#blog-wrap .friend li{color:#333333;font-size:1.2em;}
#blog-wrap .friend li a{margin-left:5px;color:#717171;}
#blog-wrap #fb-comment{float:right;width:558px;}
.fb-like{float:left;}
.twitter-share-button{}
#social-links{margin-top:5px;float:right;}
#notfound #nf-info{border:1px solid #9C9C9C;width:558px;height:219px;}
#notfound #nf-info ul{margin-left:20px;}
#notfound #nf-info .help{font-weight:bold;margin-top:20px;color:#444;}
#notfound #nf-info em{color:#444;}
#notfound img{float:left;margin-right:10px;}
#notfound div{float:left;}
#notfound ul{list-style-type:square;font-size:1.2em;margin-left:15px;color:#717171;}
#sitemap h3{font-size:1.1em;font-weight:bold;margin-left:24px;margin:5px 0px 0px 24px;}
#sitemap ul{list-style-type:square;font-size:12px;margin-left:25px;margin-bottom:25px;color:#FAA500;}
#sitemap ul a{color:#5B5B5B;}
div#static ul{list-style-type:square;font-size:1.2em;color:#717171;margin-left:25px;margin-bottom:25px;}
#content div.noBorder{border-bottom:0px;padding-bottom:0px;margin-bottom:0px;}
.note{padding:20px 20px 10px 20px;background:#fefed4;border:2px solid #a2a228;margin-bottom:20px;}
.pfnote{padding:10px;}
.ad-inner{width:468px;margin:auto;}
.ad-inner span{background:#444444;color:#EEEEEE;display:block;padding:2px;}
.ad-inner table img{display:inline;}
div.ad{margin-bottom:10px;}
::selection{background:#FAA500;color:#555;}
::-moz-selection{background:#FAA500;color:#555;}
::-webkit-selection{background:#FAA500;color:#555;}