/* ---------------------------------------------------------------------- */
/*	Time4design CSS 2017
    email: info@time4design.com
    If you are here and reading this, perhaps its time to start your new website with us? 
/* ---------------------------------------------------------------------- */



.hideme {}
img{ max-width:100%; padding:0; margin:0}
.work-imagery { width:100%; padding:0 0 30px 0; margin:0 0 0 0;}
.work-imagery img { max-width:100%; }

figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; } 
figcaption { position: absolute; background: black; background: rgba(0,0,0,0.75); color: white; padding: 10px 20px 0 20px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } 
figure:hover figcaption { opacity: 1; } 
figure:before { content: "?"; position: absolute; font-weight: 800; background: black; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; }
 figure:hover:before { opacity: 0; } 
 .cap-left:before { bottom: 20px; left: 20px; } 
 .cap-left figcaption { bottom: 20px; left: -30%; } 
 .cap-left:hover figcaption { left: 0; } 
 .cap-right:before { bottom: 10px; right: 10px; } 
 .cap-right figcaption { bottom: 0; right: -30%; } 
 .cap-right:hover figcaption { right: 0; } 
 .cap-top:before { top: 10px; left: 10px; } 
 .cap-top figcaption { left: 0; top: -30%; } 
.cap-top:hover figcaption { top: 0; } 
.cap-bot:before { bottom: 10px; left: 10px; } 
.cap-bot figcaption { left: 0; bottom: -30%;} 
.cap-bot:hover figcaption { bottom: 0; }


.greyish {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.greyish:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}

/* ---------------------------------------------------------------------- */
/*	Setup Elements
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

.wp-paginate {padding:0px; margin:0;}
.wp-paginate li {display:inline; list-style:none;padding:0 5px 0 0 5px;margin:0 0 0 5px;}
.wp-paginate a {background:#031a29; border:0px solid #ccc; color:#fff; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:0px;}
.wp-paginate .gap {color:#999; margin-right:0px;}
.wp-paginate .current {color:#fff; background:#f15a23; border:0px solid #89adcf; margin-right:0px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


small { font-size: 10px; }a
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }
.subpage-side-green {color: #92a926;font-size: 17px;}
.orange {color: #f15a23;}
.blue {color: #005f92;}
.sky {color: #6ba2bf;}
.white {color: #ffffff;}

.center {text-align:center;}

h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h2.style2 { font-size: 24px; padding:20px 0 20px 0;}
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h4.style2 { font-size: 20px;}
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }


#click-menu {border-top: 11px solid #75a8c4;border-bottom: 11px solid #75a8c4;}

.corner-it {margin:10px 0 20px 0;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}

img#wpstats{
 display: none;
 }
 

.circleit { border: 20px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:180px;height:180px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 20px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 15px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 55px; }

/* ---------------------------------------------------------------------- */
/*	Some Pretty Colors
/* ---------------------------------------------------------------------- */

.blue1-bg {   background-color: #bfd4df; padding:0;margin:0;}
.blue2-bg {   background-color: #75a8c4; padding:0;margin:0;}
.blue3-bg {   background-color: #d1e8f8; padding:0;margin:0;}
.blue4-bg {   background-color: #d1e8f8; padding:0;margin:0;}
.orange-bg {  background-color: #d14400; padding:0;margin:0;}
.grey-bg {  background-color: #f3f3f4; padding:0;margin:0;}
.white-bg {  background-color: #ffffff; padding:0;margin:0;}
.black-bg {  background-color: #000000; padding:0;margin:0;}
.steel-bg {   background-color: #d7d8da;}
.metal-bg {   background-color: #474747;}
	
.section17 {padding:15px 15px 10px 15px;margin:0 0 0px 0;border: 0px solid #dbdbe0;}
.section18 {padding:0 15px 0 15px;margin:0 0 20px 0;border: 0px solid #dbdbe0;}


 
/* ---------------------------------------------------------------------- */
/*	Some Pretty Charts
/* ---------------------------------------------------------------------- */

.chart {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  height: 200px;
  margin: 0 auto 80px auto;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0) 2%);
  background-size: 100% 50px;
  background-position: left top;
}
.chart li {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 240px;
}
.chart span {
  margin: 0 1em;
  display: block;
  background: rgba(241, 90, 35, 0.75);
  animation: draw 1s ease-in-out;
  color:#ffffff;
  text-align:center;
  font-size:18px;
  font-weight:600;
  
}
.chart span:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 5px 1em ;
  display: block;
  text-align: center;
  content: attr(title);
  word-wrap: break-word;
  color:#000000;
  font-size:14px;
  font-weight:400;
}

@keyframes draw {
  0% {
    height: 0;
  }
}


/* ---------------------------------------------------------------------- */
/*	Portfolio items
/* ---------------------------------------------------------------------- */

.port-image {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}
	
.fade {
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: -webkit-transform 0.4s, opacity .5s;
  transition: transform 0.4s, opacity .5s; }
  
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .fade {
      opacity: 1;
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px); } }
			  
  @media (max-width: 768px) {
    .fade.first-fade {
      opacity: 1;
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px); } }

.fade-in {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
	
		  
.slant-container {padding-top: 10px;position: relative;background: #e5e5e5;text-align:center; }
.slant-container:before {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: -36px;
	  width: 100%;
	  height: 70px;
	  background: #e5e5e5;
	  -webkit-transform: skewY(-2.0deg);
	  -moz-transform: skewY(-2.0deg);
	  -ms-transform: skewY(-2.0deg);
	  -o-transform: skewY(-2.0deg);
	  transform: skewY(-2.0deg);
	  text-align:center; 
	}
	
.slant-container section {margin: 0px auto; padding: 0 20px 0 20px;padding-bottom: 50px;position: relative; text-align:center;  width: 70%;}
.slant-container h3 { text-align:center; font-size: 20px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:300;padding:20px 10px 0px 10px;margin:0; text-transform:none;line-height:35px; }
.slant-container h3.signature { text-align:center; font-size: 17px;font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:600;padding:20px 0px 0px 0px;margin:0; text-transform:none;}



.quote-container {padding-top: 50px;margin:0 0 100px 0;position: relative;background: #e5e5e5;text-align:center; }
.quote-container:before {
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: -36px;
	  width: 100%;
	  height: 70px;
	  background: #e5e5e5;
	  -webkit-transform: skewY(2.0deg);
	  -moz-transform: skewY(2.0deg);
	  -ms-transform: skewY(2.0deg);
	  -o-transform: skewY(2.0deg);
	  transform: skewY(2.0deg);
	  text-align:center; 
	}
	
.quote-container section {margin: 0px auto; padding: 0 20px 0 20px; padding-bottom: 50px; position: relative;text-align:center;width: 80%; }
.quote-container h4 { text-align:center; font-size: 20px; font-family: Open Sans, sans-serif; font-weight:600;padding:20px 10px 0px 10px;margin:0; text-transform:uppercase;clear:both; }
.quote-container h2 { text-align:center; font-size: 40px; font-family: Open Sans, sans-serif; font-weight:600;padding:0px 10px 0px 10px;margin:0; text-transform:uppercase; }
.quote-container h3 { text-align:center; font-size: 25px;font-family: Open Sans, sans-serif; font-weight:300;padding:20px 0px 0px 0px;margin:0; text-transform:none;}


	
	
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 0px 0;
}
section.module.parallax {
  height: 700px;
 background-position: center center;
background-repeat: no-repeat;
/*background-attachment:scroll !important;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    border-bottom: 0px solid #f05b21;
}



section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bitlogo {

  position: fixed;
  top: 40%;
  left: 4%;
  margin-top: -50px;
  margin-left: -100px;
  -webkit-transform: translateY(-10%);
   -ms-transform: translateY(-10%);
   transform: translateY(-10%);
    -webkit-transform: translateZ(0);
   /*z-index:1;*/

}

.bitlogo2 {

  position: absolute;
  top: 40%;
  left: 4%;
  margin-top: 300px;
  margin-left: -170px;
  -webkit-transform: translateY(-10%);
   -ms-transform: translateY(-10%);
   transform: translateY(-10%);
   -webkit-transform: translateZ(0);
}



.bitlogooff {
-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
   opacity:0.2;
}


section.module.parallax-1 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/jump-background.jpg");
}
section.module.parallax-2 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/eg-background.jpg");
}
section.module.parallax-3 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/cc-background.jpg");
}
section.module.parallax-4 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/gp-background.jpg");
}

section.module.parallax-5 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/sk-background.jpg");
}

section.module.parallax-6 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/raytech-background.jpg");
}

section.module.parallax-7 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/fordham-background.jpg");
}

section.module.parallax-8 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/euroimmun-background.jpg");
}

section.module.parallax-9 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/alpha2-background.jpg");
}

section.module.parallax-10 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/btc-background.jpg");
}

section.module.parallax-11 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/arrow-background.jpg");
}

section.module.parallax-12 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ff-background.jpg");
}

section.module.parallax-13 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/alexar-background.jpg");
}

section.module.parallax-14 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/aid-background.jpg");
}

section.module.parallax-15 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/jump2-large.jpg");
}

section.module.parallax-16 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/raytech-large.jpg");
}

section.module.parallax-17 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ff2-large.jpg");
}

section.module.parallax-18 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/solebury-background.jpg");
}

section.module.parallax-19 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/tvc-background.jpg");
}


section.module.parallax-20 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ngd-background.jpg");
}

section.module.parallax-21 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ngd2-large.jpg");
}

section.module.parallax-22 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/clemonslaw-background.jpg");
}

section.module.parallax-23 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/clemonslaw-large.jpg");
}

section.module.parallax-24 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/steqamerica-background.jpg");
}

section.module.parallax-25 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/steqamerica-large.jpg");
}

section.module.parallax-26 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/lc-background.jpg");
}

section.module.parallax-27 {
  background-image: url("/t4d15/wp-content/themes/t4d/portfolio/backgrounds/lc-large.jpg");
}


@media only screen and (max-width: 767px) {
	section.module.parallax {display:none;}
}


@media only screen and (max-width: 479px) {
section.module.parallax {display:none;}

}
@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax h1 {
    font-size: 96px;
  }

}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 160px;
  }

}

.thumbnail-image  {
    width: 400px;
    height: 254px;
    display: block;
	left: 22%;
	top: 30%;
	position:absolute;
}



.thumbnail-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition: background-color 0.3s ease 0s;
}

.thumbnail-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
    z-index: 1;
    pointer-events: none;
    top: 0px;
    left: 0px;
}


/**
 * T4D
 *
 * Each card plays home to a front and back. I've set them up as squares here
 * by using the padding technique, but you may set them up in any dimensions
 * you like based on your site design.
 */
 
 
.card {
  position: relative;
  float: left;
  width: 300px;
  height:190px;
  margin-bottom:20px;
  text-align: center;
}
/*
@media only screen and (max-width: 767px) {
 .card {width: 400px;height:254px;}
}


@media only screen and (max-width: 479px) {
   .card {width: 400px;height:254px;}

}
@media all and (min-width: 600px) {
  .card {width: 300px;height:190px;}

}
@media all and (min-width: 960px) {
   .card {width: 400px;height:254px;}

}
*/

.card:nth-child(1) {
  margin-left: -3px;
  margin-right: 1px;
}

.card:nth-child(2),
.card:nth-child(3) {
  margin-right: 1px;
}

/* card fronts and backs */
.card__front,
.card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front {
  background-color: #ff5078;
}

.card__back {
  background-color: #1e1e1e;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

/* card text */
.card__text {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 20px;
  color: #fff;
  font-family: "Roboto Slab", serif;
  line-height: 20px;
}

/* hover effect */
.card.effect__hover:hover .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__hover:hover .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* click effect */
.card.effect__click.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* random effect */
.card.effect__random.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__random.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}




/* ---------------------------------------------------------------------- */
/*	Animation move up 
/* ---------------------------------------------------------------------- */

.animation-element {
  /*position: relative;
  width: 30%;
  margin: 0% 1.33 2.66% 0%;
  float: left;*/
}
/*3 grid layout*/

.animation-element:nth-of-type(3n-2) {
 /* width: 31.5%;
  margin: 0% 1.375% 2.75% 0%;
  clear: left;*/
}

.animation-element:nth-of-type(3n-1) {
  /*width: 31.5%;
  margin: 0% 1.375% 2.75% 1.375%;*/
}

.animation-element:nth-of-type(3n-0) {    
 /* width: 31.5%;
  margin: 0% 0% 2.75% 1.375%;
  clear: right;*/
}
/*bounce up animation for the subject*/

.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/* ---------------------------------------------------------------------- */
/*	Callouts Elements
/* ---------------------------------------------------------------------- */

.bg-line {
	background: #ffffff url(/img/bg-line.gif) repeat-x top center;
	height:16px;
	width:100%;
}

.callout-quotes {
	padding:20px 20px 20px 0px;
	margin: 0 0 0px 0px;
	width: 100%;
	border: 0px solid #dbdbe0;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align:center;
	line-height:35px;
}


.callout-quotes p {font-size: 24px}

.quote-marks {
	padding:10px 10px 10px 10px;
	margin: 0px 0 0px 0px;
	border: 0px solid #dbdbe0;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align:center;
	line-height:35px;
}

.callout-2 {
	padding:20px 20px 20px 20px;
	margin: 0 0 20px 0px;
	width: 94%;
	border: 0px solid #dbdbe0;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align:left;
	background:#f3f3f5;
}

.callout-2 p {
	padding:0 20px 0 20px;
	margin: 0;
	line-height:28px;

}

.callout-2 .mcall {
 float:left; width:33%;
 
}

