/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}
/* ==========================================================================
   fonts
   ========================================================================== */
   
/*	@font-face {
		font-family: 'TikalSansMediumMedium';
		src: url('/web/20181202073829im_/http://creativequb.com/fonts/tikalsans_medium_macroman/tikalsans-medium-webfont.eot');
		src: url('/web/20181202073829im_/http://creativequb.com/fonts/tikalsans_medium_macroman/tikalsans-medium-webfont.eot#iefix') format('embedded-opentype'),
			 url('/web/20181202073829im_/http://creativequb.com/fonts/tikalsans_medium_macroman/tikalsans-medium-webfont.woff') format('woff'),
			 url('/web/20181202073829im_/http://creativequb.com/fonts/tikalsans_medium_macroman/tikalsans-medium-webfont.ttf') format('truetype'),
			 url('/web/20181202073829im_/http://creativequb.com/fonts/tikalsans_medium_macroman/tikalsans-medium-webfont.svg#TikalSansMediumMedium') format('svg');
		font-weight: normal;
		font-style: normal;

	}   
	@font-face {
		font-family: 'alte_haas_groteskregular';
		src: url('/web/20181202073829im_/http://creativequb.com/fonts/altehaasgroteskregular-webfont.eot');
		src: url('/web/20181202073829im_/http://creativequb.com/fonts/altehaasgroteskregular-webfont.eot#iefix') format('embedded-opentype'),
			 url('/web/20181202073829im_/http://creativequb.com/fonts/altehaasgroteskregular-webfont.woff') format('woff'),
			 url('/web/20181202073829im_/http://creativequb.com/fonts/altehaasgroteskregular-webfont.ttf') format('truetype'),
			 url('/web/20181202073829im_/http://creativequb.com/fonts/altehaasgroteskregular-webfont.svg#alte_haas_groteskregular') format('svg');
		font-weight: normal;
		font-style: normal;

	}*/
	
	
	
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
	.color-stripes{
		background: #ff0202; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmZGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzY2OTlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzY2OTlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzgwYzMxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGMzMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left, #ff0202 0%, #ff0202 25%, #ffda00 25%, #ffda00 50%, #6699ff 50%, #6699ff 75%, #80c31e 75%, #80c31e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0202), color-stop(25%,#ff0202), color-stop(25%,#ffda00), color-stop(50%,#ffda00), color-stop(50%,#6699ff), color-stop(75%,#6699ff), color-stop(75%,#80c31e), color-stop(100%,#80c31e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #ff0202 0%,#ff0202 25%,#ffda00 25%,#ffda00 50%,#6699ff 50%,#6699ff 75%,#80c31e 75%,#80c31e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #ff0202 0%,#ff0202 25%,#ffda00 25%,#ffda00 50%,#6699ff 50%,#6699ff 75%,#80c31e 75%,#80c31e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #ff0202 0%,#ff0202 25%,#ffda00 25%,#ffda00 50%,#6699ff 50%,#6699ff 75%,#80c31e 75%,#80c31e 100%); /* IE10+ */
		background: linear-gradient(to right, #ff0202 0%,#ff0202 25%,#ffda00 25%,#ffda00 50%,#6699ff 50%,#6699ff 75%,#80c31e 75%,#80c31e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0202', endColorstr='#80c31e',GradientType=1 ); /* IE6-8 */
		padding-top:2px;
	}
	.btn {
		  display: inline-block;
		  *display: inline;
		  padding: 4px 10px 4px;
		  margin-bottom: 0;
		  *margin-left: .3em;
		  font-size: 13px;
		  line-height: 18px;
		  *line-height: 20px;
		  color: #333333;
		  text-align: center;
		  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		  vertical-align: middle;
		  cursor: pointer;
		  background-color: #f5f5f5;
		  *background-color: #e6e6e6;
		  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		  background-repeat: repeat-x;
		  border: 1px solid #cccccc;
		  *border: 0;
		  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		  border-bottom-color: #b3b3b3;
		  -webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
				  border-radius: 4px;
		  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
		  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		  *zoom: 1;
		  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
			 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
				  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	
	
	
	body {
		font: 16px/26px Helvetica, Helvetica Neue, Arial;
		background:url(/images/background_pattern.png);
	}
	.wrapper {
		width: 98%;
		margin: 0 1%;
	}

   	.logo{
		display:block;
		width:40.625%;
		float:left;
		text-align:right;
		text-decoration:none;
	}
	.logo img{
		width:100%;
	}
	.logo span{
		color:#000;
		display:none;
		
	}
	.menu-wrapper{
		width:59.375%;
		float:left;
		position:relative;
	}
	#header-container{
		background:url(/images/header_gradient_border.png) left bottom repeat-x;
		margin-bottom:5px;
		padding-bottom:5px;
		padding-top:5px;

	}
	.thinking-visual img{
		width:88%;
	}
	.thinking-visual{
		width:99%;
		margin:0 auto;
		font-size:145%;
		font-weight:100;
		font-family: 'Text Me One', sans-serif;
		line-height:120%;
		color:#4D4D4D;
		text-shadow: 2px 2px 0 #FFFFFF;
		text-align:right;
	}
	.thinking-visual .sp1, 
	.thinking-visual .sp2,
	.thinking-visual .sp3{
		font-family: 'Almendra', serif;
		font-size:110%;
		color:#000;
		text-shadow: 2px 2px 0 #FFFFFF;
	}
	.porfolio-home-tiles{
		background:#FFF;
		padding:5%;
		margin:5px 0;
		border:1px solid #C8C8C8;
	}
	.porfolio-home-tiles h1{
			font: 22px/26px 'Average Sans', sans-serif,Helvetica, Helvetica Neue, Arial;
			border-bottom:1px solid #787F82;
			padding-bottom:5px;

	}
	.porfolio-home-tiles p{
		font-family: 'Play', sans-serif;
	}
	.porfolio-home-tiles img{
		width:100%;
	}
	
	.porfolio-home-tiles a {
	  color: #ffffff;
	  font-size: 18px;
	  padding: 8px;
	  text-decoration: none;
	  
	  -webkit-border-radius: 8px;
	  border-radius:8px;
	  
	  -webkit-box-shadow: 1px 1px 3px #CFCFCF;
	  box-shadow: 1px 1px 3px #CFCFCF;

	  border: solid #FFF 3px;
	  width:126px;
	  
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms ease 0s;	 
	}
	.porfolio-home-tiles a.logos {
		 background: #e80505;
	}
	.porfolio-home-tiles a.logos:hover {
		 background: #fe0303;
	}
	.porfolio-home-tiles a.logos:active {
		 background: #e80505;
	}
	.porfolio-home-tiles a.web {
		 background: #f39001;
	}
	.porfolio-home-tiles a.web:hover {
		 background: #fba324;
	}
	.porfolio-home-tiles a.web:active {
		 background: #f9c004;
	}
	.porfolio-home-tiles a.ci {
		 background: #87bc14;
	}
	.porfolio-home-tiles a.ci:hover {
		 background: #93cf0f;
	}
	.porfolio-home-tiles a.ci:active{
		 background: #87bc14;
	}
	.porfolio-home-tiles a.cover {
		 background: #467eed;
	}
	.porfolio-home-tiles a.cover:hover {
		 background: #64a8f4;
	}
	.porfolio-home-tiles a.cover:active {
		 background: #467eed;
	}
	.porfolio-home-tiles a.package {
		 background: #8d43ae;
	}
	.porfolio-home-tiles a.package:hover {
		 background: #ca7de8;
	}
	.porfolio-home-tiles a.package:active {
		 background: #8d43ae;
	}
	.porfolio-home-tiles a.archviz {
		 background: #c4157e;
	}
	.porfolio-home-tiles a.archviz:hover {
		 background: #fa3bbc;
	}
	.porfolio-home-tiles a.archviz:active {
		 background: #c4157e;
	}
	
	.porfolio-home-tiles a:after{
		content: '+';
		display: inline-block;
		margin-left:5px;
		background:url(/images/pointer.png) left center no-repeat;
		width:14px;
		text-indent:-9999px;
	}
	.porfolio-home-tiles a:hover:after{
	}
	.portfoliotile{
	
		border: 1px solid #c4c4c4;
		background: white;
		padding: 0;
		width:96%;
		margin:1%;
		padding:1%;
		line-height: 1;
		
		
		 -webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
		  /* useful if you don't want a bg color from leaking outside the border: */
		  -moz-background-clip: padding; 
		  -webkit-background-clip: padding-box; 
		  background-clip: padding-box;
		  
		  -webkit-box-shadow: 2px 2px 3px 0 #CFCFCF; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 2px 2px 3px 0 #CFCFCF; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	}
	
	.portfoliotile img{
		width:98%;
		margin:1%;
	}
	.details.js{
		background:#000;
		color:#fff;
		position:absolute;
		top:-40px;
		right:0
	}
	.portfoliotile h3.title{
		    font: 18px/26px 'alte_haas_groteskregular',sans-serif,Helvetica,Helvetica Neue,Arial;
			margin:1%;
			padding:5px;

	}
	.portfoliotile .js p.description{
		display:none;
	}
	
	
	#footer-container{
	}
	
	#footer-container a{
		
	}

	footer{
		background:url(/images/footer_gradient_border.png) left top repeat-x #eeeeee;
		color:#4D4D4D;
		
	}
	.footer-bottom{
		background:url(/images/footer_gradient_border.png) left top repeat-x #FFF;
	}

	.footer-top-items ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.follow-us ul li{
		float:left;
		margin:0 9%;
	}
	.follow-us a{
		width:42px;
		height:42px;
		display:block;
		text-indent:-9999px;
	}
	.main-pages,
	.portfolio-pages{
		width:auto;
		float:none;
		margin:1%;
	}
	
	.main-pages a,
	.portfolio-pages a{
	
		padding: 2px 6px;
		font-size: .9em;
		border: 1px solid #c4c4c4;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		color: gray;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: white;
		text-transform: capitalize;	
		text-decoration:none;
	}
	.main-pages a:hover,
	.portfolio-pages a:hover{
		color:#7FC31C;
	}
	
	
	.main-pages li,
	.portfolio-pages li{
		margin:0;
		float:left;
	}	
	.footer-top-items h3{
		font: 18px/26px 'alte_haas_groteskregular', sans-serif,Helvetica, Helvetica Neue, Arial;
		border-bottom:1px solid #4D4D4D;
	}
	
   .follow-us a.fb{
		background:url(/images/socnet-icons.png) left -84px no-repeat;
   }
   .follow-us a.twitter{
		background:url(/images/socnet-icons.png) left top no-repeat;
   }
   .follow-us a.gplus{
		background:url(/images/socnet-icons.png) left -42px no-repeat;
   }
   
   .request-quote a.btn:before{
		content:'+';
		width:26px;
		height:34px;
		background:url(/images/quote_button_icon.png) left top ;
		display:block;
		float:left;
		margin-right:8px;
		
		
		
   }
   .request-quote a.btn{
		line-height:34px;
		text-transform:capitalize;
		border: 1px solid #c4c4c4;
		color: #000;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		text-transform: capitalize;	
		text-decoration:none;
	}
	.request-quote a.btn:hover{
		color:#7FC31C;
	}
	
	.contact-wrap,
	.requestquote,
	.career{
		background: #FFF;
		padding:5%;
		border: 1px solid #C8C8C8;
		border-radius: 10px;
	}
	
	.contact-wrap input[type="text"], 
	.contact-wrap textarea,
	.requestquote	input[type="text"],
	.requestquote textarea,
	.career input[type="text"],
	.career textarea,
	.career select{
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms ease 0s;

		z-index: 10;
		width:97%;
		background: #F5F5F5;
		border: 1px solid #C4C4C4;
		border-radius: 4px 4px 4px 4px;
		color: #4D4D4D;
		font-size: 0.9em;
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 8px 6px;
		text-decoration: none;
	}	
	.contact-wrap input[type="text"]:focus, 
	.contact-wrap textarea:focus,
	.requestquote input[type="text"]:focus, 
	.requestquote textarea:focus,
	.career input[type="text"]:focus, 
	.career textarea:focus	{
		background: #FFF;
	 }
	 .contact-wrap .fields-group.success input[type="text"],
	 .contact-wrap .fields-group.success textarea,
	.requestquote .fields-group.success input[type="text"],
	.requestquote .fields-group.success textarea,
	.career .fields-group.success input[type="text"],
	.career .fields-group.success textarea,
	.career .fields-group.success select{
		border-color:#009900;
		color:#009900;
		background:#ecf7ec;
	 }
	 .contact-wrap .fields-group.error input[type="text"],
	 .contact-wrap .fields-group.error textarea,
	 .requestquote .fields-group.error input[type="text"],
    .requestquote .fields-group.error textarea, 
	.career .fields-group.error input[type="text"],
    .career .fields-group.error textarea,
	.career .fields-group.error select {	
		border-color:#FF0000;
		color:#FF0000;
		background:#fff4f4;
	 }
	 .contact-wrap label.error,
	  .requestquote label.error,
	  .career label.error{
		font-style:italic;
		color:#b6b6b6;
		text-align:right;
		display: block;
		font-size: 0.85em;
		width: 100%;
	}
	 
	.msgcontainer{
		display:none;
		position:fixed;
		background:url(/images/send_gif_32.gif) center 10px no-repeat #FF7700;
		width:150px;
		padding: 10px;
		
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#FFF;

	}
	.msgcontainer p{
		margin-top:40px;
		margin-bottom: 0;
	}
	.fields-group{
		margin-bottom:15px;
	}
	
	.requestquote .checkboxes .error{
		display:block;
		position:absolute;
		bottom:0;
		right:0;
	}
	.interestwrapper{
		position:relative;
	}
	.fields-group.error .interestwrapper{
		padding-bottom:28px;
	}
	.fields-group.error .interestwrapper .fieldswrapper{
		border-radius: 4px 4px 4px 4px;
		border:1px solid #FF0000;
		background:#fff4f4;
		padding:3%;
	}
		.fields-group.success .interestwrapper .fieldswrapper{
		border-radius: 4px 4px 4px 4px;
		border:1px solid #009900;
		background:#ECF7EC;
		padding:3%;
	}
	
	.content{
		font-family: 'Play',sans-serif;
		width:90%;
		padding:5%;
		margin:10px auto;
		background:#FFF;
	}

	.copyright,.sitemap{
		text-align:center;
	}
	.paginate{
		text-align:center;
		margin-top:20px;
	}
	.paginate a{
		 background: white;
		border: 1px solid #C4C4C4;
		border-radius: 4px 4px 4px 4px;
		color: gray;
		font-size: 0.9em;
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 12px 16px;
		text-decoration: none;
		text-transform: capitalize; 
	}
	.paginate a:hover{
		color:#FFF;
		background:#F16529;
	}
