/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
/* @font-face { font-family: Diavlo; src: url('http://cdn3.alfajango.com/stylesheets/Diavlo_BOLD_II_37.otf'); } */
@font-face { font-family: Neuropol; src: url('http://cdn4.alfajango.com/stylesheets/neuropol_x_free.ttf'); }

body {
   font-family: verdana, geneva, 'sans serif';
   background: #d9d9d9;
   width: 100%;
   min-width: 1024px;
}

a {
   color: #696;
   text-decoration: none;
   background: transparent;
}

a:visited {
   color: #363;
}

a:hover, a:active, a:focus {
   background: transparent;
   color: #fff;
   text-decoration: underline;
}

h1 {
  font-family: Neuropol, verdana, geneva, 'sans serif';
  letter-spacing: -0.05em;
   font-size: 26px;
   margin: 15px 0;
   text-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.5);
}
h1.block {
  font-family: verdana, geneva, 'sans serif';
  letter-spacing: 0em;
  font-size: 28px;
}

h2 {
  /*font-family: Diavlo, verdana, geneva, 'sans serif'; */
   font-size: 22px;
   color: #333;
   border-bottom: solid 1px #666;
   margin: 0 0 10px;
}

h3 {
  /* font-family: Diavlo, verdana, geneva, 'sans serif'; */
   font-size: 18px;
   color: #666;
}

p {
   margin: 15px 0;
}

pre,
.codecolorer-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
pre::-webkit-scrollbar,
.codecolorer-container::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
pre::-webkit-scrollbar-track,
.codecolorer-container::-webkit-scrollbar-track {
  background-color: #333;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
pre::-webkit-scrollbar-corner,
.codecolorer-container::-webkit-scrollbar-corner {
  background: transparent;
}
pre::-webkit-scrollbar-thumb,
.codecolorer-container::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(156,217,107,0.7)), to(rgba(156,217,107,0.9)));
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/* Github's code scrollbar styles
.wikistyle pre::-webkit-scrollbar {
  height:8px;
  width:8px;
}
.wikistyle pre::-webkit-scrollbar-track-piece {
  margin-bottom:10px;
  background-color:#e5e5e5;
  border-bottom-left-radius:4px 4px;
  border-bottom-right-radius:4px 4px;
  border-top-left-radius:4px 4px;
  border-top-right-radius:4px 4px;
}
.wikistyle pre::-webkit-scrollbar-thumb:vertical {
  height:25px;
  background-color:#ccc;
  -webkit-border-radius:4px;
  -webkit-box-shadow:0 1px 1px rgba(255,255,255,1);
}
.wikistyle pre::-webkit-scrollbar-thumb:horizontal {
  width:25px;
  background-color:#ccc;
  -webkit-border-radius:4px;
}
*/

.three-d {
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25);
}

#content {
   padding-top: 10px;
   width: 100%;
   background: url(/images/layout/content_bg.png) repeat-x #c8c8c8;
   border-top: solid 2px #333;
}

.constrained {
   width: 100%;
   max-width: 1024px;
   padding: 0;
   margin: 0 auto;
}

#header {
   background: #000;
   display: block;
   height: 114px;
}

#header a {
   color: #73B058;
}

#banner {
   float: left;
}

#call-us {
   float: right;
   color: #999;
   font-size: 12px;
   line-height: 25px;
   height: 53px;
}
#call-us #call-to-action { color: #fff; }
#call-us #call-to-action img { vertical-align: middle; }
#call-us #phone-number { color: #fff; }
#call-us #phone-number span { color: #999;  }

div#login-badge {
   float: right;
   width: 269px;
   height: 53px;
   background: url(/images/layout/blog_badge.png) no-repeat;
   text-align: center;
   
}
#login-badge span,
#login-badge a {
   display: inline;
   color: #000;
}
#login-badge span {
   display: inline;
   font-size: 10px;
}

#menu ul {
   margin-top: -9px;
   float: right;
   list-style: none;
   width: 675px;
}
#menu ul li {
   display: block;
   float: left;
}
#menu ul li a {
   display: block;
   color: #999;
   text-decoration: none;
   font-size: 18px;
   padding: 5px 10px 0;
   border-right: solid 1px #333;
}
#menu ul li a#right-edge {
   border-right: none;
}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a.active {
   color: #fff;
}
#menu ul li a span {
   display: block;
   font-size: 12px;
   padding: 5px 2px;
}