.callout-3 {
	padding:20px 10px 20px 10px;
	margin: 0 0 0px 0px;
	border: 0px solid #dbdbe0;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align:center;
	color:#ffffff;
	background:#d14400;
}

.callout-3 h4 {
	padding:0;
	margin: 0;
	font-size:25px;
	font-weight:300;
}

.callout-3 a, .callout-3 a:hover, .callout-3 a:active{
	color:#ffffff;
}

.callout-3 .mcall {
 float:left; width:33%;
 
}

.callout-blue {
	padding:10px 2% 2px 2%;
	margin: 0 0 10px 0px;
	width: 96%;
	border: 0px solid #dbdbe0;
	text-align:left;
	background:#d1e8f8;
}

.callout-blue h2{font-size: 18px;
font-weight: 400;}


.callout-robo8 li{
	padding:4% 20% 4% 4%; margin: 0 0 10px 0px; border: 1px solid #dbdbe0;text-align:left;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	list-style:none;
		
}

.callout-robo8 a {
  display: list-item;
  list-style-type: none;
}

.callout-robo8 li:hover{
	background: #c2d2ed;	
}

	.callout-robo8 ul li.current_page_item > a,
		.callout-robo8 ul li.current-menu-item > a,
		.callout-robo8 ul li.current-menu-parent > a {
						color: #005fa8;
}

		.callout-robo8 li.current_page_item > a,
		.callout-robo8 li.current-menu-item > a,
		.callout-robo8 li.current-menu-parent > a {
						color: #005fa8;
		
}

