/********************************************************************************************************************************/
/*----------------------------Colors--------------------------------*/
.orange-back {
	background-color:#cecece;	/*  Orange */
	color:#ffffff;
}

.orange-back-80 {
	background-color:#FAAA4B;	/*  Orange */
	color:#ffffff;
}

.red-back {
	background-color:#D31245;	/*  Red */
	color:#ffffff;
}

.tan-back {
	background-color:#F2E18B;	/*  Tan */
}

.gray-back {
	background-color:#342e39; /*  Gray */		
}

.gray-subnav-back {
	background-color:#59574e; /* Sub Nav Gray */		
}

.white-back {
	background-color:#ffffff; 
}

.light-gray-back {
	background-color:#E7E8E9; /* Footer Gray */		
}




.orange-color {
	color:#F89921;	/*  Orange */
}

.orange-color-80 {
	color:#FAAA4B;	/*  Orange */
}

.red-color {
	color:#D31245;	/*  Red */
}

.tan-color {
	color:#F2E18B;	/*  Tan */
}

.gray-color {
	color:#989482; /*  Gray */		
}

.white-color {
	color:#ffffff; 
}

.light-gray-color {
	color:#E7E8E9; /* Footer Gray */		
}



.orange-border-bottom {
	border-bottom:solid 3px #F89921;	/*  Orange */
}

.orange-80-border-top {
	border-top:solid 3px #FAAA4B;	/*  Orange - 80% */
}

.orange-30-border-top {
	border-top:solid 6px #FFDCB4;	/*  Orange - 30% */
}

.light-gray-border-top {
	border-top:solid 6px #efefef;	 */
}

.tan-border-top {
	border-top:solid 6px #F2E18B;	/*  Tan */
}

.tan-50-border-top {
	border-top:solid 6px #F7EDC2;	/*  Tan - 50% */
}


.red-border-top {
	border-bottom:solid 3px #D31245;	/*  Red */
}

.black-border-bottom {
	border-bottom:solid 3px black;
}

.gray-border-top {
	border-top:solid 6px #989482; /*  Gray */		
}

.thin-gray-border-bottom {
	border-top:solid 1px #666;
}




/*----------------------------Fonts - Default --------------------------------*/

Font9px { 
	font-size:0.563em;  /* 9px / 16px */
	
	}

Font10px {
		font-size:0.625em;   /* 10px / 16px */
}

div#thumb-40 a, p.copyright, #footer-links p, li.level1, .back-to-top, #nav-box-sub {
	font-size:0.750em; /* 12px / 16px */
}

#home-testimonial p.title, #home-testimonial p.company, #page-testimonial p.title, #page-testimonial p.company, #nav, div.rc-block ul { 
	font-size:0.875em; /* 14px / 16px */ 
}

Font16px, h3 {
	font-size:1em;  /* 16px / 16px */

}

.title-body p, .title-body-sub p, #page-testimonial p.quote, #page-testimonial p.name, #home-testimonial p.name, #footer-logo h3, div.rc-block h3 {
	font-size:1.125em; /* 18px / 16px */
}

#footer-links h2, .second-row h3, .column-below-photo h3 {	
	font-size:1.25em; /* 20px / 16px */
}

.third-row h3, .title-body p, #home-testimonial p.quote, div#contact-info-top h3 {
	font-size:1.500em; /* 24px / 16px */

}

.title-body-sub .page-title, div.process-block h3 {
	font-size:2em; /* 32px / 16px */

}

.page-title {
	font-size:2.625em; /* 42px / 16px */
}

















div#nav-logo
{
	margin:0;
	width:150px;
	float:left;
	padding-left: 0.9375em; /* set to match .columns which I had to remove from the container div for the small screen menu */

}




/* hero - default */
div.home-hero {
	background: url(/img/blower-door-testing-nw-hero.jpg) no-repeat right top scroll;
	background-size:cover;	
	height:350px;
}


div.title-body {
	border:solid 0px black;
	width:100%;
	padding-top:70px;
	
}

div.title-body p {

	margin-bottom:4.166666666%;	/* 40px / 960px */
	margin-top:0px;
}