/* ==========================================================================
  menu system
   ========================================================================== */   
		.menu ul{
			margin:0;
			padding:0;
			
		}
		a.menu-link {
		    display: block;
		    padding: 1em;
			background:url(/images/resp_menu_icon_off.png) 88% center no-repeat #4D4D4D;
			color:#868585;
		}
		a.menu-link.active{
			color:#FFF;
		
			background:url(/images/resp_menu_icon_on.png) 88% center no-repeat #4D4D4D;
		}
		.menu, .menu > ul ul {
		
		/*	-webkit-transition: all 0.3s ease-out;  
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;*/
		}
		.js .menu, .js .menu > ul ul {
			overflow: hidden;
			max-height: 0;
		}
		.js .menu.active > ul{
			position:absolute;
			top:100%;
			left:0;
			width:100%;
		}
		.menu.active, .js .menu > ul ul.active {
			max-height: 55em;
		}

		.menu li a {
			color: #FFF;
			display: block;
			padding: 0.8em;
			position: relative;
			text-align:left;
			background:#70747f;
			border-bottom:1px solid #FFF;
		}
		.menu li li a{
			padding-left:20%;
			background:#868A94;
		}
		.menu li li li a{
			padding-left:20%;
			background:#9497A0;
		}
		.menu li.has_sub > a:after {
			content: '+';
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			font-size: 1.5em;
			padding: 0.25em 0.5em;
		}
		.menu li.has_sub > a.active:after {
			content: "-";
		}

		
		@media screen and (min-width: 62.5em) {
			.pattern {
				overflow: visible;
			}
			a.menu-link {
			   display: none;
			}
			.js .menu, .js .menu > ul ul {
				max-height: none;
				overflow: visible;
				background: none;
			}
			.js .menu > ul ul {
				display: none;
			}
			.js .menu > ul li:hover > ul {
				display: block;
			}


		}	

	/* ==========================================================================
		BackToTop
   ========================================================================== */	
   