.callout-robo8 li{background: #f3f3f5;}
.callout-robo8 li:hover {background: #c2d2ed;}

.callout-4-robo1, .callout-4-robo2, .callout-4-robo3, .callout-4-robo4, .callout-4-robo5, .callout-4-robo6, .callout-4-robo7, .callout-4-robo8, .callout-4-robo9, .callout-4-robo10, .callout-4-robo11 {
	padding:4% 20% 0% 4%; margin: 0 0 10px 0px; border: 1px solid #ffffff;text-align:left;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;	
}

.callout-4-robo1:hover, .callout-4-robo2:hover, .callout-4-robo3, .callout-4-robo4, .callout-4-robo5, .callout-4-robo6, .callout-4-robo7, .callout-4-robo8, .callout-4-robo9, .callout-4-robo10, .callout-4-robo11 {
	background: #c2d2ed;
}

.callout-4-robo1 .h4,.callout-4-robo2 .h4, .callout-4-robo3 .h4, .callout-4-robo4 .h4, .callout-4-robo4 .h4, .callout-4-robo5 .h4, .callout-4-robo6 .h4, .callout-4-robo7 .h4, .callout-4-robo8 .h4, .callout-4-robo9 .h4, .callout-4-robo10 .h4, .callout-4-robo11 .h4 {
 font-size: 20px; font-weight: 400; padding:0;margin:0;
}

.callout-4-robo1 {background: #f3f3f5 url(/images/robo5-sm.png) no-repeat bottom right;}
.callout-4-robo1:hover {background: #c2d2ed url(/images/robo5-sm.png) no-repeat bottom right;}

.callout-4-robo2 {background: #f3f3f5 url(/images/robo2-sm.png) no-repeat bottom right;}
.callout-4-robo2:hover {background: #c2d2ed url(/images/robo2-sm.png) no-repeat bottom right;}

.callout-4-robo3 {background: #f3f3f5 url(/images/robo3-sm.png) no-repeat bottom right;}
.callout-4-robo3:hover {background: #c2d2ed url(/images/robo3-sm.png) no-repeat bottom right;}

.callout-4-robo4 {background: #f3f3f5 url(/images/robo4-sm.png) no-repeat bottom right;}
.callout-4-robo4:hover {background: #c2d2ed url(/images/robo4-sm.png) no-repeat bottom right;}

.callout-4-robo5 {background: #f3f3f5 url(/images/robo1-sm.png) no-repeat bottom right;}
.callout-4-robo5:hover {background: #c2d2ed url(/images/robo1-sm.png) no-repeat bottom right;}

.callout-4-robo6 {background: #f3f3f5 url(/images/robo6-sm.png) no-repeat bottom right;}
.callout-4-robo6:hover {background: #c2d2ed url(/images/robo6-sm.png) no-repeat bottom right;}

.callout-4-robo7 {background: #f3f3f5 url(/images/robo7-sm.png) no-repeat bottom right;}
.callout-4-robo7:hover {background: #c2d2ed url(/images/robo7-sm.png) no-repeat bottom right;}

.callout-4-robo8 {background: #f3f3f5 url(/images/robo8-sm.png) no-repeat bottom right;}
.callout-4-robo8:hover {background: #c2d2ed url(/images/robo8-sm.png) no-repeat bottom right;}

.callout-4-robo9 {background: #f3f3f5 url(/images/robo9-sm.png) no-repeat bottom right;}
.callout-4-robo9:hover {background: #c2d2ed url(/images/robo9-sm.png) no-repeat bottom right;}

.callout-4-robo10 {background: #f3f3f5 url(/images/robo10-sm.png) no-repeat bottom right;}
.callout-4-robo10:hover {background: #c2d2ed url(/images/robo10-sm.png) no-repeat bottom right;}

.callout-4-robo11 {background: #f3f3f5 url(/images/robo11-sm.png) no-repeat bottom right;}
.callout-4-robo11:hover {background: #c2d2ed url(/images/robo11-sm.png) no-repeat bottom right;}

.callout-6 {
	padding:40px 0px 0px 0px;
	margin: 0 0 0px 0px;
	width: 100%;
	border: 1px solid #dbdbe0;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align:left;
	background:#f3f3f5;
}

.callout-6 p {
	padding:0 20px 0 20px;
	margin: 0;
	line-height:28px;

}


ul.sitemap
	{
	background-image: none;background-position: left top;background-repeat: no-repeat;padding: 10px 0 10px 0;margin: 0px 0 0 0;clear:both;border: 1px solid #dbdbe0;
	}

	ul.sitemap li
	{
	margin: 0px 0 10px 20px;padding: 0px 0px 10px 30px;cursor: default;background-position: 0% 0%;background-repeat: no-repeat;background-image: url("/img/list-arrow.png");list-style-type: none;font-weight:bold;font-size: 16px;font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}
	
	ul.sitemap li ul li
	{
	margin: 10px 0 10px 20px;padding: 0px 0px 5px 10px;cursor: default;background-position: 0% 0%;background-repeat: no-repeat;background-image:none;list-style-type: none;font-weight:normal;font-size: 14px;font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}
	
	ul.sitemap li ul li ul li
	{
	margin: 10px 0 10px 20px;padding: 0px 0px 5px 30px;cursor: default;background-position: 0% 0%;background-repeat: no-repeat;background-image: url("/img/list-arrow.png");list-style-type: none;font-weight:normal;font-size: 13px;font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}


	ul.fa-ul {padding: 0px 0 0px 0;margin: 0px 0 20px 0;clear:both; text-align:left;}
    ul.fa-ul li {margin: 0px 5px 0px 10px; cursor: default;background-position: 0 0px;  list-style-type: none; padding: 2px 0 0 10px;font-size: 16px;}

	
/* ---------------------------------------------------------------------- */
/*	Basic Background Elements
/* ---------------------------------------------------------------------- */

body {
	background: #ffffff;
	color: #3a3a3a;
	font: 14px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

div#mainbg {
	margin: 0 auto;
	padding: 0;
	}

    .t4d-dotty
{
	clear: both;
	border-top: 0px solid #eeeeee;
	background-image: url("/images/t4d-dots-bg.png");
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: 50% -1px;
	background-origin: padding-box;
	background-size: auto auto;
	margin:20px 0 0px 0;
}

    .t4d-dotty-sub
{

	background-image: url("/images/t4d-dots-bg2.png");
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-position: 50% -1px;
	background-origin: padding-box;
	background-size: auto auto;
	margin:20px 0 0px 0;
}

    .t4d-dotty-work
{

	background-image: url("/images/t4d-dots-bg2.png");
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-position: 50% -1px;
	background-origin: padding-box;
	background-size: auto auto;
	margin:0px 0 0px 0;
}



/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

::-moz-selection { background: #005f92; color: #fff; text-shadow: none; }
::selection { background: #005f92; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}

h3, h4, h5 { font-weight: 600; }

a, a > * {
	color: #f15a23;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}



a:hover, a > *:hover { color: #005f92; }

hr {
	background: #efefef;
	color: #efefef;
	margin: 5px 0 25px;
}

	hr.dotted { border-style: dotted; }

	p + hr { margin: 25px 0 20px; }



		blockquote {
	background: #f8f8f8 url(/img/t4d-quotes.png) no-repeat 15px 14px;
	font:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:15px;
	padding: 160px 20px 20px 20px;
}

	blockquote.simple {
		background: none;
		border-left: 2px solid #ddd;
		color: #bbb;
		font-size: 13px;
		margin: 0;
		padding: 0 0 0 10px;
	}

	blockquote p:last-of-type { margin-bottom: 0; }

	blockquote small { font-size: 12px; }

.button, input[type="submit"], input[type="reset"], button {
	background: #f15a23;
	border: 2px solid #f15a23;
	color: #fff;
	cursor: pointer;	
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding: 7px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #ffffff;
		border: 2px solid #f15a23;
		color: #f15a23;
	}

.button {
	font-size: 12px;
	display: inline-block;
	padding: 5px 35px ;
}

	.button.medium { font-size: 13px; }

	.button.large { font-size: 15px; }
	
		.button.xlarge { font-size: 30px; }

	.button.no-bg {
		background: none;
		color: #3a3a3a;
		padding: 0;
	}

		.button.no-bg:hover, #footer .button.no-bg:hover {
			background: none;
			color: #f15a23;
		}

	.button .icon, .button .arrow {
		color: transparent;
		cursor: pointer;
		display: inline-block;
		font: 0/0 a;
		height: 19px;
		margin: -3px 0 0 3px;
		text-shadow: none;
		vertical-align: middle;
		width: 19px;
	}

	.ie7 .button .icon, .ie7 .button .arrow { display: inline; }

	.button .arrow { background: #f35a20 url(/img/button-arrows.png) no-repeat 0 0; }

	.button .icon.left, .button .arrow.left {
		margin-left: 0;
		margin-right: 3px;
	}

	.button .arrow.left { background-position: 0 -19px; }

		.button:hover .arrow { background-color: #d1e8f8; }

.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}

	.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}

.infobox {
	background: #fbfbfb;
	border: 1px solid #efefef;
	margin: 0 0 20px;
	padding: 25px;
}

.single-image, .image-gallery, .iframe {
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	
}

.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
	display: inline;
	margin-bottom: 0;
	overflow: visible;
	
}
	
	.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
	.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }

	.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }

	.single-image .zoom, .image-gallery .zoom, .iframe .zoom {
		background: rgb(241, 89, 42);
		background: rgba(241, 89, 42, 0.8);
		color: transparent;
		display: block;
		font: 0/0 a;
		height: 100%;
		left: 0;
		filter: alpha(opacity=0); 
		opacity: 0;
		position: absolute;
		text-shadow: none;
		top: 0;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
				
		width: 100%;
	}

	.single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
		background: url(/img/view-robot.png) no-repeat;
		content: '';
		display: block;
		position: absolute;
		height: 102px;

		left: 22%;
		top: 30%;
		width: 227px;
		
			 
	}
	

	.single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
		background-image: url(/img/zoom-video.png);
	}

	.single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
		background-image: url(/img/zoom-link.png);
	}

	.single-image.jump .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
		background-image:none;
	}
	
	.single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
		filter: alpha(opacity=40); 
		opacity: 1;
	}



	
/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.hidden { display: none; }

.disabled { cursor: auto; }

.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }

.align-center { margin-left: auto; margin-right: auto; text-align: center; }

.align-left { float: left; }

	img.align-left { margin-bottom: 15px; margin-right: 15px; }

.align-right { float: right; }

	img.align-right { margin-bottom: 15px; margin-left: 15px; }

/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */

ul.none {
	list-style: none;
	margin: 0;
}

ul.dotted + ul.dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
}

	.arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li, .media li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 24px;
	}

	.arrow li { background: url(/img/list-arrow.png) no-repeat 5px 5px; }

	.arrow-2 li { background: url(/img/list-arrow-2.png) no-repeat 2px 4px; }

	.circle li { background: url(/img/list-circle.png) no-repeat 4px 5px; }

	.check li { background: url(/img/list-check.png) no-repeat 3px 4px; }

	.check-2 li { background: url(/img/list-check-2.png) no-repeat 0 4px; }

	.star li { background: url(/img/list-star.png) no-repeat 0 1px; }
	
	.media li { background: url(/img/list-media.png) no-repeat 0 1px; }

	.plus li { background: url(/img/list-plus.png) no-repeat 3px 3px; }

	.dash li { background: url(./img/list-dash.png) no-repeat 3px 8px; }
	
	

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */

.error, .success, .info, .notice {
	display: block;
	padding: 10px 20px 10px 44px;
}

.error {
	background: #f9e5e6 url(/img/icon-box-error.png) no-repeat 10px 9px;
	border: 1px solid #f7c7c9;
	border-left-width: 4px;
	color: #b3696c;
}

.success {
	background: #e3ebc6 url(/img/icon-box-success.png) no-repeat 12px 8px;
	border: 1px solid #c2d288;
	border-left-width: 4px;
	color: #8fa442;
}

.info {
	background: #d8ecf5 url(/img/icon-box-info.png) no-repeat 10px 8px;
	border: 1px solid #9ac9df;
	border-left-width: 4px;
	color: #528da9;
}

.notice {
	background: #fcf7d9 url(/img/icon-box-notice.png) no-repeat 10px 9px;
	border: 1px solid #f5dc7d;
	border-left-width: 4px;
	color: #c4a21b;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

label {
	cursor: pointer;
	display: block;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #474747;
	font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 30px;
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
}
	
	input:hover, textarea:hover, select:hover { border-color: #dedede; background-color: #d1e8f8;}
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], input[type="reset"], button {
	font-size: 13px;
	text-transform: uppercase;
}

	input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }

	input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.contact-form-t4d input[type="checkbox"], .contact-form-t4d input[type="radio"] { width: 20px; }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #b0b0b0; }

/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	position: relative;
	width: 940px;
	
}

.container-work {
	margin: 0 auto;
	position: relative;
	width: 940px;
	
}


	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */
	.content-full {  border: 0px solid #000000; margin: 0px auto 0px auto; width:960px; padding: 0px 0px 0px 0px;}
	.content-full-holder { width:100%; height:auto; border-top: 0px solid #ffdfad; border-bottom: 0px solid #ffdfad;}
	.content-full-banner { width:100%; height:auto; margin:0px 0px 0px 0px; padding:45px 0px 35px 0px; }
	.fourth { width: 25%; border:0px solid #000;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float: left; }

	.content-50  {float: left;margin-right: 40px;} /*Special for portfolio*/


	.whole, .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 20px;
	}

	.whole, .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .content-50.last { margin-right: 0px; border: 0px solid #000000;}

	.whole { width: 100%; }
	
	.one-half { width: 460px; }
	.content-50  {width: 45.7%;  border: 0px solid #000000;}

	.one-third { width: 300px;float: left; }
	.one-third-journal:nth-child(2n+2) { width: 300px;clear:both; float: left;}  /* for the problem with JOURNAL - temp*/
	
	.one-third-feature{ width: 173px;float: left; border: 0px solid #000000;margin:0 18px 20px 0}  
	.one-third-feature:nth-child(6n+6) { width: 173px;float: left; border: 0px solid #000000;margin:0 0px 20px 0}  
    .jheight {height:340px;}
		
		.two-third { width: 620px; }

	.one-fourth { width: 220px; }
	.one-fourth img{ width: 100%;border:0px solid #000; } /* width for portfolio*/
	
		.three-fourth { width: 700px; }

/* ---------------------------------------------------------------------- */
/*	time4design header
/* ---------------------------------------------------------------------- */

#header {
	border: 0px solid #efefef;
	height: 88px;
	z-index: 97;
}

	#logo {
		float: left;
		height: 56px;
		width: 250px;
		margin:15px 0 0 0;
		background-image: url("/t4d15/wp-content/themes/t4d/portfolio/logos/time4design-logo.png");background-repeat:no-repeat;
		-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
	}
	
	#phone-us {
		text-align:center;
		position:absolute;
		margin:10px 0 0 0;
	}


	/* -------------------------------------------------- */
	/*	Main Navigation Sticky
	/* -------------------------------------------------- */
	
		.top_container { /*width:1280px;*/ margin:0 auto; }
		#top_wrapper { margin: 0 0px 0; }
		#t4dstick_nav_wrapper { width:100%; /*height:88px;*/ }
		#t4dstick_nav { z-index: 97;width:100%; /*height:88px; background:#CCC;*/ }


	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	#main-nav { float: right; }

	#main-nav > ul { margin: -6px 0 0; }	

			#main-nav li {
				list-style: none;
				float: left;
				margin: 10px 0 0 0;
				position: relative;background: #ffffff;
			}

				#main-nav a {
					border-bottom: 7px solid transparent;
					border-top: 0px solid transparent;
					color: #3a3a3a;
					font-family: 'Open Sans', sans-serif;
					font-size: 14px;
					font-weight: 600;
					display: block;
					letter-spacing: -0.08px;
					padding: 26px 12px 25px;
					position: relative;
					text-align: center;
				
					z-index: 98;
				}

				.ie7 #main-nav a { padding: 24px 20px; font-weight: 400;}

				#main-nav a:after {
					color: #aeaeae;
					content: attr(data-description);
					font-size: 11px;
					font-style: italic;
					font-weight: 400;
					display: block;
					line-height: 0;
					margin: 3px 0 -3px;
					text-align: center;
					text-transform: lowercase;
				}

					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
						border-bottom-color: #f15a23;
						border-top-color: #f15a23;
						color: #f15a23;
					}

					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { background: #f8f8f8; }

					.not-ie #main-nav .current:after {
						background: #f15a23;
						bottom: -2.5px;
						content: '';
						display: block;
						position: absolute;
					}

				/* Dropdown */

				.no-js #main-nav li:hover > ul {
					display: block;
					top: 92px;
				}

				#main-nav ul ul {
					background: #ffffff;
					/*-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
							box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);*/
					display: none;
					left: 0;
					padding: 0;
					position: absolute;
					top: 75px;
					z-index: 99;
					border-bottom: 7px solid #75a8c4;
					border-top: 7px solid #75a8c4;
				}

					#main-nav ul ul li { float: none; margin: 0px 0 0 0;width: 250px;}

						#main-nav ul ul a {
							border: 0;
							border-bottom: 0px solid #f6f6f6;
							border-top: 0px solid #d1e8f8;
							color: #3a3a3a;
							display: block;
							font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
							font-size: 12px;
							letter-spacing: 0;
							font-weight: 400;
							padding: 8px 20px !important;
							text-align: left;
							text-transform: none;
						}

							#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
								background: #d1e8f8;
								color: #f35a20;
							}

					.not-ie #main-nav ul ul .current:after { display: none; }

				/* Sub Dropdown */

				#main-nav ul ul ul {
					left: 200px !important;
					top: 0 !important;
				}

		/* Responsive Nav */

		#main-nav .responsive-nav {
			background-image: url(/img/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}
		
		#main-nav ul li.current_page_item > a,
		#main-nav ul li.current-menu-item > a,
		#main-nav ul li.current-menu-parent > a {
						border-bottom-color: #f15a23;
						border-top-color: #f15a23;
						color: #d14400;
						background: #d1e8f8;
}

		#main-nav ul ul li.current_page_item > a,
		#main-nav ul ul li.current-menu-item > a,
		#main-nav ul ul li.current-menu-parent > a {
						border-bottom-color: #f15a23;
						border-top-color: #f15a23;
						color: #d14400;
						background: #d1e8f8;
		
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#titles-homepage { 
	padding:0px 0 0px 0px;
	margin: 0 auto;
	width: 100%;
	height:auto;
	background:none;
	border: 0px solid #dedede;}
	
#titles-all { 
	padding:0px 0 0px 0px;
	margin: 0 auto;
	width: 100%;
	height:100px;
	background:none;
	border: 0px solid #dedede;}

#titles-all h1 {width:940px; margin: 20px auto;}

#content { padding-top: 40px; border: 0px solid #dedede;/*background:url("/img/dot-bg.png") repeat-x;*/}

.ie7 #content { padding-top: 25px; }

	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */

    .t4d-home
	{
	border: 0px solid #eeeeee;
	padding:0 0 0px 0;
	margin: 0 auto;
	}

    .t4d-greybg
{
	clear: both;
	border-top: 1px solid #eeeeee;
	border-bottom: 0px solid #f05b21;
	background-color:#eeeeee;
	/*background-image: url("/img/title-bg.jpg");*/
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-position: 50% -1px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	height:100px;
	padding:0 0 0px 0;
}

    .t4d-about
{
	clear: both;
	border-top: 1px solid #eeeeee;
	background-image: url("/img/title-bg.jpg");
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-position: 50% -1px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	height:115px;
	padding:0 0 30px 0;
}

    .t4d-robo-1 {
	float:right; background-image: url("/images/banner-robo-1.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-1 {display:none;}
	
	.t4d-robo-2 {
	float:right; background-image: url("/images/banner-robo-2.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-2 {display:none;}
	
	.t4d-robo-3 {
	float:right; background-image: url("/images/banner-robo-3.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-3 {display:none;}
	
	.t4d-robo-4 {
	float:right; background-image: url("/images/banner-robo-4.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-4 {display:none;}
	
	.t4d-robo-5 {
	float:right; background-image: url("/images/banner-robo-5.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-5 {display:none;}
	
		.t4d-robo-6 {
	float:right; background-image: url("/images/banner-robo-6.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-6 {display:none;}
	
		.t4d-robo-7 {
	float:right; background-image: url("/images/banner-robo-7.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-7 {display:none;}
	
		.t4d-robo-8 {
	float:right; background-image: url("/images/banner-robo-8.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-8 {display:none;}
	
			.t4d-robo-9 {
	float:right; background-image: url("/images/banner-robo-9.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-9 {display:none;}
	
				.t4d-robo-10 {
	float:right; background-image: url("/images/banner-robo-10.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-10 {display:none;}
	
				.t4d-robo-11 {
	float:right; background-image: url("/images/banner-robo-11.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-11 {display:none;}
	
				.t4d-robo-12 {
	float:right; background-image: url("/images/banner-robo-12.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-12 {display:none;}
	
		       .t4d-robo-13 {
	float:right; background-image: url("/images/banner-robo-13.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-13 {display:none;}

				.t4d-robo-14 {
	float:right; background-image: url("/images/banner-robo-14.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-14 {display:none;}
	
			    .t4d-robo-15 {
	float:right; background-image: url("/images/banner-robo-15.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-15 {display:none;}
	
				.t4d-robo-16 {
	float:right; background-image: url("/images/banner-robo-16.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-16 {display:none;}
	
				.t4d-robo-17 {
	float:right; background-image: url("/images/banner-robo-17.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-17 {display:none;}
	
				.t4d-robo-18 {
	float:right; background-image: url("/images/banner-robo-18.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-18 {display:none;}
	
				.t4d-robo-19 {
	float:right; background-image: url("/images/banner-robo-19.png"); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
	.ie7 .t4d-robo-19 {display:none;}

	.page-header {
		border-bottom: 0px solid #efefef;
		margin: -20px 0 0px;
	}

	.ie7 .page-header { margin-top: 0; }

		.slogan, .page-title, .page-description, .page-subdescription, .project-title {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 0;
		}

		.page-title, .page-description, .page-subdescription, .project-title {
			font-size:41px;
			margin-top: -10px;
			padding: 0 0 5px;
			
		}

		.slogan {
			font-size: 24px;
			margin-bottom: 40px;
		}

		.page-title { margin-top: 35px; }

		.page-subdescription { font-size: 20px; }

		.project-title {
			margin-top: -15px;
			padding-bottom: 30px;
		}

		.page-description {
			font-size: 30px;
			font-weight: 400;
			padding: 0 0 20px;
		}
		
		.page-description-work {
			font-size: 30px;
			font-weight: 400;
			margin: 0 auto 0 auto;
			padding: 0 0 30px 0;
			text-align:center;
			width:100%;
		}

			.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
				margin-bottom: 40px;
				margin-top: 0;
			}

	.section-title {
		font-weight: 800;
		text-transform: uppercase;
	}

	/* -------------------------------------------------- */
	/*	Main
	/* -------------------------------------------------- */

	#main {
		float: left;
		margin: 0 40px 0 0;
		width: 680px;
	}

	.sidebar-left #main {
		float: right;
		margin-left: 40px;
		margin-right: 0;
	}

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		#main .whole { width: 100%; }
		
		#main .one-half { width: 330px;}

		#main .one-third { width: 213px; }

			#main .two-third { width: 447px; }

		#main .one-fourth { width: 155px; }

			#main .three-fourth { width: 505px; }

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	

	
	.image-gallery-slider {
		position: relative;
		margin: 0 0 25px;
	}
	
		.image-gallery-slider > ul { margin: 0; }

			.image-gallery-slider > ul > li {
				background: #fff;
				display: none;
				list-style: none;
				margin: 0;
			}

			.no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
				display: block;
				margin-bottom: 25px;
			}

			.image-gallery-slider > ul > li:first-child { display: block; }

			.image-gallery-slider a { margin: 0 auto; }

				.image-gallery-slider img, .image-gallery-slider img.entry-image {
					display: block;
					margin: 0 auto;
					max-width: 100%;
				}
		
	.image-gallery-slider-nav {}

		.image-gallery-slider-nav a {
			background: rgb(241, 90, 35) url(/img/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: #005f92 url(/img/slider-arrows-medium.png) no-repeat 0 0;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			height: 35px;
			margin: -26.5px 0 0;
			position: absolute;
			text-shadow: none;
			top: 50%;
			width: 25px;
			z-index: 90;
		}

		.image-gallery-slider-nav a.prev {
			background-position: -7px center;
			left: 0;
		}

		.image-gallery-slider-nav a.next {
			background-position: -46px center;
			right: 0;
		}

			.image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
			background-color: rgb(241, 90, 35);
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100); /* Fallback for old IE */
			}
			
			.image-gallery-slider-nav2 {color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			height: 35px;
			margin: -26.5px 0 0;
			position: absolute;
			text-shadow: none;
			top: 50%;
			width: 25px;
			z-index: 90;}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

			.acc-trigger {
				border-top: 1px dotted #ced8df;
				cursor: pointer;
				display: block;
				margin: 0;
			}

				.acc-trigger:last-of-type, .acc-container:last-of-type {
					border-bottom: 1px dotted #ced8df;
					margin-bottom: 20px;
				}

				.no-js .acc-trigger:last-of-type { border-bottom: none; }

			.acc-trigger a {
				background: url(/img/accordion-content-buttons.png) no-repeat 20px 23px;
				display: block;
				color: #959393;
				outline: medium none;
				padding: 25px 20px 25px 55px;
				text-decoration: none;
				text-shadow: none;
			}

			h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }

			h6.acc-trigger a { background-position: 20px 21px; }

				.acc-trigger a:hover { background-color: #f8f8f8; }

				.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #f15a23; }

				.acc-trigger.active a:hover { background-color: transparent; }

				.acc-trigger.active { cursor: default; }

				.acc-trigger.active:last-of-type {
					border-bottom: none;
					margin-bottom: 0;
				}

				.acc-trigger.active a {
					background-position: 20px -88px;
					cursor: default;
				}

				h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }

				h6.acc-trigger.active a { background-position: 20px -90px; }

			.acc-container .content { padding: 0 20px 25px 55px; }

			.js .acc-container { margin-top: -15px; }

		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */

		.tabs-nav {
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 100%;
		}

			.tabs-nav li {
				float: left;
				line-height: 32px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				position: relative;
			}

				.tabs-nav li.active { line-height: 31px; }

				.tabs-nav li a {
					background: #f8f8f8;
					border: 1px solid #eaeaea;
					border-bottom: 1px solid #eaeaea;
					border-left: none;
					color: #959393;
					display: block;
					letter-spacing: 0;
					outline: none;
					padding: 0 16px;
					text-decoration: none;
					text-shadow: 0 1px 0 #fff;
				}

				.tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }

				.tabs-nav li a:hover { background: #f0f0f0; }

				.tabs-nav li a:hover, .tabs-nav li.active a { color: #f15a23; }
				
					.tabs-nav li.active a  {
						background: #fff;
						border-bottom: 2px solid #fff;
						border-top: 1px solid #f15a23;
					}

		.tabs-container {
			border: 1px solid #eaeaea;
			margin: -1px 0 20px;
			overflow: hidden;
			width: 100%;
		}

			.tab-content { padding: 20px; }


	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */

	#back-to-top, .touch-device #back-to-top:hover {
		background: url(/img/back-up.png) no-repeat center center;
		bottom: 10px;
		color: transparent;
		display: none;
		font: 0/0 a;
		height: 69px;
		position: fixed;
		right: 10px;
		text-shadow: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 67px;
		z-index: 100;
	}

		#back-to-top:hover, .touch-device #back-to-top:active { /*background-color: #f15a23;*/ }
			
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */


	/* -------------------------------------------------- */
	/*	Projects Carousel
	/* -------------------------------------------------- */

	.no-js .projects-carousel, .no-js .post-carousel {
		margin: 0px -20px 10px 0;
		padding: 0;
	}
		
		.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
			float: left;
			list-style: none;
			margin: 0 10px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.projects-carousel > li, .post-carousel > li { width: 220px; }

		.projects-carousel, #portfolio-items { font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
		
		.no-js .post-carousel > li {
			display: inline-block;
			float: none;
		}

		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 10px; }

		.projects-carousel a, #portfolio-items article a {display: block;text-align: center;}
		
		.projects-carousel a { padding: 10px 0 0; }

		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

			.projects-carousel img, #portfolio-items article img {
				background-color:none;
				margin: 0 auto -5px;
				filter: alpha(opacity=90); /* Fallback for old IE */
				opacity: 0.9;
				
				
			}
			

			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

			.projects-carousel img { margin:0; }

			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin-bottom: 0;
				text-align:center;
			}

			.projects-carousel > li .categories, #portfolio-items > article .categories {
				color: #031a29;
				display: block;
				font-style:normal;
				margin: -1px 0 10px;
					text-align:center;
			}

			.projects-carousel a:hover, #portfolio-items > article:hover {
				background:none;
				border-bottom: 0px solid #d1e8f8;
			}

			.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
				background: #f15a23;
				content: '';
				left: 50%;
				display: block;
				position: absolute;
			}

			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				   	background: rgb(241, 89, 42);
		background: rgba(241, 89, 42, 0.8);
		color: transparent;
		filter: alpha(opacity=100); /* Fallback for old IE */
				opacity: 1.0;
	
				
			}

			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }

	/* -------------------------------------------------- */
	/*	Post Carousel
	/* -------------------------------------------------- */
		
	.post-carousel .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		margin: 0 12px 0 0;
		text-align: center;
		width: 33px;
	}
	
		.post-carousel .entry-meta a {
			display: block;
			font-style: normal;
		}
		
		.post-carousel li .post-format { margin: 0; }

		.post-carousel li .date {
			display: block;
			margin: 8px 0 0;
		}
					
		.post-carousel .entry-body .title {
			font-size: 14px;
			font-weight: 400;
			margin: 0 0 10px 0;
		}
	
	.post-carousel .entry-body {
		float: right;
		margin: 0;
		width: 175px;
	}

	.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
	}

	.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }

	.touch-device .post-carousel .entry-audio { margin-top: -8px; }

	/* Image Gallery Slider */

	.post-carousel .image-gallery-slider { margin-bottom: 15px; }

		.post-carousel .image-gallery-slider li { margin: 0; }

			.post-carousel .image-gallery-slider img { margin-bottom: 0; }

	/* -------------------------------------------------- */
	/*	Projects & Post Carousel Navigation
	/* -------------------------------------------------- */

	.jcarousel-container {
		border-top: 0px solid #efefef;
		margin: -10px 0px 0px 0;
		max-width: 100%;
		padding: 30px 0 0;
	}

	.section-title + .jcarousel-container { margin-top: 15px; } 
	
		.jcarousel-clip {
			overflow: hidden;
			width: 100%;
		}

			.jcarousel-item {
				margin: 0 20px 0 0;
				width: 220px;
			}

		.jcarousel-next, .jcarousel-prev {
			background: #4f5153 url(/images/button-arrows.png) no-repeat 0 0;
			border-radius: 50px;
			-moz-border-radius: 50px;
			-webkit-border-radius: 50px;
			/* For supporting browsers */
			border-radius: 50px;
			/* Old Chrome */
			-webkit-border-radius: 50px;
			/* Old Firefox */
			-moz-border-radius: 50px;
			cursor: pointer;
			height: 38px;
			position: absolute;
			right: 0;
			top: -35px;
			width: 38px;
		}

		.jcarousel-prev {
			background-position: 0 -38px;
			right: 40px;
		}

			.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
			.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
				background-color: #d1e8f8;
			}

			.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
			.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
			.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
			.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
				background-color: #d7d8da !important;
				cursor: auto !important;
			}

/* ---------------------------------------------------------------------- */
/*	Our Team
/* ---------------------------------------------------------------------- */

.team-member {
	border-bottom: 1px solid #efefef;
	color: #777;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .2s ease, border .2s ease;
	   -moz-transition: background-color .2s ease, border .2s ease;
		-ms-transition: background-color .2s ease, border .2s ease;
		 -o-transition: background-color .2s ease, border .2s ease;
			transition: background-color .2s ease, border .2s ease;
}

	.team-member:hover {
		background: #f8f8f8;
		border-bottom-color: #f15a23;
	}

	.not-ie .team-member:hover:after {
		background: #f15a23;
		bottom: -2.5px;
		content: '';
		left: 50%;
		display: block;
		height: 5px;
		margin: 0 0 0 -2.5px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
		position: absolute;
		width: 5px;
	}


	.team-member .photo, .team-member > a {
		display: block;
		margin: 0 auto 15px;
	}

	.team-member > a > .photo { margin: 0 auto; }

	.team-member .content { padding: 0 15px; }

		.team-member .name {
			color: #414141;
			font-weight: 700;
			margin: 0;
			text-transform: uppercase;
		}

		.team-member .job-title {
			color: #aeaeae;
			display: block;
			font-style: italic;
			margin: 0 0 10px;
		}

		.team-member .social-links {
			border-top: 1px solid #efefef;
			margin: 0 0 5px;
			padding: 15px 0 0;
		}
			
			.team-member:hover .social-links { border-top-color: #ebebeb; }

			.team-member .social-links li { margin: 0 0 10px 10px; }

				.team-member .social-links a { opacity: 0.3; }

					.team-member .social-links a:hover { opacity: 1; }

/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.journal-cat { font-size: 14px;text-transform: uppercase;font-weight: 300;text-align:center; }
.journal-cat-large { font-size: 18px;text-transform: uppercase;font-weight: 700;text-align:center;padding:-30px 0 0 0;border: 1px solid #d1e8f8; }
h1.journal { font-size: 18px; font-weight: 600;text-align:center;}
h1.journal-large { font-size: 40px; font-weight: 300;text-align:center;}
.journal-featured { font-size: 20px; font-weight: 300;text-align:center;}

.journal-article {float:right;width:485px;border: 0px solid #d1e8f8; }
	
.journal-article  .title {font-size: 45px;font-weight: 300;margin-top: 10px;}


.blog-bg
{
	margin: 0 auto 0px auto;
	padding: 0;
}

.journal-align
{
	margin: 0 auto 0 auto;
	padding: 5px 0px 0 0px;
	float:none;
}


.journal-layout {float:right;width:280px;border: 0px solid #d1e8f8; }


	.journal-layout .widget { margin: 0 0 50px; }

		.journal-layout .widget-title {
			color: #414141;
			font-weight: 600;
			font-size:18px;
			margin: 0 0 12px;
			color:#033248;
		}

.journal-align img
{
	min-width:100%;
}

.blogdate
{
position: absolute;
top: 30px;
left: -20px;
width: 151px;
height: 51px;
padding-top: 11px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 20pt;
text-align: left;
color: #ffffff;
clear:both;
}

.blogdate
{
background-color: transparent;
background-image: url("/img/date.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

.blogdate 
{
display: block;
font-size: 13px;
}

div.blog-snippetimage { float:left; padding:0px 10px 20px 0px; display: block; }

.date-grey-small {
	background:#CCC;
	width:35px;
	padding:0 0 10px 0;
	margin:0px 0 0 0;
	text-align:center;
	color:#3d3d3d;
	line-height:23px;
	font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-transform:uppercase;
}

.date-grey-small .date-day {
	color:#3d3d3d;
	text-shadow: 2px 2px 0px #cdcaca;
	font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:15px;
	padding:0;margin:0;	
}

.date-grey-small .date-month {
	font-size:13px;
	font-weight:normal;
	line-height:23px;
	padding:5px 0 0 0;margin:0;
}

.date-blue-large {
	background:#f15a23;
	width:115px;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	text-align:center;
	color:#ffffff;
	line-height:23px;
	font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-transform:uppercase;
	border-radius: 50px;
	-moz-border-radius: 50px; 
	  -webkit-border-radius: 50px; 
}

.date-blue .date-day {
	color:#3d3d3d;
	font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:15px;
	line-height:23px;
	padding:0;margin:0;
	
}

.date-blue-large .date-day {
	color:#3d3d3d;
	font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:30px;
	padding:0;margin:0;
	
}
.date-blue .date-month {
	font-size:11px;
	line-height:23px;
	font-weight:normal;
	padding:3px 0 0 0;margin:0;
}

.date-blue-large .date-month {
	font-size:20px;
	font-weight:normal;
	line-height:23px;
	padding:5px 0 0 0;margin:0;
}


.entry {
	border-bottom: 1px dotted #ced8df;
	margin: 0 0 50px;
	padding: 0 0 30px;
}

.entry-journal {
	margin: 0 0 20px;
	padding: 0 0 20px;
}

.entry.single {
	margin-bottom: 45px;
	padding-bottom: 25px;
}

	.entry-image, .entry-video, .entry-audio {
		display: block;
		margin: 0 auto 25px;
	}

	.entry .entry-audio {
		margin-bottom: 20px;
		padding-top: 5px;
	}

	.touch-device .entry .entry-audio { margin-top: -12.5px; }

	.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 20px; }
			
	.entry-body {
		float: right;
		margin: -5px 0 0;
		width: 550px;
	}

		.entry-body .title {
			font-size: 35px;
			font-weight: 300;
			margin-top: 10px;
		}

	.entry-meta {
		color: #878787;
		float: left;
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		margin: 0 20px 0 0;
		text-align: right;
		width: 110px;
	}
		
		.entry-meta ul { margin: 0; }
		
			.entry-meta li {
				list-style: none;
				margin: 0;
			}

				.entry-meta .title { font-weight: 700; text-transform:uppercase; }

				.entry-meta a {
					color: #959393;
					display: inline-block;
					text-transform:uppercase; 
				}

					.entry-meta a:hover { color: #f15a23; }
			
		.post-format {
			background-color: #ddd;
			background-image: url(/img/icon-post-formats.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #959393;
			cursor: pointer;
			display: block;
			height: 33px;
			margin: 0 0 10px 0;
			text-align: left;
			text-indent: -9999px;
			width: 33px;
			border-radius: 50px;
			-moz-border-radius: 50px;
			-webkit-border-radius: 50px;
			/* For supporting browsers */
			border-radius: 50px;
			/* Old Chrome */
			-webkit-border-radius: 50px;
			/* Old Firefox */
			-moz-border-radius: 50px;
		}

			.post-format.gallery, .post-format.image { background-position: -33px 0; }

			.post-format.video { background-position: -66px 0; }

			.post-format.audio { background-position: -99px 0; }

			.post-format.link { background-position: -132px 0; }

			.post-format.quote { background-position: -165px 0; }

			.post-format.aside { background-position: -199px 0; }

			a:hover > .post-format {
				background-color: #f15a23;
				color: #f15a23;
			}

	/* VideoJS */

	.video-js { max-width: 100%; }

/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */

	.form-allowed-tags{ /*remove crap at bottom of comments*/
	display:none;
	}

	#comments {}

		#comments-title, #reply-title {
			font-size: 12px;
			font-weight: 600;
			margin-bottom: 15px;
			text-transform: uppercase;
		}

			.commentlist {
				border-bottom: 1px dotted #ced8df;
				margin: 27px 0 45px;
				padding: 0 0 30px;
				overflow: hidden;
			}

				.comment {
					border-top: 1px dotted #ced8df;
					list-style: none;
					margin: 30px 0 0;
					padding: 35px 0 0;
				}

				.comment:first-child {
					border-top: none;
					margin-top: 0;
					padding-top: 0;
				}

					.comment > article {
						margin: 0;
						overflow: hidden;
					}

						.comment .avatar {
							background: #fff;
							float: left;
							margin: 0 0 5px 0;
							position: relative;
							width: 54px;
							z-index: 1;
						}

						.comment .comment-body, .comment .comment-meta {
							float: right;
							margin: 0 0 -20px 15px;
							width: 871px;
						}

						#main .comment .comment-body, #main .comment .comment-meta { width: 611px; }

						.comment .comment-meta { margin-bottom: 0; }

							.comment .author, .comment .author a {
								color: #54555a;
								margin: 0;
							}

							.comment .author cite { font-style: normal; }

							.comment .author .comment-reply-link { font-size: 11px; }

							.comment .date, .comment .date a, .comment .date time {
								color: #adb3b8;
								font-style: italic;
								margin: 1px 0 5px;
							}

								.comment .author a:hover,
								.comment .date a:hover, .comment .date a:hover time { color: #f15a23; }

					.commentlist .children {
						margin: 0;
						padding: 0 0 0 70px;
						position: relative;
					}

						.commentlist .children .comment {
							border-top: 1px dotted #ced8df;
							margin: 15px 0 0;
							padding: 35px 0 0;
							position: relative;
						}

						.comment .children .comment:first-child { margin-top: 0; }

							.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 801px; }
							.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 731px; }
							.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 661px; }
							.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 591px; }

							#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 541px; }
							#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 471px; }
							#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 401px; }
							#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 331px; }

	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */

	#respond { }

		.commentlist #respond { margin: 10px 0 35px; }

		.commentlist #respond .form-allowed-tags { display: none; }

		#reply-title small {
			font-size: 11px;
			text-transform: none;
		}

		#commentform { margin: 20px -20px 0 0; }

			#commentform input { width: 278px; }

			#main #commentform input { width: 191px; }

				.commentlist .children .depth-2 #commentform input { width: 254px; }
				.commentlist .children .depth-3 #commentform input { width: 231px; }
				.commentlist .children .depth-4 #commentform input { width: 208px; }

				#main .commentlist .children .depth-2 #commentform input { width: 168px; }
				#main .commentlist .children .depth-3 #commentform input { width: 144px; }
				#main .commentlist .children .depth-4 #commentform input { width: 121px; }

			#commentform textarea {
				height: 150px;
				width: 918px;
			}

			#main #commentform textarea { width: 657px; }

				.commentlist .children .depth-2 #commentform textarea { width: 846px; }
				.commentlist .children .depth-3 #commentform textarea { width: 777px; }
				.commentlist .children .depth-4 #commentform textarea { width: 708px; }

				#main .commentlist .children .depth-2 #commentform textarea { width: 588px; }
				#main .commentlist .children .depth-3 #commentform textarea { width: 516px; }
				#main .commentlist .children .depth-4 #commentform textarea { width: 447px; }

	/* -------------------------------------------------- */
	/*	Pagination
	/* -------------------------------------------------- */

	.pagination { margin: 0; }

		.pagination li {
			display: inline-block;
			list-style: none;
			margin: 0 5px 0 0;
		}

		.ie7 .pagination li, .ie7 .pagination a { display: inline; }

		.pagination li:last-child { margin-right: 0; }

			.pagination .current {
				background: #e6edef;
				color: #707070;
			}

			.pagination a, .pagination .current {
				border: 1px solid transparent;
				color: #9c9c9c;
				display: inline-block;
				padding: 2px 8px 4px;
			}

				.pagination a:hover {
					border-color: #e6edef;
					color: #f15a23;
				}

				.pagination .next a, .pagination .prev a { border: none; }

/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

.portfolio-items-filter-holder {
	padding:10px 0px 10px 0px;
	width:100%;
	background-color:#949494;
	border: 0px solid #d1d1d1;	-webkit-transition: all 0.9s;
    -webkit-transition-duration: 0.9s;
		   -moz-transition-duration: 0.9s;
			-ms-transition-duration: 0.9s;
			 -o-transition-duration: 0.9s;
				transition-duration: 0.9s;
	 
}

.portfolio-items-filter-holder:hover {
	padding:10px 0px 10px 0px;
	width:100%;
	background-color:#75a8c4;
	border: 0px solid #d1d1d1;	-webkit-transition: all 0.9s;
   -webkit-transition-duration: 0.9s;
		   -moz-transition-duration: 0.9s;
			-ms-transition-duration: 0.9s;
			 -o-transition-duration: 0.9s;
				transition-duration: 0.9s;
	 
}

.portfolio-items-filter-holder2 {
	width:50%;
	margin: 0 auto 0 auto;
	border: 0px solid #d1d1d1;
}



#portfolio-items-filter, #portfolio-items-filter2 {
	margin: 0 auto 0 auto;
	overflow: hidden;
	border: 0px solid #d1d1d1;
}

.no-js #portfolio-items-filter, .no-js #portfolio-items-filter2 { display: none; }

	#portfolio-items-filter li, #portfolio-items-filter2 li {
		display: block;
		float: none;
		text-align:center;
		list-style: none;
		margin: 0;
		-webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;

	}

	#portfolio-items-filter li:first-child, #portfolio-items-filter2 li:first-child {
		margin-top: 4px;
		-webkit-opacity: 1.00;
  -moz-opacity: 1.00;
  opacity: 1.00;
	}
	
		#portfolio-items-filter li:nth-child(2), #portfolio-items-filter2 li:nth-child(2) {
		-webkit-opacity: 1.00;
  -moz-opacity: 1.00;
  opacity: 1.00;
	}
	
			#portfolio-items-filter li:hover, #portfolio-items-filter2 li:hover {
		-webkit-opacity: 1.00;
  -moz-opacity: 1.00;
  opacity: 1.00;
	}

	.ie7 #portfolio-items-filter li:first-child, .ie7 #portfolio-items-filter2 li:first-child { display: none !important; }

		#portfolio-items-filter a, #portfolio-items-filter2 a {
			background: #f15a23;
			color: #fff;
			cursor: pointer;
			display: block;
			text-align:center;
			margin: 0 0 1px 5px;
			padding: 4px 15px;
			 border-radius: 10px  ;
	 		   -moz-border-radius: 10px;
		    	-webkit-border-radius: 10px ;
				-o-border-radius: 10px;
				
		}
		
	
		.ie7 #portfolio-items-filter a, .ie7 #portfolio-items-filter2 a {
			display: block !important;
			margin: 0 0 10px 0px !important;
			padding: 0px 10px !important;
			width: auto !important;
		}

			#portfolio-items-filter a:hover, #portfolio-items-filter2 a:hover { background: #d1e8f8;color: #f15a23; }

#portfolio-items { margin: 0 -20px 40px 0; }

	#portfolio-items article { margin-bottom: 20px; }

		#portfolio-items .project-meta {
			display: block;
			margin: 0;
			padding: 10px 0 0;
			text-align:left;
		}

	/* Isotope */

	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.9s;
		   -moz-transition-duration: 0.9s;
			-ms-transition-duration: 0.9s;
			 -o-transition-duration: 0.9s;
				transition-duration: 0.9s;
		z-index: 2;
	}

	.isotope {
		-webkit-transition-property: height, width;
		   -moz-transition-property: height, width;
			-ms-transition-property: height, width;
			 -o-transition-property: height, width;
				transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:	-moz-transform, opacity;
			-ms-transition-property:		 top, left, opacity;
			 -o-transition-property:		 top, left, opacity;
				transition-property:		 transform, opacity;
	}

	/* -------------------------------------------------- */
	/*	Single Project
	/* -------------------------------------------------- */

	.project-title {
		color: #3a3a3a;
		font-size: 32px;
		font-weight: 400;
	}

	.portfolio-pagination {
		float: right;
		margin: -58px 0 0;
	}

		.portfolio-pagination li {
			display: inline-block;
			list-style: none;
			line-height: 25px;
			margin: 0;
		}

		.ie7 .portfolio-pagination li { display: inline; }

		.portfolio-pagination .prev {
			border-right: 1px solid #e8e8e8;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
		}

		.single-project .page-header .button {
			color: #a1a1a1;
			font-style: italic;
			margin-top: -5px;
		}

		.single-project .page-header a:hover { color: #f15a23; }

	.single-project .image-gallery-slider > ul, .no-js .single-project .image-gallery-slider > ul > li {
		/*-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		        box-shadow: 0 0 15px rgba(0, 0, 0, .15);*/
				border: 1px solid #e8e8e8;
	}

	.no-js .single-project .image-gallery-slider > ul {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	height: 440px;
	margin: -41px 0 40px;
	position: relative;
	width: 100%;
}

#map:before, #map:after {
	background: none;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 0;
	top: auto;
}

.contact-form-t4d, .comments-form { max-width: 100%; }

.contact-form-t4d { margin: 0 -20px 0 0; }

	.contact-form-t4d .input-block, .comments-form .input-block {
		float: left;
		margin: 0 20px 10px 0px;
	}
	
		.contact-form-t4d .input-block2 {
		float: left;
		margin: 0 20px 10px 0px;
	}
	
	.contact-form-t4d .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 20px; }  /*means the 3 row has margin spacing*/

		.contact-form-t4d input { width: 198px; }
		
		.contact-form-t4d select { width: 100%; max-width: 100%;	margin: 0 20px 10px 0px; }

	.contact-form-t4d .textarea-block, .comments-form .textarea-block { clear: both; }

		.contact-form-t4d textarea {
			height: 150px;
			max-width: 95%;
			width: 678px;
			border:0px solid #afcbde;
		}

	.contact-form-t4d input[type="submit"], .comments-form input[type="submit"],
	.contact-form-t4d input[type="reset"], .comments-form input[type="reset"] {
		margin: 0 0 20px;
		width: auto;
	}

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 220px;
}

.sidebar-left #sidebar { float: left; }

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#sidebar .widget { margin: 0 0 50px; }

		#sidebar .widget-title {
			color: #414141;
			font-weight: 600;
			font-size:18px;
			margin: 0 0 12px;
			color:#033248;
		}

		/* ---------------------------------------- */
		/*	Categories
		/* ---------------------------------------- */

		.categories { }

			.categories li {
				background: url(/img/arrow-right-grey.png) no-repeat 0 11px;
				border-bottom: 1px dotted #ced8df;
				list-style: none;

				margin: 0;
			}

			.categories li:last-child { border-bottom: none; }

				.categories a {
					color: #868686;
					display: block;
					padding: 5px 0 5px 15px;
				}
					
					.categories a:hover { color: #f15a23;
			 
					background: #d1e8f8 url(/img/arrow-right-grey.png) no-repeat 30px 11px;
						padding: 5px 0 5px 45px;
					    -webkit-transition: all 0.3s ease 0s;
						-moz-transition: all 0.3s ease 0s;
						-o-transition: all 0.3s ease 0s;
						transition: all 0.3s ease 0s;}

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

		#sidebar .acc-trigger a {
			background-position: 0 8px;
			font-size: 11px;
			font-weight: 400;
			padding: 12px 12px 12px 30px;
		}

		#sidebar .acc-trigger:first-of-type { border-top: none; }

		#sidebar .acc-trigger:last-of-type { border-bottom: none; }

		#sidebar .acc-trigger.active a {
			background-position: 0 -103px;
			cursor: default;
		}

		#sidebar .acc-container { margin: -5px 0 0; }

		#sidebar .acc-container:first-of-type { border-top: none; }

		#sidebar .acc-container:last-of-type { border-bottom: none; }

			#sidebar .acc-container .content { padding: 0 12px 12px 30px; }

		/* ---------------------------------------- */
		/*	Tweets
		/* ---------------------------------------- */

		.tweets-feed { margin: 0; }

		.tweets-feed li {
			background: url(/img/icon-tweets.png) no-repeat 0 3px;
			display: block;
			list-style: none;
			margin: 0 0 15px;
			padding: 0 0 0 30px;
		}

			#sidebar .tweets-feed li a, #footer .tweets-feed li a { color: #f15a23; }

				#sidebar .tweets-feed li a:hover, #sidebar .tweets-feed .date a:hover { color: #3a3a3a; }

			.tweets-feed .date { display: block; }

				#sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
					color: #bbb;
					font-size: 10px;
					font-style: italic;
				}

				#sidebar .tweets-feed li a:hover { color: #3a3a3a; }

				#footer .tweets-feed li a:hover { color: #fff; }

		/* ---------------------------------------- */
		/*	Flickr Images
		/* ---------------------------------------- */

		.flickr-feed { margin: 15px -5px 0 0; }

			.flickr-feed li {
				display: inline-block;
				list-style: none;
				margin: 0 2px 1px 0;
			}

			.ie7 .flickr-feed li {
				display: inline;
				margin: 0 5px 5px 0;
			}

				.flickr-feed a {}

					.flickr-feed li img {
						margin: 0;
						height: 70px;
						width: 70px;
					}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	background: #031a29;
	color: #ffffff;
	margin-top: 0px;
	padding: 65px 0 60px;
	position: relative;
}


	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #ffffff; }

		#footer a:hover,
		#footer-bottom a:hover { color: #f15a23; }

	#footer .title {
		border-bottom: 1px solid #2576a2;
		border-top: 0px solid #2576a2;
		display: block;
		font-size: 15px;
		text-transform:uppercase;
		margin: 0px 0 12px;
		padding: 6px 0 6px;
	}

	/* -------------------------------------------------- */
	/*	Footer Navigation
	/* -------------------------------------------------- */

	#footer-nav {
		border-bottom: 0px solid #d1e8f8;
		margin: 0 0 7px;
		padding: 0 0 7px;
	}

		#footer-nav ul { margin: 0; }

			#footer-nav li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer-nav li { display: inline; }

				 #footer-nav li a {
					border-left: 0px solid #d1e8f8;
					font-size: 12px;
					display: block;
					padding: 0 7px;
				}
			
				#footer-nav li:first-child a {
					border-left: none;
					padding-left: 0;
				}

				#footer-nav li:last-child a { padding-right: 0; }

	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */

	#footer .contact-info {}

	.contact-info { margin: 0; font-size:13px;}

		.contact-info li {
			float: left;
			list-style: none;
			margin: 0 0 5px 24px;
			padding: 0 0 0 24px;
		}

		.contact-info li:first-child { margin-left: 0; }

		.contact-info .address { background: url(/img/icon-address.png) no-repeat 0 0; }
		
		.contact-info .coffee { background: url(/img/icon-coffee.png) no-repeat 0px 0;margin:0; padding:0 0 0 24px; }
		
		.ie7 .contact-info .coffee {background: url(/img/icon-coffee.png) no-repeat 0px 0;margin:0; padding:0 150px 0 24px; } /* inline issue with IE7*/

		.contact-info .phone { background: url(/img/icon-phone.png) no-repeat 0 1px; }

		.contact-info .email { background: url(/img/icon-email-2.png) no-repeat 0 4px; }
		
		.contact-info .final { margin:0; padding:0;}
		
		.lbccc { background: url(/img/mem-lbccc.png) no-repeat 0 0px; }
		.mych { background: url(/img/mem-mych.png) no-repeat 0 0px; }
		.mbucks { background: url(/img/mem-mbucks.png) no-repeat 0 0px; }
		.bike { background: url(/img/mem-bike.png) no-repeat 0 0px; }
		.bh { background: url(/img/mem-bh.png) no-repeat 0 0px; }

	
	#footer .subscription-info {}

	.subscription-info { margin: 0; }

		.subscription-info li {
			float: left;
			list-style: none;
			margin: 0 0 5px 0px;
			padding: 20px 20px 30px 0px;
		}
		
		.subscription-info h5 {padding: 10px 0px 0 0px;}
		
	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social-links { margin: 0; 	border-bottom: 1px solid #2576a2; color:#ffffff;}

		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}

		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links a {
				background-repeat: no-repeat;
				background-position: 0 -16px;
				display: block;
				height: 15px;
				width: 20px;
			}

			.social-links li.email a { background-image: url(/img/icon-email.png); }

			.social-links li.facebook a { background-image: url(/img/icon-facebook.png);
			 }

			.social-links li.google a { background-image: url(/img/icon-google.png); }
			
			.social-links li.insta a { background-image: url(/img/icon-insta.png); }

			.social-links li.googleplus a { background-image: url(/img/icon-googleplus.png); }

			.social-links li.linkedin a { background-image: url(/img/icon-linkedin.png); }

			.social-links li.rss a { background-image: url(/img/icon-rss.png); }

			.social-links li.t4d-socialbuzz a { background-image: url(/img/icon-t4d-social-buzz.png); background-position: 0 -15px;
				height: 15px;}

			.social-links li.tumblr a {
				background-image: url(/img/icon-tumblr.png);
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li.twitter a {
				background-image: url(/img/icon-twitter.png);
				background-position: 0 -15px;
				height: 15px;
				width: 21px;
			}


			.social-links li a:hover { background-position: 0 0; }
			
			
				.social-links { margin: 0; 	border-bottom: 1px solid #2576a2;}


		.ass-links li {
			display: inline-block;
			list-style: none;
			margin: 0px 5px 0px 0px;
			text-indent: -9999px;
		}

		.ie7 .ass-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
		
		.ass-links a {
				background-repeat: no-repeat;
				background-position: 0 0px;
				display: block;
				height: 50px;
				width: 50px;
			}

		 .ass-links li.lbccc a { background-image: url(/img/mem-lbccc.png); }
		 
		 ul.fa2-ul {padding: 10px 0 0px 0;margin: 0px 0 0 0;clear:both; text-align:center;}
  		  ul.fa2-ul li { margin: 0px 0 10px 0px; cursor: default;background-position: 0 0px; display: inline; list-style-type: none; padding: 5px;color:#abd67f;}
		  ul.fa2-ul li a {color:#999999;font-size:40px;font-family: 'Open Sans', sans-serif;}
		  ul.fa2-ul li :hover {color:#ec894d; background:#ec894d-webkit-transition: background 1s;
          -moz-transition: background 1s;
          -ms-transition: background 1s;
          -o-transition: background 1s;
            transition: background 1s;}
		  ul.fa2-ul li ul {margin: 10px 0 0px 0px; padding: 0px 0px 0px 0px;}
		  ul.fa2-ul li ul li {margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}
	
	/* -------------------------------------------------- */
	/*	Misc Elements
	/* -------------------------------------------------- */

	#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
		background: #ddd;
		color: #3a3a3a;
	}

	#footer .button.no-bg { color: #ddd; }

	#footer .button .arrow { background-color: #3a3a3a; }

	#footer blockquote { background-color: #464646;}

		#footer blockquote.simple {
			background: none;
			border-left-color: #484848;
			color: #868686;
		}

	#footer .infobox {
		background: #464646;
		border-color: #363636;
	}

	#footer .infobox, #footer .infobox * { color: #868686; }

/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */

#footer-bottom {
	background: #01101a;
	line-height: 17px;
	padding: 12px 0;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
			font-size: 11px;
			
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }









/* ---------------------------------------------------------------------- */
/*	Media Queries by time4design
/* ---------------------------------------------------------------------- */

/* Standard 1280 or larger (browsers) */
@media only screen and (min-width: 1280px) {
	
	/*.card {width: 235px;height:150px;border: 2px solid #000000;}
	.card {width: 300px;height:190px;border: 2px solid #000000;}*/
	
	.circleit{ border: 20px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:220px;height:220px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
	.circleit:hover {background-color:#f15a23;border: 20px solid #d14400;}
	.circleit img {border-radius: 50%; display: block;}
	.circleit p {font-size: 15px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
	.circleit span {font-size: 55px; }

	.card {width: 400px;height:254px;border: 0px solid #000000;}


	section.module.parallax {background-attachment:fixed;}


	.top_container { width:1280px; margin:0 auto;}
	
	#t4dstick_nav { height:88px; background:#fffffff;  border-top: 0px solid #d1e8f8;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	position: fixed;
	top:0;
	left:0;}
	
	#t4dstick_nav_wrapper { height:88px; }


	blockquote {
	background: #f8f8f8 url(/img/t4d-quotes.png) no-repeat 15px 10px;
	font:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:20px;
	padding: 20px 20px 20px 200px;
	}

	#phone-us{

	display:none;
	}

	.container { width: 1240px; border: 0px solid #000000; }
	.container-work { width: 90%; border: 0px solid #000000;}

	#titles-all h1 {width:1240px; margin: 20px auto;}
	
	#sidebar {
	float: right;
	width: 520px;
	}
	
	#main .image-gallery-slider{
		float: left;
		margin: 0 40px 0px 0;
		width: 680px;
		padding:0 0 40px 0;
		border: 0px dotted #4b4b4b;
	}

	.journal-align
	{
		margin: 0 auto 0 auto;
		padding: 5px 10px 0 20px;
		float:right;
	}
	
	
	.journal-layout {float:right;width:360px;border: 0px solid #d1e8f8; }
	
	.journal-article {float:right;width:690px;border: 0px solid #d1e8f8; }
	
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.content-full {  width:1240px; border: 0px solid #000000;}
		
		.whole { width: 100%; }
		
		.1-fourth {width: 24%;  border: 2px solid #000000;float: left;}
		
		.content-50  {width: 46.5%;  border: 0px solid #000000;}
		
		.one-half { width: 605px;border: 0px solid #000000; }
			
			.one-third { width: 400px;border: 0px solid #000000;border: 0px solid #000000; }
			.one-third-journal:nth-child(2n+2) { width: 400px;border: 0px solid #000000;border: 0px solid #000000;clear:both; }  /* for the problem with JOURNAL - temp*/
			.jheight {height:300px;}
			.newsletter .one-half { width: 615px; border: 0px solid #000000;border: 0px solid #000000;}

		.two-third { width: 820px;border: 0px solid #000000; }

			.one-fourth { width: 400px;border: 0px solid #000000; }

			.three-fourth { width: 800px; border: 0px solid #000000;}

		#main-nav a { padding: 32px 30px 20px; }
		
	 .one-third-feature{ width: 230px;float: left; border: 0px solid #000000;margin:0 18px 0 0}  
	 .one-third-feature:nth-child(6n+6) { width: 230px;float: left; border: 0px solid #000000;margin:0 0px 0 0}  
		
		/*Creates a double column for menu*/
			#main-nav ul ul {
					background: #ffffff;
					display: none;
					left: 0;
					padding: 0;
					top: 75px;
					width: 500px;
				}

	      #main-nav ul ul li { float: left; margin: 0px 0 0 0;width: 250px;display:inline-block;}
		  
		  #main-nav ul ul a {font-size: 13px; font-weight: 400;}
	/* ---------------------------------------- */
	/*	Projects Carousel & Post Carousel
	/* ---------------------------------------- */

		.post-carousel > li { width: 230px; }
		.projects-carousel > li { width: 300px; }
		
	/* -------------------------------------------------- */
	/*	Portfolio
	/* -------------------------------------------------- */

	#portfolio-items-filter, #portfolio-items-filter2 {
	float: none;
	width:100%;
	margin: 0px 0 20px 0;
	overflow: hidden;
	text-align:center;
	}
	
		/*	#portfolio-items-filter li:first-child, #portfolio-items-filter2 li:first-child  { display: none !important; }

		#portfolio-items-filter a, #portfolio-items-filter2 a { display: block !important; }*/
		
	#portfolio-items .one-fourth { width: 231px; }
	
	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */
	
	.newsletter .one-half input, select {
	height: 30px;
	width: 198px;
	}
	
	.newsletter input[type="submit"]{
		background: #f15a23;
		border: none;
		color: #fff;
		cursor: pointer;	
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: 400;
		height: auto;
		overflow: visible;
		padding: 7px 20px;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
			-ms-transition: background-color .2s ease;
			 -o-transition: background-color .2s ease;
				transition: background-color .2s ease;
		width: auto;
	}


	/* -------------------------------------------------- */
	/*	Contact Page
	/* -------------------------------------------------- */
	
	.contact-form-t4d input { width: 220px; }
	.contact-form-t4d select { width: 250px; max-width: 100%; margin: 0 0px 10px 0px;  }
	.contact-form-t4d textarea {height: 150px; max-width: 100%; width: 760px; border:0px solid #afcbde;}

	.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 0px; border:0px solid #afcbde;}
	
			
	 

}


/* Standard 960 or larger (browsers) */
/* This is the ipad horizontal */

/*.card {width: 235px;height:150px;border: 2px solid #000000;}
	.card {width: 300px;height:190px;border: 2px solid #000000;}*/
	


@media only screen and (min-width: 1010px) {



.bitlogo2 {
  margin-left: -130px;

}
	
/* Calls up largest responsive site */

	#t4dstick_nav { height:88px; background:#ffffff; border-top:0px solid #d1e8f8;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	position: fixed;
	top:0;
	left:0;}
	
	#t4dstick_nav_wrapper { height:88px; }

	
	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */



	
	#content img {
		height: auto;
		max-width: 100%;
		border: 0px solid #000000; 
	}

	#phone-us{display:none;}
	
	.ie7 #main-nav a { padding: 24px 25px; }
	
	

	
	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */


	.newsletter input, select {
	height: 30px;
	width: 120px;
	}
	
	.newsletter input[type="submit"]{
		background: #f15a23;
		border: none;
		color: #fff;
		cursor: pointer;	
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: 400;
		height: auto;
		overflow: visible;
		padding: 7px 20px;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
			-ms-transition: background-color .2s ease;
			 -o-transition: background-color .2s ease;
				transition: background-color .2s ease;
		width: auto;
	}
	
	
	/* -------------------------------------------------- */
	/*	Contact Page
	/* -------------------------------------------------- */
	
	
	 .contact-form-t4d .input-block2 {
		float: left;
		margin: 0 20px 10px 20px;
	}


}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {


.circleit { border: 20px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:150px;height:150px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 20px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 15px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }

		section.module.parallax {
background-attachment:scroll !important;
}
	
.content-full {  width:940px; border: 0px solid #000000;}

		
/*.top_container { width:1280px; margin:0 auto; }*/
	#t4dstick_nav { height:88px;  border-top: 0px solid #f15a25;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
	#t4dstick_nav_wrapper { height:88px; }
	
		#phone-us{
	    float:left;
		text-align:center;
		margin:10px auto 0 auto;
		font-size:12px;
		
	}
	
		.page-title {
			font-size:31px;
			margin-top: -10px;
			padding: 10px 0 5px;
		}
		
		
	
		.blogdate {display:none;}	
		
		
		blockquote {
	background: #f8f8f8 url(/img/t4d-quotes.png) no-repeat 15px 14px;
	font:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:15px;
	padding: 160px 20px 20px 20px;
}

	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#logo { max-height: 100%; padding-top:5px; 
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */

	#content img {
		height: auto;
		max-width: 100%;
		border: 0px solid #000000; 
	}


	/* -------------------------------------------------- */
	/*	Portfolio
	/* ---
	----------------------------------------------- */

/*.portfolio-items-filter-holder {display:none;}*/

	#portfolio-items-filter, #portfolio-items-filter2 {
	float: none;
	margin: 0px 0 0;
	overflow: hidden;
	text-align:center;
		/*border: 1px solid #000000;*/
	}

/*#portfolio-items .one-fourth { width: 233px; }*/

		#portfolio-items h5 { font-size: 16px; }

		#portfolio-items-filter li:first-child, #portfolio-items-filter2 li:first-child  { display: none !important; }

		#portfolio-items-filter a, #portfolio-items-filter2 a { display: block !important; }

		/* ---------------------------------------- */
		/* Single Project
		/* ---------------------------------------- */

		.portfolio-pagination {
			float: none;
			margin-bottom: 20px;
			margin-top: 0;
		}

		.portfolio-pagination .button { margin-bottom: 0 !important; }

			.single-project .page-header .button {
				margin-bottom: 20px;
				margin-top: 0;
			}




/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.journal-article {float:right;width:100%;border: 0px solid #d1e8f8; }

	.journal-align
	{
		margin: 0 auto 0 auto;
		padding: 5px 10px 0 20px;
		float:none;
		border: 0px solid #000000; 
	}



	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info li {
			border-bottom: 1px dotted #4b4b4b;
			float: none;
			margin-left: 0;
			padding-bottom: 5px;
		}
		
		.contact-info li:last-child { border-bottom: none; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */

		.social-links li:nth-child(6n+1) { margin-left: 15px; }

		.social-links li:nth-child(6n) { margin-right: 0; }


	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */
	.newsletter input, select {
	height: 30px;
	width: 320px;
	margin-bottom:10px;
	}
	
	.newsletter input[type="submit"]{
		background: #f15a23;
		border: none;
		color: #fff;
		cursor: pointer;	
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: 400;
		height: auto;
		overflow: visible;
		padding: 7px 20px;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
			-ms-transition: background-color .2s ease;
			 -o-transition: background-color .2s ease;
				transition: background-color .2s ease;
		width: auto;
	}
	/* -------------------------------------------------- */
	/*	Contact Page
	/* -------------------------------------------------- */
			.contact-form-t4d .input-block2 {
		float: left;
		margin: 0 20px 10px 20px;
	}
	
	/*.contact-form-t4d textarea {height: 150px; max-width: 100%; width: 400px; border:2px solid #ff0000;}*/

.ie7 #main-nav a { padding: 20px 13px; font-weight: 400;}

}





/* Tablet ipad Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:150px;height:150px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }


.card {width: 235px;height:148px;}
	

	
		section.module.parallax {
background-attachment:scroll !important;
}
	.bitlogo2 { margin-top: 300px; margin-left: -90px;}
	

.journal-article {float:right;width:100%;border: 0px solid #d1e8f8; }



	.journal-align
	{
		margin: 0 auto 0 auto;
		padding: 5px 0px 0 0px;
		float:none;
		border: 0px solid #000000; 
	}
			
   .journal-layout {float:right;width:210px;border: 0px solid #d1e8f8; }
   
.callout-2 .mcall {
 float:left; width:96%;
}

.ie7 #main-nav a { border-bottom-color: #efefef; padding: 30px 5px 16px;}
.ie7	#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
						border-bottom-color: #f15a23;
						border-top-color: #f15a23;
						color: #f15a23;
					}
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 748px; }
	.container-work { width: 748px; }

	#titles-all h1 {width:740px; margin: 20px 0 0 20px;}



		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */


	.content-full {  width:730px; border: 0px solid #000000;}
	
		.whole { width: 100%; }
		
		.one-half { width: 364px; }
		.content-50  {width: 94%;  padding:0 20px 0 20px;border: 0px solid #000000;}
		.content-50  img {min-width: 100%;  }

			/*.one-third { width: 236px; }*/
			.one-third { width: 100%; }
			.hideme {display:none;}
			.one-third-journal:nth-child(2n+2) { width: 236px;clear:both; }  /* for the problem with JOURNAL - temp*/

		/*.two-third { width: 492px; }*/
		.two-third { width: 100%; }

		.one-fourth { width: 172px; }

			.three-fourth { width: 556px; }

			.one-third-feature{ width: 235px;float: left; border: 0px solid #000000;margin:0 18px 20px 0}  
	.one-third-feature:nth-child(6n+6) { width: 235px;float: left; border: 0px solid #000000;margin:0 0px 20px 0}  
	
	
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */

	#main { width: 400px; }
	#sidebar {
	float: right;
	width: 300px;
	}
		
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		#main .whole { width: 100%; }	#main .content-full {  width:730px;}
		
		#main .one-half { width: 234px; }

		#main .one-third { width: 149px; }

			#main .two-third { width: 319px; }

		#main .one-fourth { width: 107px; }

			#main .three-fourth { width: 361px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: 86px; }

	#logo { margin-top: 16px; }

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

			#main-nav a { padding: 32px 8px 20px; }

			#main-nav a:after {
				content: '';
				display: none;
			}

			.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 78px; }
		

		
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */


		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

		.projects-carousel > li, .post-carousel > li { width: 236px; }

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		.post-carousel .entry-body { width: 191px; }

	/* -------------------------------------------------- */
	/*	Blog
	/* -------------------------------------------------- */
	
		.entry .entry-body {
		float: none;
		margin: 0;
		width: 100%;
	}

	.entry .entry-meta {
		border-bottom: 0px solid #efefef;
		border-top: 0px solid #efefef;
		float: none;
		margin: 10px 0;
		padding: 4px 0;
		text-align: left;
		width: 100%;
	}

		.entry .entry-meta ul { }

			.entry .entry-meta li {
				padding: 0 0px 10px 0 ;
				clear:both;
				text-align:center;
				margin:0 auto;
				
			}

			.entry .entry-meta li:first-child {
				border-left: none;
				padding-left: 0;
			}

			.entry .entry-meta li:last-child { padding-right: 0; }

			.entry .entry-meta li .title { display: block; }

				.entry .entry-meta .post-format {
					background: none;
					height: auto;
					margin: 0;
					text-indent: 0;
					width: auto;
				}

					.entry .entry-meta a:hover > .post-format { background: none; }

		/* ---------------------------------------- */
		/*	Comments
		/* ---------------------------------------- */

		.comment .comment-body, .comment .comment-meta { width: 679px; }

			#main .comment .comment-body, #main .comment .comment-meta { width: 419px; }

			.commentlist .children { padding: 0 0 0 55px; }

				.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 624px; }
				.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 569px; }
				.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 514px; }
				.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 459px; }

				#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta  { width: 364px; }
				#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta  { width: 309px; }
				#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta  { width: 254px; }
				#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta  { width: 199px; }

		/* ---------------------------------------- */
		/*	Respond
		/* ---------------------------------------- */

		#commentform input { width: 214px; }

		#main #commentform input { width: 127px; }

			.commentlist .children .depth-2 #commentform input { width: 195px; }
			.commentlist .children .depth-3 #commentform input { width: 177px; }
			.commentlist .children .depth-4 #commentform input { width: 159px; }

			#main .commentlist .children .depth-2 #commentform input,
			#main .commentlist .children .depth-2 #commentform textarea { width: 411px; }
			#main .commentlist .children .depth-3 #commentform input,
			#main .commentlist .children .depth-3 #commentform textarea  { width: 356px; }
			#main .commentlist .children .depth-4 #commentform input,
			#main .commentlist .children .depth-4 #commentform textarea { width: 301px; }

		#commentform textarea { width: 726px; }

		#main #commentform textarea { width: 465px; }

	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map { height: 340px; }

	.contact-form-t4d input { width: 100% }

	.contact-form-t4d textarea { width: 100%; }
	
	.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 20px; border:0px solid #afcbde;}
    .contact-form-t4d .input-block, .comments-form .input-block {
		float: none;
		margin: 0 0 20px 0;
	}
	
		.contact-form-t4d .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 0px; }  /*means the 3 row has margin spacing*/
	/* -------------------------------------------------- */
	/*	Footer > Social Links
	/* -------------------------------------------------- */
				
	.social-links li:nth-child(5n+1) { margin-left: 0; }

	.social-links li:nth-child(5n) { margin-right: 10px; }


	
}

/* All Mobile Sizes - typical when rotated horizontal (devices and browser) */
@media only screen and (max-width: 767px) {


.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:150px;height:150px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }


	.card {width: 400px;height:254px;border: 0px solid #000000;}
	
		section.module.parallax {
background-attachment:scroll !important;
}

	body { 
	/*background: #ffffff url(/img/main-bg.jpg) repeat-x top center;*/
	} 

	/*.top_container { width:1280px; margin:0 auto; }*/
	#t4dstick_nav { height:140px; background:#ffffff; border: 0px solid #d1e8f8;
	-webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
	}
		
		
	#t4dstick_nav_wrapper {height:140px;}


	#phone-us{
	    float:left;
		text-align:center;
		margin:60px auto 0 60px;
		font-size:12px;
		
	}


	#titles-all h1 {width:410px; margin: 20px 0 0 20px;}
	/*#content {  background:url("/img/dot-bg.png") repeat-x;} /* lets switch on the dots for this media*/


	.callout-2 .mcall {
	 float:left; width:96%; margin-bottom:20px;
	}

	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */

	.fluid-width-video-wrapper { margin-bottom: 10px; }
			
	/* -------------------------------------------------- */
	/*	Generic Classes
	/* -------------------------------------------------- */

	.align-left, .align-right { float: none; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 300px; }
	.container-work { width: 300px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.whole, .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.whole, #main .whole  { width: 100%; }
		
		
			.content-full {  width:300px; border: 0px solid #000000;}
		
		.one-half, #main .one-half  { width: 300px; }
		.content-50  {width: 100%;  border: 0px solid #000000;}
		.content-50  img {min-width: 100%;  }

			.one-third, #main .one-third { width: 300px; }
			.one-third-journal:nth-child(2n+2) { width: 300px;clear:both; }  /* for the problem with JOURNAL - temp*/
            .jheight {height:300px;}
		.two-third, #main .two-third { width: 300px; }

		.one-fourth, #main .one-fourth { width: 300px; }

			.three-fourth, #main .three-fourth { width: 300px; }
		
		
				.one-third-feature{ width: 200px;float: left; border: 0px solid #000000;margin:0 10px 30px 0}  
	.one-third-feature:nth-child(6n+6) { width: 200px;float: left; border: 0px solid #000000;margin:0 0px 30px 0}  
	
	
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: auto; }

		#logo {
			/*display: block;*/
			float:none;  
			
			text-align: center;
			/*height: 63px;*/
		
		margin:6px auto 0 auto;

		}
		
	/* -------------------------------------------------- */
	/*	Main Navigation Sticky
	/* -------------------------------------------------- */
	
		.top_container { /*width:1280px;*/ margin:0 auto; }
		#top_wrapper { margin: 0 0px 0; }
		#t4dstick_nav_wrapper { height:76px; }
		/* For custom responsive #t4dstick_nav_wrapper {  height:140px; }*/
		#t4dstick_nav { z-index: 97;width:100%; /*height:88px; background:#CCC;*/ }

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

	
	     #main-nav {
			float: none;
			margin: 5px 0 20px;
		}

			#main-nav li { width: 100%; }

				#main-nav a {
					border-bottom-color: #efefef;
					padding: 5px 20px 0px;
					text-align:center;
					font-size: 17px;
				}
				#main-nav a {
					border-bottom: 2px solid transparent;
			
				}
				
					#main-nav ul ul a {
							border: 0;
							border-bottom: 0px solid #f6f6f6;
							border-top: 0px solid #d1e8f8;
							color: #3a3a3a;
							display: block;
							font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
							font-size: 17px;
							letter-spacing: 0;
							font-weight: 400;
							padding: 8px 20px !important;
							text-align: center;
							text-transform: none;
						}
				
				.ie7 #main-nav a { border-bottom-color: #efefef; padding: 0px 20px 0px; }
	
				.ie7	#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
						border-bottom-color: #f15a23;
						border-top-color: #f15a23;
						color: #f15a23;
					}
					
			
				
				#main-nav a:after {
				content: '';
				display: none;
				
				}
				
				#main-nav > ul > li:last-child a { border-bottom-color: transparent; }

				#main-nav > ul > .current:last-child a { border-bottom-color: #f15a23; }

				#main-nav ul ul { width: 100%; 
				}

				.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 30px; }

					#main-nav ul ul li { width: auto; }

						#main-nav ul ul li:first-child > a { border-top: none; }

						#main-nav ul ul li:last-child > a { border-bottom: none; }

						#main-nav ul ul ul {
							border-bottom: 1px solid #252525;
							-webkit-box-shadow: none;
							   -moz-box-shadow: none;
									box-shadow: none;
							display: block !important;
							left: 0 !important;
							margin: 0;
							top: 0 !important;
							position: relative;text-align:center;
						}

	
						#main-nav ul ul li:last-child ul {
							border-top: 1px solid #252525;
							border-bottom: none;
						}

							#main-nav ul ul ul a { text-align:center;}

								#main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; }
						
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */

	#main {
		border-bottom: 1px solid #efefef;
		float: none;
		margin-right: 0;
		padding-bottom: 20px;
		width: 100%;
	}

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider { margin-bottom: 10px; }

	/* -------------------------------------------------- */
	/*	Extended Pricing Table
	/* -------------------------------------------------- */

	.extended-pricing-table .column { margin-bottom: 20px; }

	.extended-pricing-table .column.featured { margin-bottom: 10px; }

	/* -------------------------------------------------- */
	/*	Journal
	/* -------------------------------------------------- */

.journal-align
	{
		margin: 0 auto 0 auto;
		padding: 5px 0px 0 0px;
		float:none;
		border: 0px solid #000000; 
	}
	
	.journal-layout {float:none;width:100%;border: 0px solid #d1e8f8; clear:both;}
	
	.entry-image, .entry-video, .entry-audio { margin-bottom: 10px; }

	.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; }

	.entry .entry-body {
		float: none;
		margin: 0;
		width: 100%;
	}

	.entry .entry-meta {
		border-bottom: 0px solid #efefef;
		border-top: 0px solid #efefef;
		float: none;
		margin: 10px 0;
		padding: 4px 0;
		text-align: left;
		width: 100%;
	}

		.entry .entry-meta ul { }

			.entry .entry-meta li {
				padding: 0 0px 10px 0 ;
				clear:both;
				text-align:center;
				margin:0 auto;
				
			}

			.entry .entry-meta li:first-child {
				border-left: none;
				padding-left: 0;
			}

			.entry .entry-meta li:last-child { padding-right: 0; }

			.entry .entry-meta li .title { display: block; }

				.entry .entry-meta .post-format {
					background: none;
					height: auto;
					margin: 0;
					text-indent: 0;
					width: auto;
				}

					.entry .entry-meta a:hover > .post-format { background: none; }

			div.blog-snippetimage {  padding:0px 10px 20px 0px; display: block; text-align:center;margin:0 auto 0px auto;}

			.date-blue-large {
				background:#f15a23;
			width:auto;
			height:auto;
			padding:10px;
			margin:0;
			color:#ffffff;
			line-height:none;
			font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			text-transform:none;
			border-radius: 50px;
			-moz-border-radius: 50px; 
	 		 -webkit-border-radius: 50px; 
		}
		
		.date-blue .date-day {
			color:#3d3d3d;
		font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			font-size:15px;
			line-height:none;
			padding:0;margin:0;
			
		}
		
		.date-blue-large .date-day {
			color:#3d3d3d;
			font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			font-size:25px;
			padding:0;margin:0;
			text-transform:uppercase;
			
		}
		.date-blue .date-month {
			font-size:11px;
			line-height:none;
			font-weight:normal;
			text-transform:uppercase;
			padding:3px 0 0 0;margin:0;
		}
		
		.date-blue-large .date-month {
			font-size:20px;
			font-weight:normal;
			line-height:23px;
			text-transform:uppercase;
			padding:5px 0 0 0;margin:0;
		}

	/* -------------------------------------------------- */
	/*	Portfolio
	/* -------------------------------------------------- */

/*#portfolio-items .one-fourth { width: 233px; }*/

.portfolio-items-filter-holder {display:none;}

#portfolio-items h5 { font-size: 15px; }

	#portfolio-items-filter, #portfolio-items-filter2 {
	float: none;
	margin: 0 0 20px;
	border: 0px solid #000000;
	text-align:center;
	}
	
	#portfolio-items-filter a, #portfolio-items-filter2 a {
			background: #f15a23;
			color: #fff;
			text-align:center;
			cursor: pointer;
			display: block;
			margin: 0 0 5px 5px;
			padding: 4px 10px;
			   border-radius: 10px  ;
	 		   -moz-border-radius: 10px;
		    	-webkit-border-radius: 10px ;
				-o-border-radius: 10px;
		}
		
	/* ---------------------------------------- */
	/*	Respond
	/* ---------------------------------------- */

	.commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 358px !important; }
	.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 318px !important; }
	.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 278px !important; }

	.form-allowed-tags { display: none; }
	
	/*#commentform textarea { width: 726px; }*/

	#main #commentform textarea { width: 320px; }
	
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	.contact-form-t4d .input-block, .comments-form .input-block {
		float: none;
		margin: 0 0 20px 0;
	}

		.contact-form-t4d input, .comments-form input,
		.contact-form-t4d textarea, .comments-form textarea { width: 398px; }
		
    .contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 20px; border:0px solid #afcbde;}

	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */

	#sidebar {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

	.not-ie #footer .container:after { top: -56px; }
	
			.page-title {
			font-size:28px;
			margin-top: -10px;
			padding: 0px 0 5px;
		}
		

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		

.fourth { width: 50%; margin:0 auto 20px auto;}
.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:160px;height:160px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }
	
			section.module.parallax {
background-attachment:fixed;
}


	.portfolio-items-filter-holder {display:none;}
	
	.port-image {display:none;}
	
	
	/* ------------------delete this for other nav---------------------- */
	
	/*	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }

			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

		.no-js #main-nav li:hover > ul { top: 62px; }	*/
		
		
	#titles-homepage { 
		padding:20px 0 0px 0px;
	}
		
	#titles-all { 
		padding:20px 0 0px 0px;
	}
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 420px; }
	.container-work { width: 420px; }

		blockquote {
			font-size:16px;	background: #f8f8f8 url(/img/t4d-quotes.png) no-repeat 15px 10px;
		}
	
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.whole, .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

	.content-full {  width:420px; border: 0px solid #000000;}

		.whole, #main .whole { width: 100%; }
		
		.one-half, #main .one-half { width: 420px; border: 0px solid #000000;}
		.content-50  {width: 100%;  border: 0px solid #000000;}
		.content-50  img {min-width: 100%;  }
		

		.one-third, #main .one-third { width: 420px; border: 0px solid #000000;}
	    .one-third-journal:nth-child(2n+2) { width: 420px;clear:both; }  /* for the problem with JOURNAL - temp*/
        
			.two-third, #main .two-third { width: 420px; border: 0px solid #000000;}

		.one-fourth, #main .one-fourth { width: 420px;border: 0px solid #000000; }

			.three-fourth, #main .three-fourth { width: 420px;border: 0px solid #000000; }
		
		
				.one-third-feature{ width: 100%;float: none; border: 0px solid #000000;margin:0 10px 30px 0;text-align:center;}  
	.one-third-feature:nth-child(6n+6) { width: 100%;float: none; border: 0px solid #000000;margin:0 0px 30px 0}  
	
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */


		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

		.projects-carousel > li, .post-carousel > li { width: 200px; }

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
		
		.post-carousel .entry-body { width: 155px; }

	/* -------------------------------------------------- */
	/*	Journal > Comments
	/* -------------------------------------------------- */

	.comment .comment-body, .comment .comment-meta { width: 351px !important; }

		.commentlist .children { padding: 0 0 0 40px; }

			.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 311px !important; }
			.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 271px !important; }
			.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 231px !important; }
			.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 191px !important; }
			
			/*#commentform textarea { width: 726px; }*/

	#main #commentform textarea { width: 380px; }
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map { height: 240px; }
	
	.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 0px; border:0px solid #afcbde;}

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(12n+1) { margin-left: 0; }

		.social-links li:nth-child(12n) { margin-right: 15px; }