div.title-body h2 {

	 color:#342e39;font-size:140%;margin-top:40px;margin-right:200px;font-weight:normal;
}

div.title-body div#hero-logo {
 	float:left;	
}

div.title-body div#hero-contact-info {
 margin-left:350px;
}

div.title-body div#hero-contact-container {
 text-align:center;width:250px;
}

div.title-body div#hero-phone-button {
  background-color:black;padding:10px;margin:25px 0 10px 0;
}


div#contact-info-top {
	 margin-right:-4.166666666%;	/* -40px / 960px */
	 
}

div#contact-info-top ul, div#thumb-40 ul, div#nav-box-sub ul
{
	list-style:none;
	margin:0;
	padding:0;

	}



div#nav-box-sub {
	height: 40px;
	padding: 10px 0 0 0;
	margin:0;
	margin-left:-15px;	/* match to li padding */	
	overflow:hidden;

}

	
div#nav-box-sub ul
{

	margin-top:0;
	

	}	
	
div#nav-box-sub ul.small-nav {
	display:none;



}	

div#contact-info-top ul li, div#thumb-40 ul li, div#nav-box-sub ul li
{
	display:inline;
	padding:0;
	}
	
	
	
div#body-content ul.blog-list {
	margin-left:5.208333333%;	/* 50px / 960px */
	margin-right:5.208333333%;

	
}

	
div#nav-box-sub ul li
{
	margin-right:1.041666666%;	  /* 10px / 960px */
	text-transform:uppercase;
	 padding:15px 1.5625% 15px 1.5625%;		  /* 15px / 960px */
	}		

div#nav-box-sub ul li.on
{
	background-color:#6b685d;	/* Variant of sub-nav color */
	


	
	}	

div#thumb-40 ul li
{
	float:left;
	margin-right:3.125%;  /* 30px / 960px */
	margin-bottom:5.208333333%;  /* 50px / 960px */
	}

div#thumb-40 ul li:last-child
{
	margin-right:0;
	}

#footer-logo {
	float:left;
	text-align:center;
	padding-top:7.8125%;  /* 75px / 960px */
}

#footer-logo h3, #footer-logo h3 a {
	color:#989482; /*  Gray */	
	font-weight:normal;	
}


#footer-links {
	float:right;
	width:75%;   /* 720px / 960px */
}

#footer-links h2 {
	color:#989482; /*  Gray */	
	font-weight:normal;	
	margin-bottom:1.5625%;  /* 15px / 960px */
	margin-top:3.125%;  /* 30px / 960px */
	text-transform:uppercase;
}

li.level1 { float: left; display: inline; 
	margin-right: 3.125%;   /* 30px / 960px */
	font-weight:bold;
	text-transform:uppercase;

	
	}
li.level1:last-child {margin-right:0px;}
ul.level2 { display: inline; }
li.level2 { display: block; font-weight:normal;text-transform:none;}
ul.level3 { display: inline; }
.pad-top { padding-top:10px;}


	

	
	
div#nav a {
		color:#ffffff;
		text-decoration:none;
}


div#nav a:hover {
	
	color:#D1D3D4;
}	

div#nav-box-sub a {
		color:#d2d2cf;
		text-decoration:none;
}

div#nav-box-sub li.on a {
	
	color:#e4e4e3;  	
}

div#nav-box-sub a:hover {
	
	color:#e4e4e3;
}

div#footer-links a, .back-to-top a {
		color:#989482;	/*  Gray */
		text-decoration:none;
}
div#footer-links a:hover, .back-to-top a:hover {
	
	color:#333333;
}



div#thumb-40 a {
		color:#989482;	/*  Gray */
		text-decoration:none;

}

div#thumb-40 a:hover {
	
	color:#333333;
}
	
.wide-margins {
	padding-left:6.25%; /* 60px / 960px */
	padding-right:6.25%; /* 60px / 960px */
	
}

.page-title {
	text-transform:uppercase;
	line-height:110%; /* 50px / 960px */
	font-weight:normal;
	padding-top:70px;  /* 70px / 960px */
}

.title-body-sub .page-title {
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	padding:0;
}

.title-body-sub {
	padding-top:2.083333333%; /* 20px / 960px */	
	padding-right:6.25%;
	
	

}