#BackToTop {
	float: left;
	display:none;
    color: #4D4D4D;
    padding: 3px;
    text-decoration: none;
    /*border: 2px solid #818176;*/
	border-style:solid;
	border-width:1px 0 1px 1px;
	border-color:#818176;
    font: bold 14px Arial, Helvetica;
	position:fixed;
	bottom:55px;
	right:0px;
	z-index:99;
	/** Background gradient **/
	background-color: #E5E3DD;
	/** box Radius **/
    border-radius: 5px 0 0 5px;
	
}

#BackToTop span
{
    border: 1px dashed #000;
    display: block;
    padding: 4px 15px;
    cursor: pointer;
}


	/* ==========================================================================
		admin panel
   ========================================================================== */	
   .adminpanel #header-container{
		width:30%;
		float:left;
   }
    .adminpanel #main-container{
		width:70%;
		float:left;
	}
	.adminpanel ul {
		list-style:none;
		margin:0;
		padding:0;

	}
	.adminpanel .admin-menu{
		width:60%;
	}
    .adminpanel ul ul{
		display:none;
		position:absolute;
		margin-left:100%;
		top:0;
		width:80%;
	}
	 .adminpanel ul li{
		position:relative;
		border-bottom:1px solid #C8C8C8;
	 }
	 .adminpanel ul a{
		display:block;
		color:#000;
		background:#FFF;
		padding:10px;
		text-decoration:none;
		
	 }
	 .adminpanel ul ul a {
		width:auto;
	
	 }

	.adminpanel ul li a:hover{
		background:#F39001;
		color:#000;
	}

    .adminpanel ul li:hover ul{
		display:block;
	}
	.adminpanel fieldset{
		border:2px dashed #C8C8C8;
		padding:4%;
		margin-bottom:10px;
	}
	.adminpanel label{
		display:block;
	}

	.adminpanel .server-error {
		color:#FF0000;
		font-weight:bold;
	}
	.adminpanel fieldset div{
		margin-bottom:10px;
	}
	.adminpanel input[type="text"],
	.adminpanel input[type="password"],
	.adminpanel textarea{
		
		width:250px;
		padding:10px;
		border:1px solid #C8C8C8;
		
		border-radius:5px;
		
	}
	.adminpanel .btn{
		padding:10px 20px;
		border-radius:5px;
		border:1px solid #C8C8C8;
	}