.tile {
   background: url(/images/layout/trim_tile.png) repeat-x transparent;
}
div.hr.tile {
   display: block;
   width: 100%;
   height: 45px;
   padding: 0;
   color: transparent;
   border: none;
   margin-bottom: -24px;
}
div.hr.tile hr {
   display: none;
}

#front-page-display > div.constrained {
  
}
div.testimonial {
   margin: 10px 0 15px;
   padding: 10px 0;
}
div.testimonial blockquote {
   font-size: 13px;
   color: #000;
}
#front-page-display h1 {
   font-size: 2em;
   font-weight: bold;
   padding: 0;
   margin: 15px 0 0;
   border: none;
   text-align: center;
   color: #000;
}
#carousel {
  list-style: none;
  overflow: visible;
  width: 600px;
  height: 450px;
  margin: 0 auto 15px;
  padding: 0;
}
#carousel li {
  visibility: hidden;
  width: 600px;
  height: 375px;
  padding: 5px 7px 7px 5px;
  margin: 0;
  background: #fff;
  border: solid 1px #999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 4px 4px 15px #666;
  -webkit-box-shadow: 4px 4px 15px #666;
  box-shadow: 4px 4px 15px #666;
}
#carousel li img {
  width: 100%;
  border: solid 1px #fff;
}
#carousel li:first-child {
  visibility: visible;
}
#carousel.roundabout-holder li {
  visibility: visible;
}
.roundabout-holder {
}
.roundabout-moveable-item {
   cursor: pointer;
}
.roundabout-moveable-item img {
}
.roundabout-in-focus { 
  cursor: auto;
}

div#contact-bar {
   color: #fff;
   background: #696;
   border-top: solid 1px #3f0;
   padding: 20px 0 5px;
   font-weight: bold;
   font-size: 14px;
   width: 100%;
   height: 75px;
   /* for IE */
   filter:alpha(opacity=90);
   /* CSS3 standard */
   opacity:0.9;
}
#contact-bar p {
   margin: 0;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#contact-bar span {
   color: #000;
}
#contact-bar a.contact-us-button {
   float: right;
   margin: -5px 0 0 5px;
}

#footer {
   background: url(/images/layout/footer_bg.png) repeat-x #000 !important;
   color: #ccc;
}
#footer #bottom-bar {
   font-size: 12px;
   padding-top: 48px;
}
#footer #footer-bar {
   width: 100%;
   height: 31px;
   padding: 9px 15px;
   font-size: 20px;
}
#footer #footer-bar span {
   font-size: 14px;
   color: #999;
}
#footer #footer-bar img {
   vertical-align: middle;
}
#footer #footer-widgets {
   width: 100%;
   padding-top: 25px;
   height: 315px;
}
#footer-widgets ul li {
   font-size: 14px;
   margin: 15px;
}

.black {
   margin-bottom: -24px;
}

.black .constrained > h1:first-child {
   margin-top: 40px;
}
.black h1 {
   color: #fff;
}
.black h2,
.black h3 {
   color: #999;
}
.black a, 
#footer a {
   color: #9c9;
}
.black a:visited
#footer a:visited {
   color: #696;
}

.black div.column {
   padding-top: 15px;
   background: url(/images/layout/shine_bg.png) center top no-repeat;
}

div.border {
   border: solid 1px #666;
   border-color: #333 #666 #666 #333;
   margin: 10px 0 0;
   padding: 20px 5% 5px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
}

.black div.column h2,
#footer #footer-widgets h3 a {
   display: inline-block;
   color: #fff;
   font-size: 18px;
   padding-bottom: 10px;
   margin: 0 0 15px;
}

.black div.column h2,
#footer #footer-widgets h3 {
   border-bottom: solid 1px #666;
}
.black div.column.middle h2 {
   color: #73b058;
   border-color: #73b058;
}
#footer #footer-widgets h3 {
   margin-bottom: 20px;
}
#footer #footer-widgets h3 img {
   vertical-align: middle;
   margin-right: 5px;
}
#footer #footer-widgets h3 span a {
   font-size: 12px;
   color: #ccc;
}