div#contact-info-top {
	text-align:right;	
	
}

div#contact-info-top h3 {
	color:#ffffff;	
	font-weight:normal;
	margin:5px 0px 5px 0px;
}

div#contact-info-top h3 a {
	color:#ffffff;	
}

#home-testimonial {
	text-align:right;
	/*padding-left:49.47916666666667%; /* 475px / 960px */
	/*margin-bottom:6.770833333333333%; /* 65px / 960px */

}

#home-testimonial p, #page-testimonial p {
	margin:0;
	padding:0;
	line-height:normal;

}


#home-testimonial p.quote {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#home-testimonial p.name {
	text-weight:bold;
	margin-top:0.7291666666666666%; /* 7px / 960px */
}


#right-column {
	position:relative;
	margin-left:2.604166666666667%; /* 25px / 960px */
	float:right;
	width:31.25%; /* 300px / 960px */
	padding:0;
}


.rc-block {
	
	padding:8.333333333% 5% 8.333333333% 5%; /* 0px 15px 25px 15px / 300px (new context) */ 
	border-left:dotted 1px #989482;

}

div.rc-block h3 {
	padding:0;
	margin-bottom:5%;
	color: #D31245;	/*  Red */

	
}

div.rc-block ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  
}

div.rc-block ul li {
  text-transform:uppercase;
}

#page-testimonial {
	border-left:dotted 1px #989482;
	background-color:#efefef;  
	text-align:right;
	padding:8.333333333% 5% 8.333333333% 5%; /* 25px 15px 25px 15px / 300px (new context) */ 
	color:#989482;	/*  Gray */
	margin-bottom:8.333333333%;
	
	
}





#page-testimonial p.quote {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

#page-testimonial p.name {
	text-weight:bold;
	margin-top:0.7291666666666666%; /* 7px / 960px */ 
}



.second-row {
	padding-top:6.25%; /* 60px / 960px */ 
	padding-bottom:6.25%; /* 60px / 960px */ 	
	color:#666666;
	
}

.second-row h3, .column-below-photo h3 {
	color:#989482;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;	
}

.column-below-photo h3 {
	color:#F89921;	/*  Orange */
	margin-bottom:1.5625%; /* 15px / 960px */ 	

}

div#swatch {
	clear:both;
	text-align:center;
	padding-bottom:6.25%; /* 60px / 960px */ 	
	
}


.third-row {
	padding-top:6.25%; /* 60px / 960px */ 
	padding-bottom:6.25%; /* 60px / 960px */ 
	color:#666666;

}

.third-row h3 {
	color:#D31245;  /* Red */
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;	
}

.column-below-photo {
	padding-top:2.604166666666667%; /* 25px / 960px */
	padding-bottom:2.604166666666667%; /* 25px / 960px */
	color:#666666;

}


.two-column {
	width:48%; 
}

.two-column h3 {
	margin:0;
}




footer {
	
}

p.copyright {
	clear:both;
	padding-top:20px;
	color:#cccccc;
}

.back-to-top {
	text-align:center;
	text-transform:uppercase;
}

.col-320 {
	width:39.58333333333333%; /* 380px / 960px */ /*div width counts from left edge because of how wide-margins is setup */

}


#photo-inset {
	background-color:white;
	padding:.833333333%;	 /* 8px / 960px */
	width:30.833333333%;	 /* 296px / 960px */
	float:right;
	z-index:2;
	position:relative;
	margin-top:10.416666666%;	 /* 100px / 960px */ 
	margin-right:2.083333333%;	/* 20px / 960px */
	-webkit-box-shadow:3px 3px 10px 0px #333;
}

.hasImgInset {
	float:left;
	margin-right:-33.333333333%; 	/* -320px / 960px */

}

.hasImgInsetLeftCol {
	width:63.541666666%;		/* 610px / 960px */
}







.photo-ribbon {
	 /*margin-top:32.916666666%;*/  /* 316px / 960px */	
	 margin-top:36.458333333%;
	 height:14.0625%;  /* 135px / 960px */
	 background: rgb(248, 151, 29); /* Fallback for older browsers without RGBA-support */
     background: rgba(248, 151, 29, 0.7);
	 
	
}

