body{
  margin:0;
  color:#777d84;
  font:14px/17px Arial, Helvetica, sans-serif;
  min-width:1000px;
  background:#ced0d5 url(../images/bg-header-wrapper.gif) repeat-x;
  position:relative;
  z-index:1;
}
img{border:none;}
a{color:#4471b1;text-decoration:none;}
a:hover{color:#002769;text-decoration:none;}
input,
textarea,
select{
  font:100% arial,sans-serif;
  vertical-align:middle;
}
form,fieldset{
  margin:0;
  padding:0;
  border-style:none;
}
form#commentform textarea {
  width: 100%;
  border: 1px solid #aaa;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  color: #333;
}
form#commentform input[type="text"] {
  border: 1px solid #aaa;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  color: #333;
}
.cont-block form.wpcf7-form p {
  width: 250px;
  float: left;
}
.cont-block form.wpcf7-form input[type="text"] {
  width: 230px;
  border: 1px solid #aaa;
  padding: 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
/*  font-family: "Times New Roman", serif;*/
  color: #333;
}
.cont-block form.wpcf7-form input[type="submit"] {
  clear:both;
  margin-top: 150px;
}
.cont-block form.wpcf7-form img.ajax-loader {
  margin-top: 150px;
}
.cont-block form.wpcf7-form textarea {
/*  width: 480px;*/
  width: 230px;
  height: 150px;
  border: 1px solid #aaa;
  padding: 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
/*  font-family: "Times New Roman", serif;*/
  color: #333;
}
.header-wrapper{
  width:100%;
  background:url(../images/bg-header-w1.gif) no-repeat 50% 0;
}
#header{
  width:961px;
  margin:0 auto;
  padding:39px 0 0;
  position:relative;
  z-index:100;
}
#header:after,
.header-wrapper:after{
  content:"";
  clear:both;
  display:block;
}
#header h1{
  margin:33px 0 0;
  float:left;
  background:url(../images/bg-logo.gif) no-repeat;
  width:289px;
  height:52px;
  overflow:hidden;
  text-indent:-9999px;
}
#header h1 a{
  width:289px;
  height:52px;
  float:left;
}
.header-hold{
  float:right;
  width:546px;
  background:url(../images/bg-nav-hold.gif) no-repeat 0 57px;
}
.header-hold ul{
  margin:0;
  padding:0;
  list-style:none;
}
.header-box{
  width:100%;
  overflow:hidden;
}
.header-box ul{
  float:right;
}
.header-box ul li{
  float:left;
  padding:0 0 0 9px;
  height:38px;
  overflow:hidden;
}
.header-box ul img,
.header-box ul a{
  float:left;
}
.header-box ul a.hover img,
.header-box ul a:hover img{
  margin:-38px 0 0;
}
#nav{
  width:100%;
  margin:46px 0 0;
  padding:0 0 23px;
}
#nav:after{
  content:"";
  clear:both;
  display:block;
}
#nav ul{
  margin:0 0 0 42px !important;
}
* html #nav ul{margin:0 0 0 21px !important;}
#nav ul li{
  float:left;
  position:relative;
  margin:0 0 0 42px;
}
#nav ul a{
  height:13px;
  float:left;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../images/bg-nav.gif) no-repeat;
}
.nav-home{width:32px;}
.nav-services{
  width:56px;
  background-position:-70px 0 !important;
}
.nav-projects{
  width:57px;
  background-position:-168px 0 !important;
}
.nav-process{
  width:54px;
  background-position:-267px 0 !important;
}
.nav-contact-us{
  width:71px;
  background-position:-362px 0 !important;
}
#nav ul li.active a.nav-home,
#nav ul li.hover a.nav-home,
#nav ul li:hover a.nav-home{background-position:0 -13px !important;}
#nav ul li.active a.nav-services,
#nav ul li.hover a.nav-services,
#nav ul li:hover a.nav-services{background-position:-70px -13px !important;}
#nav ul li.active a.nav-projects,
#nav ul li.hover a.nav-projects,
#nav ul li:hover a.nav-projects{background-position:-168px -13px !important;}
#nav ul li.active a.nav-process,
#nav ul li.hover a.nav-process,
#nav ul li:hover a.nav-process{background-position:-267px -13px !important;}
#nav ul li.active a.nav-contact-us,
#nav ul li.hover a.nav-contact-us,
#nav ul li:hover a.nav-contact-us{background-position:-362px -13px !important;}
#nav ul ul{
  position:absolute;
  background:url(../images/none.gif);
  padding:23px 0 0 !important;
  top:100%;
  left:0;
  display:none;
  margin:0 !important;
  width:149px;
}
#nav ul ul li{
  margin:0 !important;
  padding:0 12px;
  width:123px;
  border:solid #ececec;
  border-width:0 1px 1px;
  background:#fff;
}
#nav ul ul li.first-child,
#nav ul ul li:first-child{
  border-width:1px;
}
#nav ul ul a{
  height:auto;
  text-indent:0;
  float:none;
  display:block;
  background:none;
  font:bold 12px/36px Arial, Helvetica, sans-serif;
  color:#4471b1;
}
#nav ul ul a:hover{color:#9aa2aa;}
#nav ul li.hover ul,
#nav ul li:hover ul{display:block;}
.main-wrapper{
  width:100%;
  overflow:hidden;
  background:#fff url(../images/bg-holder.gif) repeat-x;
}
.main-w1{
  width:100%;
  overflow:hidden;
  background:url(../images/bg-tc-wrap.gif) no-repeat 50% 0;
}
.holder{
  width:961px;
  overflow:hidden;
  margin:0 auto;
  z-index:10;
  padding:0 0 19px;
  position:relative;
}
.intro-box{
  margin:40px 0 0;
  height:1%;
  padding:0 13px 0 30px;
  overflow:hidden;
}
.intro{
  float:left;
  width:451px;
}
.intro-txt{
  background:url(../images/txt-intro.png) no-repeat;
  width:440px;
  height:133px;
  margin:25px 0 0;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
}
.btn-apart{
  width:271px;
  overflow:hidden;
  height:52px;
  display:block;
  margin:83px 0 0 -19px;
  position:relative;
}
.btn-apart img{float:left;}
.btn-apart.hover img,
.btn-apart:hover img{margin:-52px 0 0;}
.gallery{
  width:438px;
  position:relative;
  float:right;
  padding:0 0 16px 16px;
  background:url(../images/bg-gallery-shdw.gif) no-repeat 50% 100%;
}
.gallery a.prev,
.gallery a.next{display:none;}
.gallery div{
  width:421px;
  overflow:hidden;
  position:relative;
}
.gallery div ul{
  position:relative;
  width:99999px;
  padding:0;
  margin:0;
  list-style:none;
}
.gallery div ul li{
  float:left;
  width:421px;
}
.gallery div ul img{
  display:block;
  border-top:1px solid #606060;
}
.swicher{
  position:absolute;
  left:-461px;
  bottom:94px;
  margin:0;
  padding:0;
  list-style:none;
}
.swicher li{
  float:left;
  margin:0 7px 0 0;
}
.swicher li a{
  background:url(../images/bullet01.gif) no-repeat;
  width:8px;
  height:8px;
  overflow:hidden;
  position:relative;
  text-indent:-9999px;
  display:block;
}
.swicher li a.active,
.swicher li a:hover{background-position:0 -8px;}
.threecolumns{
  background:url(../images/bg-tc-c.gif) repeat-y;
  width:960px;
  overflow:hidden;
  margin:18px 0 0;
}
.threecolumns .t{
  background:url(../images/bg-tc-t.gif) no-repeat;
  width:100%;
  overflow:hidden;
}
.threecolumns .b{
  background:url(../images/bg-tc-b.gif) no-repeat 0 100%;
  width:954px;
  padding:0 0 60px 6px;
  overflow:hidden;
  position:relative;
}
.threecolumns .col{
  float:left;
  font-size:12px;
  padding:0 15px 0 25px;
  width:278px;
  margin:21px 0 0;
}
.threecolumns .col h2{
  margin:0 0 0 -8px;
  position:relative;
}
.threecolumns .col h2 img{display:block;}
.threecolumns .col p{margin:16px 0 0;}
.threecolumns .col ul{
  margin:7px 0 -7px;
  padding:0;
  position:relative;
  font-size:14px;
  width:100%;
  overflow:hidden;
  list-style:none;
}
.threecolumns .col ul li{
  border-top:1px solid #e0e0e0;
  float:left;
  padding:8px 0;
  width:100%;
}
.threecolumns .col ul li.first-child,
.threecolumns .col ul li:first-child{border:none;}
.btn-more{
  width:93px;
  position:absolute;
  height:42px;
  bottom:10px;
  margin:0 0 0 182px;
  overflow:hidden;
}
.btn-more span{
  display:block;
  width:93px;
  height:84px;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
  background:url(../images/btn-more.png) no-repeat;
}
.btn-more.hover span,
.btn-more:hover span{margin:-42px 0 0;}
#content{
  float:right;
  width:639px;
  margin:41px 0 0;
}
.cont-block{
  width:590px;
  background:#fff;
  overflow:hidden;
  padding:27px 19px 0 30px;
}
.cont-block a,
.cont-block a:link,
.cont-block a:visited {
  border-bottom: 1px solid #4471B1;
}
.cont-block a:hover {
  border-bottom: 1px solid #002769;
}
#content h1.headline {
  font: bold 28px/32px Arial, Helvetica, sans-serif;
  color: #002769;
  text-align: center;
  margin: 0 0 30px 0;
}
#content h2.subhead {
  text-align: center;
  margin: 0 0 30px 0;
}