#footer .subscription-info {}

	.subscription-info { margin: 0;width:100%; margin:0 auto; text-align:center; }

		.subscription-info li {
			float: none;
			width:100%;
			list-style: none;
			margin:0 auto; text-align:center; 
			padding: 0px 20px 30px 0px;
		}
		
		.subscription-info h5 {padding: 10px 0px 0 0px; font-size:20px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


	.card {width: 300px;height:190px;}
	
    .fourth { width: 50%; margin:0 auto 20px auto;}
	.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:120px;height:120px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
	.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
	.circleit img {border-radius: 50%; display: block;}
	.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
	.circleit span {font-size: 35px; }


   
	.portfolio-items-filter-holder {display:none;}
	
	.quote-container section {margin: 0px auto; padding: 0 20px 0 20px; padding-bottom: 50px; position: relative;text-align:center;width: 100%; }
	.quote-container h4 { text-align:center; font-size: 20px; font-family: Open Sans, sans-serif; font-weight:600;padding:20px 10px 0px 10px;margin:0; text-transform:uppercase;clear:both; }
	.quote-container h2 { text-align:center; font-size: 30px; font-family: Open Sans, sans-serif; font-weight:600;padding:0px 10px 0px 10px;margin:0; text-transform:uppercase; border: 0px solid #f15a23;}
	.quote-container h3 { text-align:center; font-size: 25px;font-family: Open Sans, sans-serif; font-weight:300;padding:20px 0px 0px 0px;margin:0; text-transform:none;}

	.port-image {display:none;}
	
	#click-menu {border-top: 11px solid #75a8c4;border-bottom: 11px solid #75a8c4;}
	
	#logo {
			/*display: block;*/
			float:left;  
			text-align: center;
			/*height: 63px;*/
		}
		
.t4d-robo-1, .t4d-robo-2, .t4d-robo-3, .t4d-robo-4, .t4d-robo-5, .t4d-robo-6, .t4d-robo-7, .t4d-robo-8, .t4d-robo-9, .t4d-robo-10, .t4d-robo-11, .t4d-robo-12, .t4d-robo-13, .t4d-robo-14, .t4d-robo-15, .t4d-robo-16, .t4d-robo-17, .t4d-robo-18, .t4d-robo-19 {display:none;height:115px;}

#titles-all h1 {width:100%; margin: 20px auto 0 auto; text-align:center; }
#titles-all {height:100px;}

		#phone-us{
	    float:left;
		text-align:center;
		margin:57px auto 0px 10px;
		font-size:12px;
		
	}
			
			.page-title {
			
			margin-top: -10px;
			padding: 0px 0 5px;
		}
		
    blockquote {
	font-size:14px;	background: #f8f8f8 url(/img/t4d-quotes.png) no-repeat 15px 10px;
}

	/* -------------------------------------------------- */
	/*	Header > Main Navigation
	/* -------------------------------------------------- */