/* default */
div#body-content.fixedLeftColumn {
	width:575px;
	width:70%;
		
	
}


ul.team-bios, ul.client-logos, ul.hire-bios {
	list-style:none;
	margin:0;
	padding:0;

	}
	

ul.team-bios li, ul.client-logos li, ul.hire-bios li
{
	display:inline;
	padding:0;	
	float:left;

	
	}
	
ul.team-bios li {
	margin: 0 7px 30px 0; 
}

ul.client-logos li {
	width:30%;
	height:150px;
	text-align:center;
	text-align:middle;
	padding-right:15px;
}

div.team-bio-wrapper {
	-webkit-box-shadow:3px 3px 10px 0px #999;
	width:270px;
	
	
}

div.team-bio-info {
	color:white; 
	margin:0;
	background-color:#F89921;	/*  Orange */
	padding:10px 15px 15px 15px;
	
}

div.team-bio-info h2 {
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	
}

div.team-bio-info div.team-bio-link-wrapper {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:solid 1px #FFDCB4;

	
}

.team-bio-link-wrapper a, .hasImgInsetLeftCol a, .team-bio-info a {
	color:white;

}

.team-bio-link-wrapper a:hover, .hasImgInsetLeftCol a:hover, .team-bio-info a:hover {
	text-decoration:underline;

}

div.team-bio-info p {
	margin:0;
	padding:0;
	font-size:14px;
	
}

div.team-bio-info p.title {
	font-size:16px;
	
}









ul.hire-bios li {
	width:270px;
	margin-bottom:25px;
	margin-right: 7px;
	
}



div.hire-bio-wrapper {
	border:1px solid #989482;
	background-color:#efefef;
	padding:15px;
	-webkit-box-shadow:3px 3px 10px 0px #999;
	color:#989482;
	min-height:210px;
}

div.hire-bio-img {
	float:left;
	margin-right:10px;
}

div.hire-bio-info {
	margin:0 0 0 115px;
	padding:0;
	
}

div.hire-bio-info h2 {
	font-size:16px;
	/*text-transform:uppercase;*/
	margin:0;
	padding:0;
	
}

div.hire-bio-quote {
	clear:both;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;

	
}

div.hire-bio-wrapper p {
	margin:0;
	padding:0;
	font-size:14px;
	
}

div.hire-bio-info p.title {
	font-size:14px;
	
}



















div.client-logo {
	
	
}




div#job-listings {
	border:1px solid #989482;
	width:100%;
	background-color:#efefef;
	padding:15px;
	-webkit-box-shadow:3px 3px 10px 0px #999;
	color:#989482;	
	display:table;
}

div#job-listings ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  text-align:left;
  
}

div#job-listings ul li {
  width: 100%;
  display: inline;

}


div#job-listings .job-list-row {
	display:table-row;
	
}

div#job-listings .job-list-cell-head {
	padding:0 0 10px 0;
	display:table-cell;
	border-bottom:solid 1px #999;
}

div#job-listings div.job-list-cell {
	display:table-cell;
	border-top:dotted 1px #999;
	padding:20px 0px 20px 0px;


}

div#job-listings div.job-list-cell:first-child {
	padding-right:20px;

}

div#job-listings div.job-list-cell ul li {
	margin-right:20px;

}



div#job-listings .job-list-cell-head h4 {
	font-size:16px;
	font-weight:normal;
	color:orange;
	text-transform:uppercase;
	margin:0;
	padding:0;
}




ul#process-blocks
{
	list-style:none;
	margin:0;
	padding:0;

	}
	

ul#process-blocks li
{
	display:inline;
	padding:0;
	float:left;
	width:50%;
	
	
	}
	
ul#process-blocks li#process-find-small {
	display:none;
}	
	
div.process-block {
	padding:11.111111111% 8.888888888% 8.888888888% 4.444444444%; /*  50px 40px 40px 20px / 450px */
	min-height:465px;

}

div.process-block.tan-back {
	background-image:url(../img/process-triangle-gray-up.png);
	background-repeat:no-repeat;
	background-position:center bottom;

}

div.process-block.red-back {
	background-image:url(../img/process-triangle-tan-right.png);
	background-repeat:no-repeat;
	background-position:left center;

}

