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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-style:normal;font-weight:400;margin:0;padding:0;text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
.clear{clear:both;height:1px;margin-bottom:-1px;}
body{background:#586273 url(../images/bg-tile.png) repeat top left;color:#1a1f27;font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;font-size:62.5%;}
*{-moz-outline:0;outline:0;outline-style:none;}
.column{margin:0 auto;width:800px;}
.imgtext{background-position:top left;background-repeat:no-repeat;display:block;text-indent:-99999em;}
.hovFade{opacity:0.9px;}
#header{background:url(../images/bg-header.png) repeat-x top center;display:block;height:61px;overflow:hidden;width:100%;}
#header h1 a{background:url(../images/title-metalab.png) no-repeat top left;display:block;float:left;height:29px;margin-top:15px;text-indent:-99999em;width:152px;}
#header h1 a:hover{width:173px;}
#topnav{display:block;float:right;margin-top:13px;}
#topnav li{float:left;margin-left:5px;}
#topnav li a{background-position:top left;background-repeat:no-repeat;display:block;height:33px;text-indent:-99999px;}
#topnav li.home a{background-image:url(../images/main-nav-home.png);width:80px;}
#topnav li.about a{background-image:url(../images/main-nav-about-us.png);width:105px;}
#topnav li.blog a{background-image:url(../images/main-nav-blog.png);width:74px;}
#topnav li.contact a{background-image:url(../images/main-nav-contact.png);width:98px;}
#main{height:460px;margin:0 auto;overflow:hidden;position:relative;width:900px;}
#main #gloss-overlay{height:128px;left:50%;margin-left:-400px;position:absolute;top:0;width:800px;}
#bottom-bar{background:url(../images/bg-bottom-bar.png) no-repeat top right;height:82px;margin:32px auto 0;padding-left:1px;width:804px;}
#bottom-bar #right h4{display:block;float:left;font-size:15px;font-weight:700;height:18px;margin-left:20px;margin-top:33px;width:257px;}
#bottom-bar #right a.button-get-in-touch{background:url(../images/button-get-in-touch.png) no-repeat top;display:block;float:left;height:46px;margin-left:14px;margin-top:17px;text-indent:-99999em;width:141px;}
#bottom-bar #right a.button-get-in-touch:active{background-position:left bottom;}
#bottom-bar #right{float:right;height:72px;margin-right:10px;margin-top:3px;padding-left:70px;width:440px;}
#bottom-bar #right form{color:#1e2633;font-size:11px;margin-top:12px;width:240px;}
#bottom-bar #right form p{color:#1e2633;display:block;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;font-size:11px;margin-bottom:4px;margin-left:8px;text-shadow:0 1px 0 #abbace;}
#bottom-bar #right form input#email-address{background:url(../images/text-input-newsletter.png);border:0;color:#2d2e30;float:left;font-size:14px;height:24px;margin:0;outline:0;padding:5px 10px 0 15px;width:136px;}
#bottom-bar #right form input#submit{background:url(../images/button-newsletter-go.png) no-repeat top left;border:0;cursor:pointer;float:left;height:29px;margin:0;padding:0;text-indent:-99999em;width:54px;}
#bottom-bar #right form input#submit:active{background:url(../images/button-newsletter-go.png) no-repeat bottom left;}
#footer{overflow:visible;padding-bottom:30px;}
h2#tagline{height:0;margin:25px auto;position:relative;width:580px;z-index:90;}
#projects{background:url(../images/bg-main.png) no-repeat top left;color:#1a1f27;display:block;height:410px;margin:0 auto;position:relative;width:799px;}
#projects-bottom{background:url(../images/bg-main.png) no-repeat bottom left;bottom:0;height:48px;left:0;position:absolute;width:799px;}
#project-type-nav{border-bottom:1px solid #5d6776;border-top:1px solid #313742;color:#dce7fa;float:left;font-size:14px;font-weight:700;margin-left:2px;margin-top:20px;position:relative;width:161px;}
#project-type-nav li{background:url(../images/project-nav-bg.png) no-repeat top left;height:36px;width:161px;}
#project-type-nav li a{cursor:pointer;display:block;height:36px;overflow:hidden;width:161px;}
#project-type-nav li a span{background-position:top left;background-repeat:no-repeat;display:block;height:16px;margin-left:10px;margin-top:10px;opacity:0.65px;position:relative;text-indent:-99999em;width:150px;z-index:50;}
#project-type-nav li.web a span{background:url(../images/text-web.png) no-repeat 0 0;}
#project-type-nav li.iphone a span{background:url(../images/text-iphone.png) no-repeat 0 0;}
#project-type-nav li.desktop a span{background:url(../images/text-desktop.png) no-repeat 0 0;}
#project-type-nav li.current{background:url(../images/project-nav-current-bg.png) no-repeat top left;display:block;height:41px;left:-7px;position:absolute;top:-1px;width:182px;}
.project-dots{bottom:17px;left:192px;position:absolute;}
.project-dots a{background:url(../images/icon-dot.png) no-repeat top left;display:block;float:left;height:12px;margin-right:5px;text-indent:-99999em;width:12px;}
.project-dots a.active{background:url(../images/icon-dot.png) no-repeat bottom left;}
.project-dots a.active:hover{opacity:1px;}
.button-next-project{background:url(../images/button-next-client.png) no-repeat top right;bottom:0;cursor:pointer;height:48px;position:absolute;right:0;text-indent:-99999em;width:153px;}
.button-next-project:active{background:url(../images/button-next-client.png) no-repeat bottom right;}
.project{height:440px;margin-right:20px;position:relative;width:600px;}
.project-image-wrap{margin-bottom:15px;padding:9px 10px;position:relative;}
.project-image-wrap img{display:block;height:288px;width:570px;}
.project-image-wrap a{background:url(../images/button-zoom.png) no-repeat bottom right;border:0;display:block;height:288px;left:10px;opacity:0;position:absolute;text-indent:-9999em;top:9px;width:570px;}
.project-image-wrap .overlay{background:url(../images/overlay-image.png) no-repeat top left;height:308px;left:0;position:absolute;top:0;width:590px;}
.project h3.project-title{bottom:18px;color:#1b1d20;font-size:25px;font-weight:700;left:32px;padding-left:3px;text-shadow:0 1px 0 #e0e8f5;}
.project-text{color:#1a1f27;font-size:12px;line-height:19px;margin-left:3px;margin-top:5px;padding-right:12px;text-shadow:0 1px 0 #c6cbd5;}
.project-text p{margin-bottom:0.5em;}
.view-the-site-link{background:url(../images/button-view-the-site.png) no-repeat top left;display:block;height:25px;margin-left:20px;margin-top:10px;text-indent:-99999em;width:105px;}
#scroller-window,#scroller-web-window,#scroller-iphone-window,#scroller-desk-window{height:450px;}
#scroller-window{fbackground-color:red;float:right;margin-bottom:9px;margin-right:12px;margin-top:18px;overflow:hidden;position:relative;width:610px;}
#scroller-fade-left,#scroller-fade-right{height:100%;position:absolute;top:0;width:10px;}
#scroller-fade-left{background:url(../images/scroller-fade.png) repeat-y top right;left:0;}
#scroller-fade-right{background:url(../images/scroller-fade.png) repeat-y top left;right:0;}
#scroller-vertical{height:1380px;left:10px;position:absolute;top:0;width:600px;}
ul#latestBookmarks li{background:url('../images/bookmark-small.png') no-repeat left;list-style-type:none;margin-left:15px;margin-top:4px;padding-left:20px;}
ul#latestBlogEntry li{background:url('../images/blog.png') no-repeat left;list-style-type:none;margin-left:15px;margin-top:4px;padding-left:20px;}
a,a:visited{color:#1a1f27;text-decoration:none;}
#topnav li a:active,.view-the-site-link:active{background-position:bottom left;}
#page-home #topnav li.home a,#page-about-us #topnav li.about a,#page-blog #topnav li.blog a,#page-blog-post #topnav li.blog a{background-position:bottom left;opacity:1px;}
#bottom-bar #left,#scroller-window .project{float:left;}
#scroller-web-window,#scroller-iphone-window,#scroller-desk-window{overflow:hidden;width:600px;}
#scroller-web-wrap,#scroller-iphone-wrap,#scroller-desk-wrap{position:absolute;width:10000em;}
ul#latestBookmarks,ul#latestBlogEntry{margin:15px 0;}
ul#latestBookmarks li a:hover;,ul#latestBlogEntry li a:hover;{text-decoration:underline;}
ul#latestBookmarks li a,ul#latestBlogEntry li a{font-weight:700;}

*:first-child+html #bottom-bar #right form input#submit{ /* IE7 Can't handle text-indent on form inputs */
	text-indent:0;
	padding-top:29px;
	overflow:auto;
}

*:first-child+html #we-list li{
	margin-top:-3px;
}

*:first-child+html #about-us{
	padding-bottom:30px;
}