/*
	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }

			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

		.no-js #main-nav li:hover > ul { top: 62px; }*/

	#titles-homepage { 
	    display:none;
		padding:20px 0 0px 0px;
	}
		
	#titles-all { 
		padding:20px 0 0px 0px;
	}
	
	.one-third-feature{ width: 100%;float: none; border: 0px solid #000000;margin:0 10px 30px 0;text-align:center;}  
	.one-third-feature:nth-child(6n+6) { width: 100%;float: none; border: 0px solid #000000;margin:0 0px 30px 0}  
	
	.jheight {height:340px;}
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */


		/* ---------------------------------------- */
		/*	Projects Carousel
		/* ---------------------------------------- */

		.projects-carousel > li, .post-carousel > li { width: 300px; }

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		.post-carousel .entry-body { width: 255px; }

	/* -------------------------------------------------- */
	/*	Journal
	/* -------------------------------------------------- */

	.hentry .entry-meta li {
		width: 82px;
	}

	.hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) {
		border-bottom: 1px solid #efefef;
		margin-bottom: 4px;
		padding-bottom: 4px;
	}

	.hentry .entry-meta li:nth-child(3) {
		padding-right: 0;
	}

	.hentry .entry-meta li:nth-child(4) {
		border-left: none;
		padding-left: 0;
	}

	/* -------------------------------------------------- */
	/*	Journal > Comments
	/* -------------------------------------------------- */

	.comment .avatar { margin-bottom: 10px; }

	.comment .comment-meta {
		margin-top: 5px;
		width: 231px;
	}

		.comment .author, .comment .author a { margin-top: 5px; }

	.comment .comment-body, #main .comment .comment-body {
		clear: both;
		float: none;
		margin-left: 0;
		margin-top: 20px;
		width: 100%;
	}

		.comment .comment-meta { width: 231px !important; }

			.commentlist .children { padding: 0 0 0 20px; }

				.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 211px !important; }
				.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 191px !important; }
				.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 171px !important; }
				.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 151px !important; }

	/* ---------------------------------------- */
	/*	Respond
	/* ---------------------------------------- */

	.commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 258px !important; }
	.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 238px !important; }
	.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 218px !important; }