div.process-block.orange-back {
	background-image:url(../img/process-triangle-red-down.png);
	background-repeat:no-repeat;
	background-position:center top;

}

div.process-block.gray-back {
	background-image:url(../img/process-triangle-orange-left.png);
	background-repeat:no-repeat;
	background-position:right center;

}

div.process-block h3 {
	/*text-shadow: 1px 1px 0px #666666;*/
	font-weight:bold;			

}

div.process-block.tan-back h3 {
	color:#989482; /*  Gray */		

}

div.process-block.tan-back div.process-body, div.process-block.orange-back div.process-body {
	color:black;	

}
div.process-block.gray-back div.process-body, div.process-block.red-back div.process-body {
	color:white;	

}

div.process-block.red-back h3 {
	color:#F2E18B;	/*  Tan */			

}

div.process-block.orange-back h3 {
	color:#D31245;	/*  Red */			

}

div.process-block.gray-back h3 {
	color:#F89921;	/*  Orange */			

}




div.process-body {
	margin-left:6.666666666%;	/* 30px / 450px */
}

/* xxx */

/*---------------------------------------------------Breakpoint 1------------------------------------------------------*/
@media only screen and (max-width: 480px) {

div.home-hero {
	background:none;
}

div.title-body {
	width:100%;
	text-align:center;
	border-bottom:10px solid #ab1f26;
	padding-top:20px;
}



div.title-body div#hero-logo {
 	float:none;	
}

div.title-body div#hero-contact-info {
 margin:0;
 
 
}

div.title-body div#hero-contact-container {

width:100%;

}

div.title-body h2 {
 width:100%;
 text-align:left;
 margin-bottom:45px;
 
}

#home-testimonial p.title, #home-testimonial p.company, #page-testimonial p.title, #page-testimonial p.company { 
	font-size:0.750em; /* 12px / 16px */ 
}


#page-testimonial p.name, #home-testimonial p.name, #nav-box-sub {
	font-size:1em; /* 16px / 16px */
}

.title-body p, .title-body-sub p, #page-testimonial p.quote, #home-testimonial p.quote {
	font-size:1.125em; /* 18px / 16px */
}

.second-row h3, .column-below-photo h3, .third-row h3, .title-body p  {	
	font-size:1.25em; /* 20px / 16px */
}

div#contact-info-top h3 {
	font-size:1.500em; /* 24px / 16px */

}

.title-body-sub .page-title {
	/*font-size:2em;  32px / 16px */
	font-size:1.875em; /* 32px / 16px */

}

.page-title {
	font-size:2.250em; /* 36px / 16px */
	margin-top:0;
	padding-top:0;
}	
	


#home-testimonial {
	padding-left:0; /* 475px / 960px */
	
	
}

.left, .right {
	float:none;
	
}

.two-column, .col-320, div#thumb-40 {
	width:100%; 
	float:none;
}

.two-column.right {
	border-top:solid 1px #efefef;
	padding-top:7.8125%;  /* 75px / 960px */

}


#right-column {
	float:none;
	width:100%;
	border:0;
	margin:0;
}

#page-testimonial {
	background-color:#efefef;  
	border:0;
	border-top:dotted 1px #989482;
	border-bottom:dotted 1px #989482;
	text-align:left;
	 /*padding: 1.5625% 2.604166666666667% 1.5625%; 25px 15px 25px 15px / 960px */ 
	color:#989482;	/*  Gray */
	margin:5.208333333% 0 5.208333333% 0; /* 50px 0 50px 0 / 960px */ 

	
}

#right-column .rc-block {
	border:0;
	border-top:dotted 1px #989482;
	border-bottom:dotted 1px #989482;
	margin:5.208333333% 0 5.208333333% 0; /* 50px 0 50px 0 / 960px */ 
}

/* for phone */
div#body-content.fixedLeftColumn {
	width:100%;

}



ul.team-bios li, ul.client-logos li
{

	float:none;
	
	}

div#nav-box-sub {
	padding: 5px 0 0 0;

}

div#nav-box-sub ul.full-nav {
	display:none;
}

div#nav-box-sub ul.small-nav {
	display:block;
	text-align:left;


}