/* ==========================================================================
		Uploadify
		Copyright (c) 2012 Reactive Apps, Ronnie Garcia
		Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
   ========================================================================== */

		.uploadify {
			position: relative;
			margin-bottom: 1em;
		}
		.uploadify-button {
			background-color: #505050;
			background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
			background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
			background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
			background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
			background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, #505050),
				color-stop(1, #707070)
			);
			background-position: center top;
			background-repeat: no-repeat;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			border: 2px solid #808080;
			color: #FFF;
			font: bold 12px Arial, Helvetica, sans-serif;
			text-align: center;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
			width: 100%;
		}
		.uploadify:hover .uploadify-button {
			background-color: #606060;
			background-image: linear-gradient(top, #606060 0%, #808080 100%);
			background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
			background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
			background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
			background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, #606060),
				color-stop(1, #808080)
			);
			background-position: center bottom;
		}
		.uploadify-button.disabled {
			background-color: #D0D0D0;
			color: #808080;
		}
		.uploadify-queue {
			margin-bottom: 1em;
		}
		.uploadify-queue-item {
			background-color: #F5F5F5;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			font: 11px Verdana, Geneva, sans-serif;
			margin-top: 5px;
			max-width: 350px;
			padding: 10px;
		}
		.uploadify-error {
			background-color: #FDE5DD !important;
		}
		.uploadify-queue-item .cancel a {
			background: url('/images/uploadify-cancel.png') 0 0 no-repeat;
			float: right;
			height:	16px;
			text-indent: -9999px;
			width: 16px;
		}
		.uploadify-queue-item.completed {
			background-color: #E5E5E5;
		}
		.uploadify-progress {
			background-color: #E5E5E5;
			margin-top: 10px;
			width: 100%;
		}
		.uploadify-progress-bar {
			background-color: #0099FF;
			height: 3px;
			width: 1px;
		}   
/* ==========================================================================
   FancyBox v2.0.3 fancyapps.com | fancyapps.com/fancybox/#license
   ========================================================================== */

.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('/images/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/images/fancybox_sprite.png');
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('/images/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
a.fancybox{
	padding: 2px 6px;
	font-size: .9em;
	border: 1px solid #C4C4C4;
	margin-bottom: 5px;
	color: #000;
	border-radius: 0 6px 6px 0;
	background: url('/images/fullscreen_button.png') #FFF no-repeat left center;
	line-height:26px;
	text-transform: capitalize;
	text-decoration: none;
	padding-left: 30px;
	
}
a.fancybox:hover{
	background: url('/images/fullscreen_button_hover.png') #FFF no-repeat left center;
	color:#fff;
	background-color:#F16529;	
}
a.site-link{
	padding: 2px 6px;
	font-size: .9em;
	border: 1px solid #C4C4C4;
	margin-bottom: 5px;
	color: #000;
	background: url('/images/hyperlink_button.png') #FFF no-repeat 2px center;
	line-height:26px;
	text-transform: capitalize;
	text-decoration: none;
	padding-left: 30px;
	border-radius: 0 6px 6px 0;
}
a.site-link:hover{
	background: url('/images/hyperlink_button_hover.png') #FFF no-repeat 2px center;
	color:#fff;
	background-color:#F16529;
}




/* ==========================================================================
   Media Queries
   ========================================================================== */
/*480*/
@media only screen and (min-width: 30em) {
	
	.logo{
		width:40.625%;
	}

	.menu-wrapper{
		margin-left: 6%;
		width: 53%;
	}
	.thinking-visual img{
		width:65%;
	}
}

 /* ==========================================================================*/
			/*600px*/
 /* ==========================================================================*/
@media only screen and (min-width: 37.5em) {
	
	.logo{
		width:30%;
	}

	.menu-wrapper{
		margin-left: 26%;
		width: 44%;
	}

	.thinking-visual img{
		width:55%;
	}

	.porfolio-home-tiles{
		float: left;
		margin: 1%;
		padding: 2.5%;
		width: 42.6%;
		
	}
	.porfolio-home-tiles h1{
		font-size:20px;
	}
	
	.porfolio-home-tiles p{
		font-family: 'Play', sans-serif;
		height:185px;
	}


	.follow-us,
	.main-pages,
	.portfolio-pages,
	.request-quote{
		
		width:48%;
		margin:1%;
		float:left;
	}
	.follow-us,
	.main-pages{
		height:100px;
	}
	.request-quote{
		margin-top:40px;
	}
	
	.main-pages a,
	.portfolio-pages a{
		margin:5px;
	}
	.main-pages li,
	.portfolio-pages li{
		float:left;
	}
	

	.portfoliotile {

		margin: 1%;
		padding: 1%;
		width: 45%;
	}


	.portfoliotile {
		margin: 0.5%;
		padding: 1%;
		width: 46.65%;
		float:left;
	}	
	
	.contact-wrap,.requestquote{
		width:65%;
		margin:10px auto;
	}
	.tech-icons{
		width:492px;
		height:82px;
		background:url(/images/icon_strip.png) left top no-repeat;
		margin:10px 0;
	}

	.copyright,.sitemap{
		float:left;
		padding:10px 0;
	}
	.copyright{
		text-align:left;
		width:60%;

	}
	.sitemap{
		text-align:right;
		width:40%;

	}
	.sitemap a{
		color:#4D4D4D;
	}
	.content.sitemap-wrap{
		padding-right:10%;
		background:url(/images/sitemap.png) right center no-repeat #fff;
	}
	.content.sitemap-wrap h2{
		margin-right:5%;
		border-bottom:2px dashed #868585;
		color:#868585;
	}
	.content.sitemap-wrap li{
		margin-bottom:10px;
	}
	.content.sitemap-wrap a{
		color:#000;
		border-bottom:1px dashed #C8C8C8;
		text-decoration:none;
	}
	.content.sitemap-wrap a:hover{
		color:#FF552A;
		border-bottom:1px dashed #FF552A;
		
	}
}
 /* ==========================================================================*/
			/*768px*/
 /* ==========================================================================*/
@media only screen and (min-width: 47.125em) {
	#header-container {
		margin-bottom: 20px;
	}
	.logo{
		width:21.625%;
	}
	.thinking-visual img{
		width:45%;
	}
	.thinking-visual{
		width:78%;
		margin-left:21%;
		margin-top:-73px;
		margin-bottom:10px;
	}
	.menu-wrapper{
		margin-left: 34%;
		width: 44%;
	}
	
   .request-quote{
		margin-top:40px;
   }
   footer{
		margin-top:38px;
   }
	#main{
		margin-top:48px;
	}
	.porfolio-home-tiles p{
		height:135px;
	}
	
	.contact-wrap{
		width:50.78125%;
		margin:10px auto;
	}
	.requestquote{
		width:60.781%;
	}
	.fieldswrapper .left{
		float:left;
		width:58%;
	}
	.fieldswrapper .right{
		float:left;
		width:38%;
	}	
	.content article{
		padding-left:190px;
	}
	.content article.about{
		background:url(/images/info_cqub_183.png) left 3.59em no-repeat;
	}
	.content article.service-brochure{
		background:url(/images/brochures.jpg) left 3.59em no-repeat;
	}
	.content article.service-stationary{
		background:url(/images/stationery.jpg) left 3.59em no-repeat;
	}
	.content article.service-cover{
		background:url(/images/bookcover.jpg) left 3.59em no-repeat;
	}
	.content article.service-package{
		background:url(/images/package.jpg) left 3.59em no-repeat;
	}
	.content article.websites{
		background:url(/images/webpages.png) left top no-repeat;
	}
	.content article.service-logo{
		background:url(/images/pencilbox.png) left top no-repeat;
	}
	.content article.service-brochure h2,
	.content article.service-stationary h2,
	.content article.service-cover h2,
	.content article.service-package h2{
		margin-left:-190px;
	}
	.content article a{
		background: url("/images/portfolio_icon.png") no-repeat 6px center #F4F4F4;
		border: 1px solid #C4C4C4;
		border-radius:10px;
		color: #666666;
		font-size: 1em;
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 16px 10px 16px 46px;
		text-decoration: none;
		text-transform: capitalize;
	}
 /* ==========================================================================
   sticky footer config
   ========================================================================== */  
	html { overflow-y: scroll; }
	html, body, .stickywrap { 
		height: 100%;
		
	}
	
	body > .stickywrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		
	}

	#main-container{
		
		padding-bottom: 342px; /* must be same height as the footer */
	}  
	
	#footer-container { 
		position: relative;
		margin-top: -342px; /* negative value of footer height */
		/*height: 145px;*/
		clear:both;
	}
		
}
 /* ==========================================================================*/
				/*1000px*/ 
