body{/*font: 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;*/  background:#fff url(../img/bg/bg.jpg) no-repeat top center; }
a{color:#da1d1d; text-decoration:none; } a:hover{text-decoration:underline;} .hide{display:none;}

a:hover {
  
   -webkit-transition: all 0.5s;
   -moz-transition:color 200ms ease-in;
   -o-transition:color 200ms ease-in;
   transition:color 200ms ease-in;
}

input, textarea, select{font-family: Helvetica, Arial, sans-serif;}
.main{min-height:700px; position:relative;}

/* ----------- Site Feature (We're Hiring) -------------- */
img.site-feature{position:absolute; top:-28px; right:-28px; z-index:999;}

/* ----------- Top Navigation -------------- */
.topnav{padding:15px 0px 67px 0px; position:relative; height:20px;} .topnav ul{text-align:right; float:right; margin-right:0px; margin-top:15px;}
.topnav .container_16 img{float:left; margin:17px 10px 0px 9px; position:absolute; z-index:10;} .topnav .container_16 img:active{position:relative; top:1px;}
.topnav .container_16 ul li{margin-left:3px; font-size:14px; font-weight:normal;  display:inline; font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:700;}
.topnav .container_16 ul li a{padding:7px 18px; color:#999; text-decoration:none;  text-transform:uppercase;}
 .topnav .container_16 ul li a:hover{color:#fff;} 
.topnav .container_16 ul li a:active{position:relative; top:1px;} .topnav .container_16 ul li.on a{color:#fff; background:#444; }

/* ----------- Home: Introduction -------------- */
body.home .intro{padding-bottom:6px; margin-bottom:0px; padding-top:34px;  font-weight:700;}
body.home .intro h1{font-size:45px; letter-spacing:-0.02em; margin-bottom:4px; text-align:center; text-transform:uppercase;  
font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:700; margin-top:-10px;}  
body.home h1 span{color:#c42e06;}
body.home .intro p{text-align:center;  font-size:20px; color:#888; font-family: "skolar-1","skolar-2"; font-weight:400;}

/* ----------- Features: Row One (Primary Services and Call to Action) -------------- */
.features-row-one{overflow:hidden; zoom:1;  font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-weight:400; font-style:normal; font-size:14px;}
.features-row-one img{margin-top:25px; } .features-row-one h2{margin-top:12px; font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:400; font-size:23px;} 
.features-row-one ul{margin-bottom:10px; color:#333; margin-left:16px;} .features-row-one ul li{margin-bottom:4px; list-style-type:square;}
.features-row-one p{color:#333; line-height:1.6em;}
.features-row-one p a{font-weight:normal; font-size:14px;  font-family: "skolar-1","skolar-2"; font-style:italic;}

/* ----------- Features: Row Two (News) -------------- */
.features-row-two{overflow:hidden; margin-top:35px; border-top:1px dotted #ccc; padding-top:30px; padding-bottom:39px; border-bottom:1px dotted #ccc; margin-bottom:20px; zoom:1;}
.features-row-two img{margin-top:26px; } .features-row-two h2{margin-top:8px;} .features-row-two ul{margin-bottom:10px;}
.features-row-two p{font-size:12px; color:#111; line-height:1.45em; margin-top:5px; margin-right:10px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";} .features-row-two p.section{margin-bottom:10px; margin-top:0px;} 
.features-row-two p a{ font-size:14px; line-height:1.3em; font-weight:normal;}
.features-row-two strong{ font-size:13px; font-weight:normal; text-transform:uppercase; font-family: "skolar-1","skolar-2";} 
.features-row-two p span{color:#999; display:block; margin:3px 0px 10px 0px;}

/* ----------- Features: Row Three (Partners) -------------- */
.features-row-three{overflow:hidden; padding-top:5px; padding-bottom:39px; border-bottom:1px dotted #ccc; zoom:1;}
.features-row-three p{text-transform:uppercase; font-size:13px; margin:0px 0px 15px 10px;  font-family: "skolar-1","skolar-2";}

/* ----------- Features: Row Four (Clients) -------------- */
.features-row-four{padding-top:10px; } .features-row-four .clear{clear:both; padding-bottom:30px;}
.features-row-four h3{margin:18px 0px 30px 10px;  font-size:23px; letter-spacing:0px; font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:300;}
.features-row-four img{margin-bottom:13px; width:220px; height:120px;}
.features-row-four a{padding:0px; border:none; display:block; font-size:11px; line-height:16px;  }
.features-row-four a strong{display:block; font-size:18px; margin-bottom:8px; color:#000;  font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:500; letter-spacing:-0.04em;} 
.features-row-four a span{font-weight:normal; color:#666; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-size:12px; padding-right:10px; display:block; line-height:1.45em;}
.features-row-four a:hover{text-decoration:none; } .features-row-four a:hover strong{color:#000; } .features-row-four a:hover span{color:#333;  -webkit-transition: all 0.5s;
   -moz-transition:color 200ms ease-in;
   -o-transition:color 200ms ease-in;
   transition:color 200ms ease-in;}

/* ----------- Typography -------------- */
h2{font-family:Arial, sans-serif; color:#000; font-size:17px; margin-bottom:10px; line-height:1.5em; letter-spacing:0em; margin-top:15px; } 
.content h1{font-size:46px; letter-spacing:-0.02em; /*border-bottom:3px double #e2e2e2;*/ border-bottom:2px solid #e2e2e2; padding-bottom:21px; line-height:1.2em; font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:700; letter-spacing:-0.03em;}
.content h2{line-height:1.45em; margin-bottom:20px; margin-top:24px; margin-right:30px; font-size:22px; font-family: "futura-pt-1","futura-pt-2"; color:#222; font-style:normal; font-weight:300;}
.content h2:first-of-type{margin-bottom:20px; margin-top:20px;}
.content h3{font-size:16px; margin-bottom:16px; margin-top:35px; margin-right:10px; letter-spacing:0px; line-height:1.5em; font-family: "futura-pt-1","futura-pt-2"; font-style:normal; font-weight:700; text-transform:uppercase;}

/* ----------- Primary Styling -------------- */
.content{padding-top:18px; padding-bottom:30px;}
.content p{font-size:14px; color:#333; line-height:1.6em; margin-bottom:15px; margin-right:30px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";} 
.content p strong{color:#000; font-weight:normal; font-family: "skolar-1","skolar-2"; font-style:italic;}
.content p.morelinks{padding-top:15px; border-top:1px dotted #ccc; margin-top:40px; margin-right:0px;} .content ul{margin-bottom:30px;} 
.content ul li{list-style-type:disc; padding-left:0px; margin-bottom:5px; line-height:1.5em; position:relative; z-index:2; margin-left:20px;  font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-size:14px;}
.content ul li ul {margin-left:10px; margin-top:6px; margin-bottom:12px;}
.content ul li ul li {list-style-type:circle; padding-left:7px; margin-bottom:5px; line-height:1.4em; position:relative; z-index:2; margin-left:15px;  font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-size:13px;}

.content ol li {margin-left:7px;}
.content ol li ul {margin-left:15px; margin-top:5px; font-size:12px; margin-bottom:10px;}


/* Jobs */ .boxin{padding:5px 20px 10px 25px; background:#eee; border:1px solid #e2e2e2; margin-bottom:25px;}

 /* ----------- Sub Navigation -------------- */
.navigation{padding-top:83px;}   .navigation p{margin-top:14px; line-height:1.4em; font-size:14px; margin-left:19px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";}
.navigation ul{margin:13px 0px;}
.navigation p strong{font-family: "skolar-1","skolar-2"; font-style:italic; font-weight:normal; font-size:14px;}
.navigation p.section-title{ margin-left:19px; font-size:15px; margin-top:0px; font-family: "skolar-1","skolar-2";}
.navigation ul li a{display:block; padding:10px 18px; border-bottom:1px dotted #ccc; zoom:1; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-size:14px; font-weight:normal;}
.navigation ul li.on a{text-decoration:none; color:#000; background:url(../img/icons/sub.gif) no-repeat 6px center;}
 
/* ----------- News Item -------------- */
.content .news-item{padding:25px 0px 10px 0px; margin-bottom:-5px; border-bottom:1px solid #e2e2e2;} .content .news-item:last-child{border:none;}
.content .news-item h2{margin-bottom:2px; margin-top:0px;} .content .news-item p.date{font-size:13px; color:#999; margin-bottom:10px; font-family: "skolar-1","skolar-2";}
 
 /* ----------- Image Styles -------------- */
.img-r{float: right; margin:2px 0px 20px 30px; }
.img-r-border{float: right; margin:5px 0px 20px 30px; padding:6px; border:1px solid #e2e2e2; background:#fff;}
img.workshop{margin-top:34px;}

 /* ----------- Clients Table -------------- */
.content table.clients{border:0px solid #e2e2e2; width:100%; margin-bottom:25px; margin-top:20px; font-family: "skolar-1","skolar-2";}
.content table.clients td{text-align:center; padding-bottom:21px; color:#999; width:20%; font-size:12px; line-height:1em; vertical-align:top; background:#fff; border-top:1px solid #e2e2e2;} .content table.clients td img{padding:20px 0px 0px 0px; margin-bottom:10px; }

 /* -----------Contact Form -------------- */
.form-wrap{padding-top:0px;} form{margin-top:20px;} 
.content form p{font-size:14px; } .content p.error{padding:20px; background:#ffffcc; margin-bottom:30px; border:1px solid #e2cca5;} /* Validation Style */
form input.focus, form textarea.focus{border-color:#999; background:#fff;}
form input, form textarea{border:1px solid #cdcdcd; border-top-color:#a2a2a2; background:#f4f4f4 url(../img/bg/input.gif) repeat-x; padding:5px; margin:8px 0px 0px 0px; width:95%; font-size:13px;} form textarea{height:160px;} 
 body.mceContentBody {background: #fff;}

form input#submit{ background-color:#da1d1d; color:#fff; border:1px; padding:8px 30px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-size:16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; width:auto; background-image:none; margin-bottom:50px;}
form input#submit:hover{background:#111; cursor:pointer;}

/* -----------Map -------------- */
#map{height:473px; width:340px; margin-top:18px;}
 
/* ----------- Our Work -------------- */
.work-text{padding-top:0px; margin-top:0px;} .screenshot{padding-top:30px;} 

 /* ----------- Services: Strategy -------------- */
.strategy-wrap{padding-top:25px; border-top:1px dotted #ccc; margin-top:25px; overflow:hidden;}
.strategy-wrap ul li{padding:0px; background:none; font-size:12px; margin-right:15px; margin-bottom:8px; list-style-type:square;} .strategy-wrap p{font-size:16px; line-height:1.4em;}

 /* ----------- Services: Technology -------------- */
.ektron-wrap{padding-top:25px; border-top:1px dotted #ccc; overflow:hidden; padding-bottom:30px; height:1%;}
.ektron-wrap p{font-size:12px; margin-bottom:5px;  line-height:1.50em;} .ektron-wrap p strong{font-size:16px; line-height:2em;}

/* ----------- Footer -------------- */
.footer{background:#e2e2e2;  clear:both; color:#666; font-size:12px; padding-bottom:50px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";} #footer p{}
.footer .grid_9{padding-left:10px;}  .footer .links{text-align:right;}
.footer .grid_7{} .footer .grid_7 p{line-height:1.5em;}
.footer .container_16{padding:35px 0px 50px 0px;} .footer span{color:#333;} .footer p.copyright{color:#666; line-height:1.5em;} .footer p.copyright span{padding-right:20px; color:#666;}
.footer a{color:#000; border-bottom:1px solid #cecece; padding-bottom:1px; text-decoration:none;} .footer a:hover{text-decoration:none;}