div#nav-box-sub ul.small-nav li {
	
}

#photo-inset {

	width:150px;	
	padding:1.25%;	
		


	margin-top:12%;	 
	margin-right:6%;	
	

}

.hasImgInset {
	float:none;

	
}

.hasImgInsetLeftCol {
	width:100%;		/* 610px / 960px */
	
}

.photo-back-why, .photo-back-meet {
	background:none;


}



.photo-ribbon {
	 	 
	margin-top:0;
	padding-top:0;
	background-color:#FAAA4B;	/*  Orange  - 80% (match to orange-back-80 */

}

.title-body-sub .page-title {
	margin-top:15px;
}

.title-body-sub p {
	margin-top:15px;

}





li.level1 { 
	float: none; 
	display: block; 
}

}

/*--------------------------Breakpoint-----------------------------*/
@media only screen and (max-width: 960px) {



}


/*---------------------------------------------------Breakpoint 1 and higher------------------------------------------------------*/
@media only screen and (min-width: 480px) {
div#thumb-40 {
	float:right;
	width:58.333333333333336%;   /* 560px / 960px */
	
}




}


/*---------------------------------------------------Target 2 (BreakPoint 1 to Breakpoint 2)------------------------------------------------------*/
@media only screen 
and (min-width : 480px) 
and (max-width : 760px)  {

li.level1 { 
	width:40%;
	float: left; 
	display: inline; 
	margin-right: 6.25%;   /* 60px / 960px */

	}


}



/*---------------------------------------------------Target 2 and Target 3 (BreakPoint 1 to Breakpoint 3)------------------------------------------------------*/
@media only screen 
and (min-width : 480px) 
and (max-width : 960px)  {




}

@media only screen 
and (min-width : 481px) 
and (max-width : 959px)  {

#right-column.quote-on-top {
	float:none;
	width:100%;
	border:0;
	margin:0;

}

#page-testimonial.quote-on-top {
	background-color:#efefef;  
	border:0;
	border-top:dotted 1px #989482;
	border-bottom:dotted 1px #989482;
	text-align:left;
	padding: 1.5625% 2.604166666666667% 1.5625%; /* 25px 15px 25px 15px / 960px */ 
	color:#989482;	/*  Gray */
	margin:2.604166666% 0 2.604166666% 0; /* 25px 0 25px 0 / 960px */ 



	
}

div#body-content.quote-on-top {
	width:100%;
	
}


}


/*---------------------------------------------------Target 3 (BreakPoint 2 to Breakpoint 3)------------------------------------------------------*/
@media only screen 
and (min-width : 760px) 
and (max-width : 960px)  {

#footer-links p, li.level1 {
	font-size:0.813em; /* 13px / 16px */
}



#footer-logo, 
#footer-links {
	width:100%; 
	float:none;
}


#footer-logo {
	text-align:left;

}

	
#home-testimonial {
	padding-left:31.25%; /* 300px / 960px */
	padding:0;


}	

.col-320 {
	width:55%; /* 380px / 960px */ /*div width counts from left edge because of how wide-margins is setup */

}

div#thumb-40 {
	width:40%;   /* 560px / 960px */
	
}		
}




/*---------------------------------------------------BreakPoint 3 and higher------------------------------------------------------*/
@media screen and (min-width:1024px) {



}


/*---------------------------------------------------Exception for 960 background image------------------------------------------------------*/
@media screen and (min-width:960px) {
body {
  /*background: url(../img/background.jpg) repeat center center fixed; */
  background-color:#a6acad;  /* a9b4b5 */
  
}

div#thumb-40 ul li {
	margin-right:2.083333333333333%;  /* 20px / 960px */
}






}



/*-----------------SCRATCH------------------*/

#breakpoints {display:none;position:fixed;z-index:99;}
#breakpoint-3 {display:block;}




/*
.test {
	position:absolute;
	bottom: 0px;
	/*margin-top:275px;
	height:135px;
	margin-left:-14px; /*need to convert to em
	
	background: rgb(248, 151, 29); /* Fallback for older browsers without RGBA-support 
    background: rgba(248, 151, 29, 0.7);
	
	/*
	transparent
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	*
	
}*/