/* ==========================================================================*/
/*font-family: 'Syncopate', sans-serif;
font-family: 'Exo', sans-serif;
font-family: 'Cinzel', serif;
*/
@media only screen and (min-width: 62.5em) {
	.top-white-strip{
		background:url("/images/top_white_strip.jpg") left top repeat-x;

	}
	#header-container{
		padding-top:0;
	}
	.logo{
		width:21.625%;
	}

	.menu-wrapper{
		margin-left: 10%;
		width: 73%;
	}    
	
	
	a.logo{
		width:16.62%;
	}
	.thinking-visual{
		width:59%;
		margin-top:-120px;
		margin-bottom:25px;
		margin-left:40%;
		font-size:175%;
		font-weight:100;
		font-family: 'Text Me One', sans-serif;
		line-height:120%;
		color:#4D4D4D;
		text-shadow: 2px 2px 0 #FFFFFF;
	}
	.thinking-visual .sp1, 
	.thinking-visual .sp2,
	.thinking-visual .sp3{
		font-family: 'Almendra', serif;
		font-size:110%;
		color:#000;
		text-shadow: 2px 2px 0 #FFFFFF;
	}
	.thinking-visual img {
		width:45%;
	}
	.porfolio-home-tiles{
		float: left;
		margin: 2% .8%;
		padding: 1.4%;
		width: 28.7%;
	}

	.follow-us,
	.main-pages,
	.portfolio-pages,
	.request-quote{
		
		width:23%;
		float:left;
	}
	
	.follow-us ul li{
		float:left;
		margin:0 7.4%;
	}
	.main-pages li,
	.portfolio-pages li{
		display:block;
		margin-bottom:5px;
	}
	
	.porfolio-home-tiles h1{
		border-top:1px solid #787F82;
		border-bottom:none;
		padding-top:30px;
		margin:16px 0;
	}
	.porfolio-home-tiles a {
		display: block;
		margin-right: -10%; 
		margin-bottom:-42px;
		padding: 8px;
		text-decoration: none;
		width:126px;
		margin-left:58%;
		margin-top:10px;
	}
	
	.main-pages li,
	.portfolio-pages li{
		float:none;
		margin-bottom:0px;
	}
	
	.portfoliotile{
		width:21.7%;
		float:left;
		margin:0.5%;
		padding:1%;
		overflow:hidden;
	}

	.porfolio-home-tiles p{
		height:160px;
	}
	
	.contact-wrap{
		width:44%;
		margin:10px auto;
		padding:2%;
		
	}
	.requestquote,.career{
		width:46%;
		padding:3%;
		margin:auto
	}

	.contact-wrap .contact-text{
		background:url(/images/letter-icon-small.png) #FFF center bottom no-repeat;
		padding-bottom:30%;
		width:40%;
		float:left;
	}
	.contact-wrap .form-wrap{
		width:55%;
		float:left;
		margin-left:5%
	}