dl dt {
   color: #363;

}
#footer-widgets dl dt {
   color: #696;
}
#footer-widgets dl dt span {
   font-size: 9px;
   color: #fff;
   margin: 0 0 0 15px;
}
dl dd {
   margin-bottom: 15px;
}
#footer-widgets dl dd {
   font-size: 12px;
}
#footer-widgets dl dd p { margin: 0; }
#footer-widgets ul {
   list-style: none;
}

.black div.column h2 {
   font-size: 18px;
}
.black div.column p {
   margin: 10px 0;
   font-size: 14px;
}

.learn-more-link {
   display: block;
   margin: 30px 0 0;
}
img.learn-more-arrow {
   float: right;
}

.black {
   background: #000;
   color: #ccc;
   padding-bottom: 50px;
}

.black hr.tile {
   margin-bottom: 15px;
}

a.contact-us-button {
  font-size: 18px;
  display: block;
  color: #000;
  padding: 20px 20px;
  background: #fff;
  border: solid 1px #3f0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dd76c', endColorstr='#73b058'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#8dd76c), to(#73b058)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #8dd76c,  #73b058); /* for firefox 3.6+ */
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
a.contact-us-button:hover, a.contact-us-button:focus, a.contact-us-button:active {
  text-decoration: none;
  color: #0c0c0c;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4fa7d', endColorstr='#8dd76c'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#a4fa7d), to(#8dd76c)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #a4fa7d,  #8dd76c); /* for firefox 3.6+ */
}
a.contact-us-button:active {
  position: relative;
  top: 2px;
  left: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fifth-width {
   width: 17%;
}
.quarter-width {
   width: 22%;
}
.third-width {
   width: 30%;
}
.half-width {
   width: 47%;
}
.three-quarters-width {
   width: 72%;
}
.three-fifths-width {
   width: 57%;
}
.four-fifths-width {
   width: 77%;
}

.column {
   float: left;
   margin: 0;
   padding: 0 1.5%;
}

.float-right {
   float: right;
}
.float-left {
   float: left;
}
img.float-left {
   margin: 10px 15px 10px 0;
}

.clear { 
   clear: both;
}

br.clear {
   display: block;
   width: 100%;
   height: 0;
}

.thumb {
   margin: 0px 15px 20px 0px;
   padding: 3px 3px 20px;
   border: solid 1px #666;
   background: #fff;
}
.thumb span {
   display: block;
   text-align: center;
   margin: 5px auto;
   width: 100%;
   font-style: italic;
}

.attributed {
   display: block;
   float: right;
}

.bio-info {
  margin: 12px 15px 0 0;
}

.rounded {
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
	border-radius: 7px;
}

.dark-bg {
   background: #aaa;
   padding: 15px;
}
.white-bg {
   background: #fff;
   padding: 15px;
   border: solid 1px #333;
}
.white-bg a:hover, .white-bg a:active, .white-bg a:focus {
   color: #666;
}

#contact-form {
margin: 0 20px 40px;
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
}

#contact-form input, #contact-form select, #contact-form textarea, #contact-form button {
background-color: #fff;
font-size: 1em;
margin-bottom: 15px;
border: inset 1px #696;
}

#contact-form input.button, #client-login-form input.button {
background: #73B058;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 5px 10px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border: solid 1px #363;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
cursor: pointer;
display: inline-block;
margin: 5px auto;
width: auto;
}
#contact-form input.button:hover, #client-login-form input.button:hover {
background-color: #3c3;
}

textarea#info_inquiry {
width: 100%;
}

input#info_phone {
width: 125px;
}

#contact-form label {
display: none;
}

#contact-form label.show {
   display: inline-block;
   width: 100px;
   color: #666;
   font-weight: bold;
}

.label-text {
   color: #666;
}

.center {
   margin: auto;
}
.centered {
  margin: auto;
  text-align: center;
}