/***  Below is a typography test ***/
/*** VERSION B (version A is if you comment all this out) ***/
/*.cont-block {
  font-family: "Times New Roman", serif;
  color: #333;
  font-size: 15px;
}
#content h1.headline {
  font: bold 28px/32px "Times New Roman", serif;
  color: #002769;
  text-align: center;
  margin: 0 0 30px 0;
}
#content h2.subhead {
  text-align: center;
  margin: 0 0 30px 0;
}*/
/*** END typography test ***/

/* Featured image on pages */
#content img.attachment-post-thumbnail {
  border-bottom: 1px solid #aaa;
}
#content h2 {
  margin-top: 30px;
  color: #002769;
  /***  Below is a typography test ***/
  /*** VERSION A ***/
    font:bold 18px/20px Arial, Helvetica, sans-serif;
  /*** VERSION B ***/
  /*  font: bold 20px/22px "Times New Roman", serif;*/
  /*** END typography test ***/
}
#content h2.title{
  margin:0;
/***  Below is a typography test ***/
/*** VERSION A ***/
  font:bold 18px/20px Arial, Helvetica, sans-serif;
/*** VERSION B ***/
/*  font: bold 20px/22px "Times New Roman", serif;*/
/*** END typography test ***/
}
#content h2 a{color:#002769;}
#content p{
  margin:15px 0 0;
  line-height:22px;
}
.cont-blog{
  height:1%;
  overflow:hidden;
  margin:28px 0 0;
  background:#f0f0f0;
  border-left:5px solid #b6bcc1;
  padding:0 25px 5px 22px;
}
#content .cont-blog p{
  padding:0 0 9px;
  margin:13px 0 0 !important;
  font:italic 12px/22px Arial, Helvetica, sans-serif !important;
}
.metrics{
  margin:15px 0 0;
  padding:15px 0 0;
  border-top:1px solid #e0e0e0;
}
.pager{
  width:100%;
  overflow:hidden;
  margin:19px 0 0;
}
.pager ul{
  margin:0;
  font-size:11px;
  font-weight:bold;
  padding:0 0 3px;
  width:100%;
  overflow:hidden;
  list-style:none;
}
.pager ul li{
  float:left;
  padding:0 5px 0 0;
}
.pager ul a{
  height:14px;
  float:left;
}
.pager ul em,
.pager ul span{
  border:1px solid #4471b1;
  background:#fff;
  color:#666;
  line-height:14px;
  padding:0 7px;
  float:left;
}
.pager ul a span,
.pager ul a em{
  cursor:pointer;
  background:#ebebeb;
  border:1px solid #c5c5c5;
}
.pager ul a.hover span,
.pager ul a.hover em,
.pager ul a:hover span,
.pager ul a:hover em{
  border:1px solid #4471b1;
  background:#fff;
  margin:0;
}
.next-link span{
  color:#4471b1 !important;
}
.project-box{
  width:643px;
  margin:0 -1px 0 -3px;
  position:relative;
  padding:0 0 20px;
}
.project-box:after{
  content:"";
  clear:both;
  display:block;
}
.project-box .t{
  background:url(../images/bg-proj-t.png) no-repeat;
  width:643px;
  height:86px;
  overflow:hidden;
  text-indent:-9999px;
}
.project-box .b{
  background:url(../images/bg-proj-b.png) no-repeat;
  width:643px;
  height:8px;
  font-size:0px;
  line-height:0px;
  overflow:hidden;
  text-indent:-9999px;
}
.project-box .c{
  background:url(../images/bg-proj-c.png) repeat-y;
  width:618px;
  padding:0 0 0 25px;
}
.project-box .c:after{
  clear: both;
  content:"";
  display: block;
}
.project-box .c-add{
  float:left;
  width:586px;
  position:relative;
  margin:-59px 0 0;
  padding:0 0 26px;
}
.featured{
  position:absolute;
  top:-27px;
  right:-29px;
}
.featured span{
  display:block;
  background:url(../images/featured.png) no-repeat;
  width:88px;
  height:88px;
  overflow:hidden;
  text-indent:-9999px;
}
.project-box .visual{
  float:left;
  width:261px;
}
.project-box .visual div{
  height:1%;
  overflow:hidden;
  padding: 3px 3px 34px 3px;
/*  padding:4px 4px 34px 5px;*/
  background:url(../images/bg-proj-visual.gif) no-repeat;
}
.project-box .visual img,
.project-box .visual a{float:left;}
.project-box .visual span{
  display:block;
  padding:0 0 0 7px;
  font:11px/14px Arial, Helvetica, sans-serif;
}
.project-box .visual img {
  width: 255px;
  height: 169px;
}
.project-box .desrc{
  float:right;
  width:296px;
  margin:1px 0 0;
}
.visit-link{
  float:right;
  text-align:center;
  background:url(../images/bg-visit.gif) no-repeat;
  width:158px;
  height:30px;
  overflow:hidden;
  margin:48px 0 0;
  text-transform:uppercase;
  font:bold 12px/30px Arial, Helvetica, sans-serif;
}
.project-list{
  width:100%;
  overflow:hidden;
  padding:0 0 13px;
}
.project-list ul{
  margin:0;
  padding:0;
  list-style:none;
  width:658px;
  overflow:hidden;
}
.project-list ul li{
  width:203px;
  padding:0 15px 20px 0;
  float:left;
  min-height:221px;
}
* html .project-list ul li{
  height:221px;
  overflow:hidden;
}
.project-list ul div{
  width:199px;
  height: 134px;
  overflow:hidden;
  border:1px solid #c9c9c9;
  padding:1px;
  vertical-align:top;
}
.project-list ul img{
  float:left;
  width: 199px;
}
.project-list ul h3{
  margin:10px 0 0;
  color:#4471b1;
  font:bold 12px/17px Arial, Helvetica, sans-serif;
}
.project-list ul h3 a{color:#4471b1;}
.project-list ul h3 a:hover{
  text-decoration:none;
  color:#002769;
}
.project-list ul p{
  margin:7px 0 0 !important;
  font:11px/14px Arial, Helvetica, sans-serif !important;
}
#sidebar{
  float:left;
  margin:49px 0 0;
  width:273px;
  padding:0 0 0 9px;
}
.subnav{
  width:100%;
  min-height:245px;
  overflow:hidden;
}
* html .subnav{
  height:304px;
  overflow:visible;
}
.subnav h3 {
  margin:0;
  color: #fff;
  font-weight: normal;
  font-size: 0.9em;
  padding: 0 0 0 20px;
  text-transform: uppercase;
}
.subnav h3 a {
  color: #fff;
}
.subnav h3 a:hover {
  text-decoration: underline;
}
.subnav h3 img{display:block;}
.subnav ul{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  width:100%;
  font:bold 11px/34px Arial, Helvetica, sans-serif !important;
  overflow:hidden;
}
.subnav ul li{
  float:left;
  padding:0 0 2px;
  width:100%;
}
.subnav ul a{
  position:relative;
  float:left;
  color:#4471b1;
}
.subnav ul strong{
  float:left;
  background:#fff;
  width:201px;
  cursor:pointer;
  padding:0 20px;
}
.subnav ul li a strong {
  font-weight: normal;
}
.subnav ul a span{
  float:left;
  width:30px;
  height:34px;
  cursor:pointer;
  overflow:hidden;
  text-indent:-9999px;
  position:relative;
}
.subnav ul a.active,
.subnav ul a:hover{
  color:#9aa2aa;
}
.subnav ul a.active span,
.subnav ul a.hover span,
.subnav ul a:hover span{
  background:url(../images/arrow.gif) no-repeat;
  margin:0;
}
.side-box{
  height:1%;
  overflow:hidden;
  padding:0 20px 16px;
  border-top:1px solid #e0e0e0;
  font-size:12px;
}
.side-box h3{
  margin:15px 0 0;
  text-transform:uppercase;
  font:bold 11px/17px Arial, Helvetica, sans-serif;
}
.side-box p{margin:5px 0 0;}
.side-hold{
  width:253px;
  margin:0 -20px 0 0;
  position:relative;
  overflow:hidden;
}
.side-hold ul{
  margin:0;
  padding:0 5px 0 0;
  list-style:none;
  float:left;
  width:105px;
}
.side-hold ul.side-list{
  width:140px;
  padding:0;
}
.side-hold ul li{
  padding:0 0 0 8px;
  margin:5px 0 0;
  background:url(../images/bullet02.gif) no-repeat 0 7px;
}
.side-box span{
  width:253px;
  display:block;
  margin:10px -20px 0 0;
  font-size:11px;
}
.side-box .btn-apart{
  margin:23px 0 0 -19px;
}
.footer-wrapper{
  width:100%;
  overflow:hidden;
  background:url(../images/bg-footer-wrapper.gif) repeat-x;
}
.footer-w1{
  width:100%;
  overflow:hidden;
  background:none;
}
#footer{
  width:961px;
  overflow:hidden;
  margin:20px auto 0;
  color:#636b73;
  font-size:11px;
  padding:0 0 36px;
}
.partners{
  width:100%;
  overflow:hidden;
  padding:0 0 31px;
}
.partners h3{margin:0;}
.partners ul{
  height:1%;
  margin:16px 0 0;
  padding:0 0 0 5px;
  list-style:none;
  overflow:hidden;
}
.partners ul li{
  padding:0 0 0 5px;
  float:left;
}
.partners ul a{
  border:1px solid #fff;
  float:left;
}
.partners ul img{float:left;}
.footer-hold{
  width:100%;
  background:url(../images/border01.gif) repeat-x;
  padding:22px 0 0;
  margin:10px 0 0;
  overflow:hidden;
}
.footer-hold span{float:left;}
.footer-box{
  float:right;
  width:420px;
}
.footer-box div{
  width:100%;
  overflow:hidden;
}
.footer-box ul{
  float:right;
  margin:0 -8px 0 0;
  padding:0;
  list-style:none;
}
.footer-box ul li{
  float:left;
  padding:0 8px 0 9px;
  background:url(../images/separator01.gif) no-repeat 0 3px;
}
.footer-box ul li.first-child,
.footer-box ul li:first-child{background:none;}
.footer-box ul a{float:left;}
.twitter{
  background:url(../images/ico01.gif) no-repeat 0 2px;
  padding:0 0 0 29px;
}