*{margin:0;padding:0;outline:0;}
body{font-size:14px;line-height:1.4;font-family:Arial, Helvetica, Sans-Serif;color:#444133;background:#fff;min-width:940px;overflow-x:hidden;}
a{color:#959595;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}
a img{border:0;}
input, textarea, select{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
textarea{overflow:auto;resize:none;}
.cl{display:block;height:0;font-size:0;line-height:0;text-indent:-4000px;clear:both;}
.notext{font-size:0;line-height:0;text-indent:-4000px;}
.left, .alignleft{float:left;display:inline;}
.right, .alignright{float:right;display:inline;}
p{padding-bottom:20px;}
.shell{width:940px;margin:0 auto;}
#header{height:85px;background-image: url(http://images.nxfx.com/css/spriteme2.png); background-position: 0px -10px;}
#header .shell{height:85px;}
#header{position:relative;z-index:5;}
#logo{width:98px;height:21px;padding-top:30px;}
#logo a{background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -10px;display:block;height:21px;}
#navigation{height:80px;list-style:none outside none;background:url(images/nav-divider.png) repeat-y 0 0;padding-left:2px;}
#navigation li{float:left;display:inline;width:97px;background:url(images/nav-divider.png) repeat-y right 0;}
#navigation li a{float:left;display:inline;width:95px;height:49px;color:#fff;font-weight:bold;text-align:center;padding-top:31px;}
#navigation li a:hover,
#navigation li.current-page a{text-decoration:none;color:#444133;background-image: url(http://images.nxfx.com/css/spriteme2.png); background-position: 0px -115px;}
#slider{height:398px;position:relative;margin-top:-21px;z-index:10;width:100%;}
#slider .shell{height:398px;position:relative;}
#slider-i,
#slider-i .jcarousel-clip{height:398px;width:940px;position:relative;overflow:hidden;}
#slider-i ul{position:relative;overflow:hidden;list-style:none outside none;}
#slider-i ul li{float:left;display:inline;width:940px;height:398px;position:relative;}
#slider-i ul li .entry{width:550px;padding-top:60px;position:relative;}
#slider-i ul li .entry h1{font-size:86px;font-weight:normal;position:relative;}
#slider-i ul li .entry .btn{display:block;width:132px;height:27px;background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -61px;color:#547023;text-shadow:0 1px 0 rgba(255,255,255, 0.4);text-align:center;padding-top:5px;position:relative;}
#slider-i ul li .entry .btn:hover{text-decoration:none;text-shadow:none;color:#000;}
#slider-i ul li .image{width:380px;height:398px;}
#slider-i ul li .image img{display:block;}
#slider .nav{position:absolute;height:23px;list-style:none outside none;bottom:35px;left:0;}
#slider .nav li{float:left;display:inline;height:23px;width:23px;margin-right:1px; text-decoration:none;}
#slider .nav li a{display:block;height:23px;background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -113px;font-weight:bold;color:#fff;text-align:center;line-height:23px; text-decoration:none;}
#slider .nav li a:hover,
#slider .nav li a.current{background-position:-10px -136px;text-decoration:none;}
.title{font-size:24px;font-weight:normal;color:#a0c418;}
.projects-list{list-style:none outside none;width:956px;position:relative;margin:0 -14px 0 -2px;}
.projects-list li{float:left;display:inline;width:219px;height:180px;  background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -179px;padding:17px 5px 0;margin:0 10px 10px 0;cursor:pointer;}
.projects-list li img{display:block;margin:0 auto;}
.projects-list li strong{text-align:center;font-size:14px;display:block;padding:12px 10px 0;}
.projects-list li .btn{display:block;width:120px;height:34px;background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -593px;font-size:18px;color:#a0c418;font-size:18px;text-transform:uppercase;padding:0 0 0 15px;margin:7px 0 0 40px;}
.projects-list li .btn:hover{text-decoration:none;background-position: -10px -593px;color:#444133;}
.projects-list li.hover{background-position: -10px -376px;}
.projects-list li.hover strong{color:#abbc26;}
.projects-list li.hover .btn{text-decoration:none;background-position:-10px -627px;color:#444133;}
.recent-projects{padding:32px 0 13px;background:url(images/border-horizontal.png) repeat-x 0 0;}
.recent-projects .title{padding-bottom:19px;}
.recent-projects a.right{text-decoration:underline;padding-top:11px;}
.recent-projects a.right:hover{text-decoration:none;}
.two-cols{background:url(images/border-horizontal.png) repeat-x 0 0;}
.two-cols .shell{width:921px;}
.two-cols .title{padding:33px 0 28px;}
.two-cols .has-border{background:url(images/border-vertical.png) repeat-y right 0;}
.two-cols th{text-align:left;width:460px;}
.two-cols th.head-clients .title{padding-left:40px;}
.two-cols table .inner{background:url(images/border-horizontal.png) repeat-x 0 bottom;}
.two-cols .services{vertical-align:top;}
.two-cols .services td{height:50px;width:260px;}
.two-cols .services td .inner{height:50px;padding-left:14px;line-height:48px;}
.two-cols .services td .inner-wide{width:447px;}
.two-cols .services td span{background-image: url(http://images.nxfx.com/css/spriteme.png); background-position: -10px -716px;padding-left:23px;}
.two-cols .services td img.right{margin:7px 100px 0 0;}
.two-cols .clients .has-border .inner{padding-right:1px;}
.two-cols .no-border .inner{background:none;}
#page-head,
#page-head .shell{height:147px;position:relative;z-index:2;}
#page-head h1{font-size:86px;font-weight:normal;padding-top:9px;}
#page-head h1 span{color:#a0c418;}
#page-head .coffee{position:absolute;bottom:-150px;right:-95px;}
#page-head .handsfree{position:absolute;top:-8px;right:-180px;}
#page-head .arrows{width:73px;height:34px;position:relative;z-index:2;margin:65px -5px 0 0;}
#page-head .arrows a{width:35px;height:34px;}
#page-head .arrows a.left{background-image: url(http://images.nxfx.com/css/spriteme3.png); background-position: -10px -10px;}
#page-head .arrows a.right{background-image: url(http://images.nxfx.com/css/spriteme3.png); background-position: -45px -10px;}
#main{position:relative;z-index:4;background:url(images/border-horizontal.png) repeat-x 0 0;padding-top:1px;}
#main .shell{position:relative;}
#main .title{padding-bottom:15px;}
#content{width:400px;padding:26px 34px 20px 0;}
.contact-form{padding-top:25px;}
.contact-form .field{width:185px;height:17px;background:url(images/field.png) no-repeat 0 0;padding:5px 11px 7px;margin-bottom:17px;}
.contact-form .field input{width:100%;background:none;border:0;font-size:14px;color:#b6b6b6;height:17px;}
.contact-form .name{background-image:url(images/name-field.png);padding-left:29px;width:167px;}
.contact-form .email{background-image:url(images/email-field.png);padding-left:29px;width:167px;}
.contact-form .area{width:372px;height:77px;background:url(images/textarea.png) no-repeat 0 0;padding:8px 10px;margin-bottom:17px;}
.contact-form .area textarea{width:100%;border:0;background:none;font-size:14px;color:#b6b6b6;height:77px;}
.contact-form .code{width:110px;height:30px;margin-left:12px;}
.contact-form .refresh{width:14px;height:14px;margin:7px 0 0 7px;}
.contact-form .refresh a{width:14px;height:14px;background:url(images/ico-refresh.png) no-repeat 0 0;}
.contact-form .submit{display:block;width:132px;height:32px;background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -61px;cursor:pointer;border:0;color:#547023;text-shadow:0 1px 0 rgba(255,255,255, 0.4);font-size:14px;padding-bottom:3px;line-height:32px;}
.contact-form .submit:hover{text-shadow:none;color:#000;}
#case-studies{width:250px;padding:26px 0 0 34px;}
#case-studies .projects-list{margin:-2px 0 0 -4px;;width:229px;}
#case-studies .projects-list li{margin:0 0 10px 0;}
#main .glasses{position:absolute;top:-153px;right:145px;}
#sidebar{width:190px;padding:30px 0 0 30px;}
.services-nav{background:#f8f6c9;padding:16px 0 30px 25px;}
.services-nav h3{font-size:24px;font-weight:normal;text-transform:uppercase;}
.services-nav ul{list-style:none outside none;padding-top:25px;}
.services-nav ul a{color:#444133;}
.services-nav ul li{padding-bottom:4px;}
.col-wrap{padding-bottom:20px !important;}
.more-info{display:block;height:95px;background:url(images/dots-bg.png) repeat 0 0;color:#a0c418;text-align:center;text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px #fff;line-height:90px;}
.more-info:hover{text-decoration:none;color:#000;text-shadow:none;}
.sidebar2{padding:30px 30px 0 0 !important;}
.work-nav{background:#f8f6c9 url(images/worknav-bottom.png) no-repeat 0 bottom;padding:16px 0 30px 25px;}
.work-nav h3{font-size:24px;font-weight:normal;text-transform:uppercase;padding-bottom:15px;}
.work-nav h4{font-size:14px;color:#9bbb20;font-weight:normal;}
.work-nav ul{list-style:none outside none;padding:4px 40px 24px 0;}
.work-nav ul li{padding-bottom:4px;}
.work-nav ul a{color:#444133;}
.bullet-check{list-style:none outside none;padding-bottom:15px;}
.bullet-check li{width: 160px;background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: -10px -716px;padding:0 0 4px 40px;}
.bullet-circle{list-style:none outside none;padding-bottom:15px;}
.bullet-circle li{background:url(images/bullet-circle.png) no-repeat 0 6px;padding:0 0 4px 20px;}
.project-details{width:319px;}
.project-details .section{background:url(images/border-horizontal-light.png) repeat-x 0 bottom;padding:25px 32px 15px;}
.project-details .section .title{padding-bottom:12px !important;}
.project-details .no-border{background:none;}
.project-gallery{width:439px;position:relative;margin-right:-45px;}
.project-gallery .title{padding:25px 0 0 30px !important;}
.project-gallery .slider{margin:0 0 0 18px;width:421px;height:455px;background:url(images/project-gallery-bg.jpg) no-repeat 0 0;position:relative;}
.project-gallery .slider .clip{position:absolute;top:7px;right:39px;width:77px;height:105px;background-image: url(http://images.nxfx.com/css/spriteme3.png); background-position: -10px -64px;}
.project-gallery .slider .hld{position:relative;overflow:hidden;width:360px;height:395px;padding:32px 0 0 23px;}
.project-gallery .slider .hld .jcarousel-clip{position:relative;overflow:hidden;width:360px;height:395px;}
.project-gallery .slider .hld ul{position:relative;overflow:hidden;list-style:none outside none;}
.project-gallery .slider .hld ul li{position:relative;float:left;display:inline;width:360px;height:395px;}
.project-gallery .slider .hld ul li img{display:block;}
.project-gallery .thumbs{padding:2px 0 0 31px;}
.project-gallery .thumbs a{float:left;display:inline;width:119px;height:97px;background-image: url(http://images.nxfx.com/css/spriteme3.png); background-position: -10px -189px;padding:21px 0 0 11px;margin-bottom:10px;}
.project-gallery .thumbs a:hover,
.project-gallery .thumbs a.active{background-position: -10px -307px;}
.view-live{display:block;width:280px;height:95px;background:url(images/dots-bg.png) repeat 0 0;color:#a0c418;text-align:center;text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px #fff;line-height:90px;margin:25px 0 0 140px;}
.view-live:hover{text-decoration:none;color:#000;text-shadow:none;}
.portfolio{padding-bottom:20px;}
.portfolio .filter{padding:27px 0;}
.portfolio .filter ul{list-style:none outside none;}
.portfolio .filter ul li{float:left;display:inline;font-weight:bold;margin-right:35px;}
.portfolio .filter ul li a{float:left;display:inline;color:#a0c418;position:relative;}
.portfolio .filter ul li a .arrow{position:absolute;bottom:0;left:50%;width:0;height:0;display:none;}
.portfolio .filter ul li a .arrow span{background:url(images/filter-shadow.png) no-repeat 0 0;width:198px;height:19px;top:0;left:-99px;position:absolute;}
.portfolio .filter ul li a:hover{text-decoration:none;}
.portfolio .filter ul li a:hover .arrow{display:block;}
.mouse{position:absolute;top:-153px;right:-60px;z-index:-1;}
.bg-01{background:url(images/bg-cols-1.png) repeat-y 434px 0;}
.bg-02{background:url(images/bg-cols-2.png) repeat-y 219px 0;}
#footer{background:url(images/border-horizontal.png) repeat-x 0 0;color:#959595;font-size:11px;}
#footer .shell{padding:46px 5px;width:930px;position:relative;}
#footer .contact-info{list-style:none outside none;line-height:18px;padding-top:10px;}
#footer .blog-link{background-image: url(http://images.nxfx.com/css/spriteme1.png); background-position: 0px -681px;padding-right:20px;line-height:18px;height:18px;position:relative;z-index:2;}
#footer .ribbon{position:absolute;top:-130px;right:-550px;}