/*	.contact-wrap .btn{
		background: #FFDA00;
		border-radius: 2px 2px 2px 2px;
		box-shadow: none ;
		color: #000;
		display: inline-block;
		font-size: 16px;
		font-weight: normal;
		height: 35px;
		text-align: center;
		transition: all 150ms ease 0s;
		border: 1px solid #C4C4C4;
		text-shadow:1px 1px 0px #FFEA6E;
		
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms ease 0s;
	}*/
	.contact-wrap .btn,
	.requestquote .btn{
		font-size: 16px;
		color: #050505;
		padding: 10px 20px;
		border: 1px solid #868585;
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.4),
			0px 1px 0px rgba(255,255,255,0.3);
	}
	
	
	.contact-wrap .btn:active,
	.requestquote .btn:active{
		background: #FFFF1F;
	}
	.content{
		width:70%;
		margin:10px auto;
		padding:2%;
		background:#FFF;
	}
	.content.sitemap-wrap{
		padding-left:14%;
		background:url(/images/sitemap.png) left center no-repeat #fff;
	}
	.sitemap-links{
		float:left;
		width:33.33333333333333%;
	}
	.sitemap-links ul{
		padding:0;
		margin-left:18px;
	}
 /* ======================= navigation menu  wide  1366=================================== */  

	.js nav.menu ul {
		margin: 0;
		padding: 7px 6px 0;
		line-height: 100%;

		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;

	}
	.js nav.menu ul li {
		padding: 0 0 8px;
		float: left;
		position: relative;
		list-style: none;
	}
	.menu li.has_sub > a:after {
		content: none;
	}
	.menu li.has_sub > a.active:after {
		content: none;
	}
	/* main level link */
	.js nav.menu ul a {
	
		color: #C8C8C8;
		text-decoration: none;
		display: block;
		padding:  20px 30px;
		margin: 0;
		background:none;
		font-family: 'Play',sans-serif;
		font-size:130%

	}
	.js nav.menu ul a:hover {
		background: #000;
		color: #fff;
	}
	.js nav.menu ul > li.active{
		background:url(/images/select_bottom_stip.png) center bottom no-repeat;
		padding-bottom: 1.2em;
	}
	/* main level link hover */
	.js nav.menu ul .active a, .js nav.menu ul li:hover > a {
		background: #FFF;
		color: #FF3300;
		text-shadow: 0 1px 0 rgba(255,255,255, 1);
		

	}

	/* sub levels link hover */
	.js nav.menu ul ul li:hover a, .js nav.menu ul li:hover li a {
		background: none;
		border: none;
		color: #666;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.js nav.menu ul ul a:hover {
		background: #F16529 !important;
		color: #fff !important;

	}

	/* dropdown */
	.js nav.menu ul li:hover > ul {
		display: block;
	}

	/* level 2 list */
	.js nav.menu ul ul {
		display: none;

		margin: 0;
		padding: 0;
		width: 275px;
		position: absolute;
		top: 100%;
		left: 0;
		position:absolute;
		/*border: solid 1px #b4b4b4;*/

		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;

/*		-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
		box-shadow: 0 1px 3px rgba(0,0,0, .3);*/
		background:#fff;
	}
	.js nav.menu ul li.active ul{
		top:85%;
	}
	.js nav.menu ul li.active ul ul{
		top:0;
	}
	.js nav.menu ul ul li {
		float: none;
		margin: 0;
		padding: 0;
	}

	.js nav.menu ul ul a {
		text-shadow: 0 1px 0 #fff;
		font-size:115%;
		padding: 10px ;
	}

	/* level 3+ list */
	.js nav.menu ul ul ul {
		left: 275px;
		top: 0px;
		-moz-border-radius: 10px;
		-webkit-border-radius:10px;
		border-radius: 10px;
	}


	.jsnav.menu ul ul li:hover {
		background:#FFFF1F;
	}	

	.js nav.menu ul ul li:hover>a{
		background-color:#F16529;
		color:#FFF;
	}
	.js nav.menu ul ul li a:hover{
		background-color:#F16529;
		color:#FFF;
	}	
	
	.js nav.menu ul ul li:last-child > a {

		border-radius: 0 0 10px 10px;

	}
	.js nav.menu ul ul ul li:first-child > a{
		border-radius: 0 10px 0 0;
	}	
	/*=====		navigation menu	==========*/		
	
}
/*above 1276 */
@media only screen and (min-width: 78.5em) {
	.wrapper {
		max-width: 1280px;
		margin: 0 auto;
	}
	
	.js nav.menu ul a {
		padding:  20px 48px;

	}
	.thinking-visual{
	}
	
	
	.porfolio-home-tiles p{
		height:115px;
	}
	
	.porfolio-home-tiles a {
		margin-left:67%;
	}
	
	.requestquote{
		width:37%;
	}

}