/*#commentform textarea { width: 726px; }*/

	#main #commentform textarea { width: 280px; }
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map { height: 140px; }

		.contact-form-t4d input, .comments-form input,
		.contact-form-t4d textarea, .comments-form textarea { width: 278px; }
		
		.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 0px; border:0px solid #afcbde;}

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Footer Navigation
		/* ---------------------------------------- */

		#footer-nav li {
			border-top: 1px dotted #4b4b4b;
			padding: 5px 0;
			width: 100%;
		}
		
		#footer-nav li:first-child { border-top: none; }

			#footer-nav li a {
				border: none;
				padding: 0;
			}

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(8n+1) { margin-left: 0; }

		.social-links li:nth-child(8n) { margin-right: 15px; }



	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */
	.newsletter input, select {
	height: 30px;
	width: 270px;
	margin-bottom:10px;
	}
	
	.newsletter input[type="submit"]{
		background: #f15a23;
		border: none;
		color: #fff;
		cursor: pointer;	
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: 400;
		height: auto;
		overflow: visible;
		padding: 7px 20px;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
			-ms-transition: background-color .2s ease;
			 -o-transition: background-color .2s ease;
				transition: background-color .2s ease;
		width: auto;
	}
	
	#footer .subscription-info {}

	.subscription-info { margin: 0;width:100%; margin:0 auto; text-align:center; }

		.subscription-info li {
			float: none;
			width:100%;
			list-style: none;
			margin:0 auto; text-align:center; 
			padding: 0px 20px 30px 0px;
		}
		
		.subscription-info h5 {padding: 10px 0px 0 0px; font-size:20px;}
}

/*
PRINT STYLESHEET
*/
@media print {
	html { moznomarginboxes mozdisallowselectionprint}
	 body {background-color: #ffffff;}
  * {  text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-size:1.0em;} /* Black prints faster: h5bp.com/s */
  /*<!--a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* /* Don't show links for images, or javascript/internal links *
 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } */
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.9cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h1, h2, h3 { page-break-after: avoid; }
#footer {display:none}
}