#notice, #warning, #error, .small-js-warning { width: 80%; padding: 10px; background: #88cc88; border: solid 1px #004400; color: #004400; margin: 5px auto 10px; }
#warning, #error, .small-js-warning { background: #ffdd55; color: #000; border-color: #000; }
.errorExplanation { background: #ffdd55; padding: 5px; border: solid 1px; }
.errorExplanation h2 { color: #000; font-size: 14px; }
.errorExplanation ul { color: #520000; }
#notice.small, #error.small, #warning.small, .small-js-warning { margin: 5px 0; font-size: 12px; padding: 5px; }
.small-js-warning { display: block; }

#leadnuke-video-button {
float: left;
border: solid 1px #333;
padding: 5px;
background: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
  -moz-box-shadow: 4px 4px 15px #666;
  -webkit-box-shadow: 4px 4px 15px #666;
  box-shadow: 4px 4px 15px #666;
}

a.leadnuke-screenshots {
float:right;
margin: 0 0 15px;
border: solid 1px #333;
padding: 9px;
background: #fff;
-moz-border-radius: 5px;
}

.#tabs {
   list-style: none;
}

#tabs > div {
   padding: 20px;
   margin-bottom: 20px;
}

#tabs > ul:first-child li {
   display: inline-block;
}


.black #tabs > ul:first-child {
   background: url(/images/layout/black_tab_bg.png) no-repeat;
   height: 78px;
   margin-bottom: 20px;
   text-align: center;
}

.black #tabs > ul:first-child li a {
   display: block;
   font-size: 18px;
   line-height: 20px;
   padding: 29px;
   color: #000;
   outline: none;
}

.black #tabs > ul:first-child li.active {
   background: url(/images/layout/black_tab_bg_active_left.png) no-repeat;
}
.black #tabs > ul:first-child li.active a {
   color: #fff;
   background: url(/images/layout/black_tab_bg_active_right.png) right no-repeat;
   text-decoration: none;
}

#footer-widgets #blog-headlines { height: 345px; overflow: hidden; }

/*---------Sticky Footer by Ryan Fait----http://ryanfait.com/---------*/

#content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -470px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
	height: 470px; /* .push must be the same height as .footer */
}

/*--------- Habla -----------*/

#habla_panel_div {
   /* The following is only supported by CSS3-supported browsers...
	http://en.wikipedia.org/wiki/Comparison_of_web_browser_CSS_support
	*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#habla_panel_div { padding: 3px !important; background: url(/images/layout/input_bg.jpg) repeat-x #73b058 !important; border: solid 1px #fff !important; color: #000; }
#habla_topbar_div { color: #333 !important; padding: 7px !important; background: transparent !important; }
#habla_topbar_div a { color: #000 !important; }
#habla_sizebutton_a, #habla_closebutton_a { background: transparent !important; }
#habla_conversation_div { border: none !important; }
#habla_conversation_div a { color: #fff !important; text-decoration: underline; }
#habla_input_div { background: #fff; border: inset 1px #356802 !important;}
#habla_wcsend_input { border: none !important; }
#hblink9 { color: #333 !important; }

/*--------- Twitter -----------*/

div.twtr-timeline { overflow: hidden !important; }
div.twtr-hd,
div.twtr-ft { display: none; }
div.twtr-tweet { border: none !important; }

/*--------- JQuery GalleryView -----------*/

/* GALLERY CONTAINER */
.gallery { 
background: #fff; 
padding: 0;
  border: solid 1px #999;
  -moz-box-shadow: 4px 4px 15px #666;
  -webkit-box-shadow: 4px 4px 15px #666;
  box-shadow: 4px 4px 15px #666;
}
.gallery#showcase { border: none; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
#clients .panel .panel-overlay,
#clients .panel .overlay-background { height: 100px; padding: 5px 1em;  top: 416px; }

.panel-overlay p {
font-size: 15px;
font-weight: normal;
margin-top: 5px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { border-top: solid 1px #ccc; }

#venturit-description { margin-top: 40px; }
#adrenaline-description { margin-top: 25px; }
a.github-button {
background: #eee;
color: #333;
font-size: 12px;
padding: 5px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border: solid 2px #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
cursor: pointer;
display: inline-block;
margin: 5px auto;
width: auto;
}
a.github-button:hover {
text-decoration: none;
background-color: #fff;
}
#client-login-form {
background: #fff;
padding: 25px;
border: solid 1px #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
width: 450px;
}

#tech-logos {
  margin: 15px 0 0;
  padding: 15px;
}
.black #tech-logos {
  background: #c8c8c8;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
  box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
}
#tech-logos ul {
  list-style: none;
}
#tech-logos ul li {
  float: left;
  margin: 0 10px;
}