/* ==========================================================================
   Fixing IE :(
   ========================================================================== */
	.lt-ie9 #header-container {
		padding-top: 0px
	}
	.lt-ie9 .color-stripes {
		display: none
	}
	.lt-ie9 .top-white-strip {
		background: url(/images/top_white_strip.jpg) repeat-x left top
	}
	.lt-ie9 .menu-link {
		display: none
	}
	.lt-ie9 #main {
		padding-bottom: 20px; 
		padding-left: 0px; 
		padding-right: 0px; 
		padding-top: 20px
	}
	.lt-ie9 .thinking-visual {
		line-height: 120%; 
		margin-top: -100px; 
		width: 59%; 
		font-family: "text me one", sans-serif; 
		margin-bottom: 25px; 
		color: #4d4d4d; margin-left: 40%; 
		font-size: 175%; font-weight: 100; 
		text-shadow: 2px 2px 0 #ffffff
	}
	.lt-ie9 .thinking-visual img {
		width: 45%
	}
	.lt-ie9 .menu-wrapper {
		width: 83.2%; float: left
	}
	.lt-ie9 nav.menu {
		display: block; overflow: visible
	}
	.lt-ie9 nav.menu ul {
		padding-bottom: 0px; 
		margin: 0px; 
		padding-left: 0px; 
		padding-right: 0px; 
		display: block; 
		overflow: visible; 
		padding-top: 0px
	}
	.lt-ie9 nav.menu ul li {
		position: relative; 
		margin: 0px 5px; 
		float: left
	}
	.lt-ie9 nav.menu ul li.active {
		padding-bottom: 1em; 
		background: url(/images/select_bottom_stip.png) no-repeat center bottom
	}
	.lt-ie9 nav.menu ul li.active a {
		color: #ff3300
	}
	.lt-ie9 nav.menu ul li a {
		padding-bottom: 20px; 
		margin: 0px; 
		padding-left: 37px; 
		padding-right: 37px; 
		display: block; 
		font-family: "play", sans-serif; 
		background: #fff; 
		color: #c8c8c8; 
		font-size: 130%; 
		text-decoration: none; 
		padding-top: 20px
	}
	.lt-ie9 nav.menu ul ul {
		width: 275px
	}
	.lt-ie9 nav.menu ul ul li a {
		padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 115%; padding-top: 10px
	}
	.lt-ie9 nav.menu ul ul {
		position: absolute; display: none
	}
	.lt-ie9 nav.menu ul ul ul {
		position: absolute; display: none
	}
	.lt-ie9 nav.menu ul ul li {
		margin: 0px; float: none
	}
	.lt-ie9 nav.menu ul ul ul {
		top: 0px; left: 275px
	}
	.lt-ie9 nav.menu a:hover {
		background: #f16529; color: #fff
	}
	.lt-ie9 nav.menu ul li.active a:hover {
		background: none transparent scroll repeat 0% 0%
	}
	.lt-ie9 nav.menu ul li.active ul a:hover {
		background-color: #f16529; color: #fff
	}
	.lt-ie9 nav.menu ul ul li:hover > a {
		background-color: #f16529; color: #fff
	}
	.lt-ie9 nav.menu ul ul li a:hover {
		background-color: #f16529; color: #fff
	}
	.lt-ie9 nav.menu ul li:hover ul ul {
		display: none
	}
	.lt-ie9 nav.menu ul li:hover ul ul ul {
		display: none
	}
	.lt-ie9 nav.menu ul li:hover ul ul ul ul {
		display: none
	}
	.lt-ie9 nav.menu ul li:hover ul {
		display: block
	}
	.lt-ie9 nav.menu ul li li:hover ul {
		display: block
	}
	.lt-ie9 nav.menu ul li li li:hover ul {
		display: block
	}
	.lt-ie9 nav.menu ul li li li li:hover ul {
		display: block
	}
	.lt-ie9 .wrapper {
		margin: 0px auto; width: 1000px
	}
	.lt-ie9 a.logo {
		width: 16.62%
	}
	.lt-ie9 .porfolio-home-tiles {
		padding-bottom: 1.4%; margin: 2% 0.8%; padding-left: 1.4%; width: 28.7%; padding-right: 1.4%; float: left; padding-top: 1.4%
	}
	.lt-ie9 .porfolio-home-tiles p {
		height: 160px
	}
	.lt-ie9 .follow-us {
		margin-top: 1%
	}
	.lt-ie9 .follow-us {
		width: 23%; float: left
	}
	.lt-ie9 .main-pages {
		width: 23%; float: left
	}
	.lt-ie9 .portfolio-pages {
		width: 23%; float: left
	}
	.lt-ie9 .request-quote {
		width: 23%; float: left
	}
	.lt-ie9 .follow-us ul li {
		margin: 0px 5%
	}
	.lt-ie9 .request-quote {
		padding-bottom: 3%; margin: 20px 0px 10px 1%; padding-left: 3%; width: 20%; padding-right: 3%; padding-top: 3%
	}
	.lt-ie9 .contact-wrap {
		padding-bottom: 2%; margin: 10px auto; padding-left: 2%; width: 54%; padding-right: 2%; padding-top: 2%
	}
	.lt-ie9 .contact-wrap .contact-text {
		padding-bottom: 30%; width: 40%; background: url(/images/letter-icon-small.png) white no-repeat center bottom; float: left
	}
	.lt-ie9 .contact-wrap .form-wrap {
		width: 55%; float: left; margin-left: 5%
	}
	.lt-ie9 .portfoliotile {
		padding-bottom: 1%; margin: 0.5%; padding-left: 1%; width: 21.8%; padding-right: 1%; float: left; padding-top: 1%
	}
	.lt-ie9 .fieldswrapper .left {
		width: 58%; float: left
	}
	.lt-ie9 .fieldswrapper .right {
		width: 38%; float: left
	}
	.lt-ie9 .copyright {
		text-align: left; width: 60%; float: left
	}
	.lt-ie9 .sitemap {
		text-align: right; width: 40%; float: right
	}
	html.lt-ie9 {
		overflow-y: scroll
	}
	html.lt-ie9 {
		height: 100%
	}
	.lt-ie9 body {
		height: 100%
	}
	.lt-ie9 .stickywrap {
		height: 100%
	}
	.lt-ie9 body > .stickywrap {
		min-height: 100%; height: auto !important
	}
	.lt-ie9 #main-container {
		padding-bottom: 322px
	}
	.lt-ie9 #footer-container {
		position: relative; margin-top: -322px; clear: both
	}

 /* ==========================================================================
   sticky footer config
   ========================================================================== */  
	html.lt-ie9  { overflow-y: scroll; }
	html.lt-ie9, .lt-ie9 body, .lt-ie9 .stickywrap { 
		height: 100%;
		
	}
	
	.lt-ie9 body > .stickywrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		
	}

	.lt-ie9 #main-container{
		
		padding-bottom: 322px; /* must be same height as the footer */
	}  
	
	.lt-ie9 #footer-container { 
		position: relative;
		margin-top: -322px; /* negative value of footer height */
		/*height: 145px;*/
		clear:both;
	}	
	
	
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*
     FILE ARCHIVED ON 07:38:29 Dec 02, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:39:20 Jul 29, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  RedisCDXSource: 20.59
  CDXLines.iter: 17.906 (3)
  exclusion.robots.policy: 0.246
  PetaboxLoader3.datanode: 753.418 (5)
  esindex: 0.01
  exclusion.robots: 0.256
  load_resource: 192.441
  PetaboxLoader3.resolve: 168.972 (5)
  captures_list: 844.272
  LoadShardBlock: 802.888 (3)
*/