body{background:#212121;color:#c3c2c2;font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
.left{float:left;}
.article,.footer{background:/*url('../images/vertical_grid.png')*/ #343434;min-width:942px;}
.section{overflow:hidden;}
a{border-bottom:1px solid transparent;color:#b8fc96;text-decoration:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
p{text-shadow:#000 0px 1px 0px;margin-bottom:18px;}
a:hover{border-bottom:1px solid gray;color:#85f150;}
.more{display:block;float:right;}
.header{height:72px;margin:auto;overflow:hidden;width:900px;}
h1{background:-278px -40px url('../images/sprites.png');float:left;height:37px;margin:13px 0px;overflow:hidden;text-indent:-9999em;width:200px;}
.header ul{float:right;overflow:hidden;margin:20px -15px 20px 0px;}
.header li{float:left;margin:0px 10px;}
.header a{border:none;color:#eaeaea;display:block;font-size:14px;font-variant:small-caps;padding:5px;}
.header a:hover{color:#85f150;}
.article-header{position:relative;margin-bottom:18px;}
h2{color:#fff;font-size:18px;line-height:36px;text-transform:uppercase;display:inline}
h3{color:#eaeaea;font-size:14px;line-height:36px;text-shadow:#000 1px 2px 0px;}
h3 *{vertical-align:middle;}
.nav{position:absolute;top:0px;right:0px;width:62px;height:20px;overflow:hidden;font-size:10px;margin:8px 0px 0px 0px;padding:0px;line-height:18px;}
.nav li{float:left;margin:0px 4px;height:17px;}
.nav li a{display:block;overflow:hidden;text-indent:-9999em;background:url('../images/sprites.png');-webkit-transition:none;-moz-transition:none;-o-transition:none;width:15px;height:17px;}
.nav li a:hover{border:none;}
.nav li.prev a{width:12px;background-position:-478px -41px;}
.nav li.prev.inactive a,.nav li.prev a:hover{background-position:-478px -59px;}
.nav li.home a{width:14px;background-position:-491px -41px;}
.nav li.home.inactive a,.nav li.home a:hover{background-position:-491px -59px;}
.nav li.next a{width:12px;background-position:-506px -41px;}
.nav li.next.inactive a,.nav li.next a:hover{background-position:-506px -59px;}
#featured{background:top center url('../images/featured.png') #343434;height:302px;position:relative;}
#featured .section{background:bottom center url('../images/featured.png') #343434;margin:auto;height:302px;width:900px;overflow:inherit;color:#d3d3d3;position:relative;}
#featured .section > li{padding:25px 0px;display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;}
#featured .section > li:first-child{display:block;}
#featured .nav{height:30px;width:350px;margin:auto;position:relative;top:-60px;padding-left:550px;}
#featured .nav li{width:22px;height:22px;list-style-type:none;}
#featured .nav a{width:21px;height:21px;background:-501px -98px no-repeat url('../images/sprites.png');}
#featured .nav a:hover,#featured .nav li.active a{background-position:-501px -77px;border:none;}
#featured img{padding:4px;background:#333;box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;display:block;float:left;margin-right:40px;}
#summary{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040',endColorstr='#343434');background:-webkit-gradient(linear,left top,left bottom,from(#404040),to(#343434));background:-moz-linear-gradient(top,#404040,#343434);padding:18px 0px 72px 0px;}
#summary ul{margin:auto;overflow:hidden;width:930px;}
#summary li{float:left;margin-left:15px;width:290px;}
#portfolio-article                {padding-bottom:72px;}
#portfolio-article > div{overflow:hidden;width:900px;margin:auto;padding:0px 20px;background:#151515;border:1px solid #4e4e4e;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
#portfolio-article .heading{background:#333333;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#151515');background:-webkit-gradient(linear,left top,left bottom,from(#333333),to(#151515));background:-moz-linear-gradient(top,#333333,#151515);margin:1px -20px 17px -20px;padding:10px 20px 0px 20px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
#portfolio-article h2{margin:0px !important;padding:0px;}

#portfolio-article #project-one-left, 
#portfolio-article #project-one-right               {background: url('../images/sprites.png');border:none;cursor:pointer;display:block;float: left;height:22px;overflow:hidden;text-indent:-9999em;width:17px;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#portfolio-article #project-one-left                {background-position: -424px -166px;margin:164px 28px 164px 5px;}
#portfolio-article #project-one-left:hover,
#portfolio-article #project-one-left.inactive       {background-position: -458px -166px;}
#portfolio-article #project-one-right               {background-position: -441px -166px;margin:164px 5px 164px 28px;}
#portfolio-article #project-one-right:hover,
#portfolio-article #project-one-right.inactive      {background-position: -475px -166px;}

#portfolio-article #project-preview                 {float: left;height:350px;width:800px;position:relative;overflow:hidden;}

#portfolio-article #project-page-left, 
#portfolio-article #project-page-right               {background: url('../images/sprites.png');border:none;cursor:pointer;display:block;float: left;height:14px;overflow:hidden;text-indent:-9999em;width:17px;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#portfolio-article #project-page-left                {background-position: -424px -188px;margin:52px 28px 0px 5px;}
#portfolio-article #project-page-left:hover,
#portfolio-article #project-page-left.inactive       {background-position: -458px -188px;}
#portfolio-article #project-page-right               {background-position: -441px -188px;margin:52px 5px 0px 28px;}
#portfolio-article #project-page-right:hover,
#portfolio-article #project-page-right.inactive      {background-position: -475px -188px;}

.projects .content               {display:none;}
#portfolio-article .info-box                        {width:680px;background:rgba(0,0,0,0.8);position:absolute;bottom:-5px;left:50px;padding:10px 10px 20px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
                                                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000)";
                                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
                                                    }

#portfolio-article dl                               {overflow:hidden; line-height: 1.5em;}
#portfolio-article dt                               {color: #b8fc96;display:block;float:left;clear:left;margin-right: 5px;}
#portfolio-article dd                               {display:block;}

#portfolio-article .show-online                     {border:none;display:block;font-size: 11px;margin:-20px 0px 0px 0px;background:#b8fc96;color:#000;width:90px;text-align:center;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;float:right;}
#portfolio-article .show-online:hover               {background:#85F150;}

.projects                        {height:120px;overflow:hidden;position:relative;float:left;width:800px !important;border: 1px solid red;}
.projects li                     {float:left;height:72px;position:static;margin:21px;}
/*.projects li:first-child,
.projects li:nth-child(8n)       {margin-left:1px;}
.projects li:nth-child(7n)       {margin-right:0px;}*/
#portfolio-article #project-list li a                   {display:block;border:3px solid #5C5C5C;padding:0px;height:72px;}
#portfolio-article #project-list li a:hover             {border-color:#CCC;}
#portfolio-article #project-list li.active a            {border-color:#FFF;}
/*
#portfolio-article .projects li.prev                {margin-left:0px;margin-right:-20px;width:50px;}
#portfolio-article .projects li.next                {margin-right: 0px; margin-left: -20px; width: 50px;}
#portfolio-article .projects li.prev a,
#portfolio-article .projects li.next a              {background: url('../images/sprites.png');border:none;cursor:pointer;display:block;height: 14px;margin-top:31px;overflow:hidden;text-indent:-9999em;width: 17px;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#portfolio-article .projects li.prev a              {background-position: -424px -188px;margin-left:5px;}
#portfolio-article .projects li.prev a:hover,
#portfolio-article .projects li.prev.inactive a     {background-position: -458px -188px;}
#portfolio-article .projects li.next a              {background-position: -441px -188px;margin-left:28px;}
#portfolio-article .projects li.next a:hover,
#portfolio-article .projects li.next.inactive a     {background-position: -475px -188px;}

#portfolio-article .projects li ul                  {display:none;position:absolute;top:0px;left:0px;width:900px;height:250px;overflow:hidden;}
#portfolio-article .projects li.active ul           {display: block;}
#portfolio-article .projects li ul li               {display:none;width:800px;height:250px;float:left;position:relative;display:none;margin:0px;}
#portfolio-article .projects li.active ul li:first-child { display: block;}
#portfolio-article .projects li ul li:nth-child(2)  {display:block;}
#portfolio-article .projects li ul li.prev,
#portfolio-article .projects li ul li.next          {display:block;margin:0px;}
#portfolio-article .projects li ul li.prev a,
#portfolio-article .projects li ul li.next a        {position:absolute;top:114px;height:22px;margin:0px;}
#portfolio-article .projects li ul li.prev a        {background-position: -424px -166px;left:5px;}
#portfolio-article .projects li ul li.prev a:hover,
#portfolio-article .projects li ul li.prev.inactive a{background-position: -458px -166px;}
#portfolio-article .projects li ul li.next a        {background-position: -441px -166px;right:5px;}
#portfolio-article .projects li ul li.next a:hover,
#portfolio-article .projects li ul li.next.inactive a{background-position: -475px -166px;}
#portfolio-article .projects li ul li img           {display:block;position:absolute;top:0px;left:0px;width:800px;height:250px;}*/

.inactive { cursor: default !important;}
/*#portfolio-article > *{margin:auto;padding:0px 20px;width:860px;border-left:1px solid #4e4e4e;}
#portfolio-article > *:first-child{border-top:1px solid #4e4e4e;padding-top:9px;border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#333333;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#151515');background:-webkit-gradient(linear,left top,left bottom,from(#333333),to(#151515));background:-moz-linear-gradient(top,#333333,#151515);}
#portfolio-article > *:last-child{border-bottom:1px solid #4e4e4e;padding-bottom:9px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
*/
#offer{padding-bottom:72px;}
#offer > *,#info > .article-header{margin-left:auto;margin-right:auto;width:900px;}
#offer dl{overflow:hidden;}
#offer dt{background:#222;font:13px/71px Verdana,sans-serif;padding:0px 20px;width:210px;margin-bottom:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:left;clear:left;color:#FFF;text-shadow:#4e4e4e 1px 1px 0px;cursor:pointer;-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;}
#offer dt:hover{background:#2A2A2A;}
#offer dd{display:none;}
#offer dt.active{/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87CB65',endColorstr='#427727');background:-webkit-gradient(linear,left top,left bottom,from(#87CB65),to(#427727));background:-moz-linear-gradient(top,#87CB65,#427727);*/
background:url('../images/sprites.png');width:238px;}
#offer dt.active + dd{display:block;float:right;width:600px;}
#info{text-align:center;padding-bottom:72px;}
#info .article-header,#info .section *{text-align:left;}
#info .section{width:900px;margin:-36px auto 0px auto;padding:36px 0px 0px 0px;overflow:inherit;}
#info .section > img{margin:-36px 20px 20px -70px;display:block;}
#contact-article{background:inherit;width:900px;min-width:900px;margin:auto;padding:18px 20px;overflow:hidden;}
label,input,textarea{display:block;margin:0px;}
input,textarea{border:1px solid #515151;background:#222;padding:12px;font-size:12px;color:#EEE;margin-bottom:18px;}
label{font-size:11px;}
textarea{height:150px;width:474px;}
.constraint{color:#85f150;}
.help{background:0px -77px url('../images/sprites.png');width:476px;padding:18px 12px 12px 12px;font:13px/18px Verdana,sans-serif;color:#FFF;margin-top:-5px;text-shadow:#4e4e4e 1px 1px 0px;}
#contact-article .info{float:left;width:400px;}
#contact-article .message{float:left;}
#contact-article .info label,#contact-article .info input{width:340px;}
#contact-article .message input{float:right;background:0px -161px url('../images/sprites.png');border:none;width:210px;text-shadow:#4e4e4e 1px 1px 0px;font:13px/22px Verdana,sans-serif;cursor:pointer;margin:0px -4px 0px 0px;}
#contact-article .message input:hover{background:-212px -161px url('../images/sprites.png');}
.footer{padding:36px 0px;background:#343434 repeat-x url('../images/footer.png');}
.footer .logo{margin:60px auto;width:245px;height:40px;background:-278px 0px url('../images/sprites.png');text-indent:-9999em;overflow:hidden;}
.footer .section{width:700px;margin:auto;}
.footer .column{float:left;width:300px;margin:0px 25px;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#9f9f9f;}