/**********************************************/
/*										   	  */
/*            GUIDELINES / COLOURS            */
/*										   	  */
/**********************************************/

/* 
 * Q-Power Red 		: #ED1C24
 * Q-Power Blue 	: #5D86A0
 * Q-Power Gold 	: #C69B5F
 * Q-Power Maroon 	: #2F100F
 * Q-Power Lt Grey 	: #585858
 * Q-Power Dk Grey 	: #404040
 * Cream			: #f9f2be
 */


/************************************************/
/*										    	*/
/*                   FONTS                      */
/*										    	*/
/************************************************/
/* Berlin Sans web font used for this website.
 */
 
@font-face {/* DEMI */
    font-family: 'berlinsansdemi';
    src: url('/fonts/berlinsd-webfont.eot');
    src: url('/fonts/berlinsd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/berlinsd-webfont.woff') format('woff'),
         url('/fonts/berlinsd-webfont.ttf') format('truetype'),
         url('/fonts/berlinsd-webfont.svg#berlinsansdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {/* LIGHT */
    font-family: 'berlinsanslight';
    src: url('/fonts/berlinsl-webfont.eot');
    src: url('/fonts/berlinsl-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/berlinsl-webfont.woff') format('woff'),
         url('/fonts/berlinsl-webfont.ttf') format('truetype'),
         url('/fonts/berlinsl-webfont.svg#berlinsanslight') format('svg');
    font-weight: normal;
    font-style: normal;
    
}

@font-face {/* ROMAN */
    font-family: 'berlinsansroman';
    src: url('/fonts/berlinsr-webfont.eot');
    src: url('/fonts/berlinsr-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/berlinsr-webfont.woff') format('woff'),
         url('/fonts/berlinsr-webfont.ttf') format('truetype'),
         url('/fonts/berlinsr-webfont.svg#berlinsansroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************************************/
/*										    	*/
/*                   RESET                      */
/*										    	*/
/************************************************/
/* Hard reset on any pre-defined browser styles.
 * Forces a clean and consistent star	t for all styles
 */
	
	/* remove image borders */
	img { 
		border:0;
		vertical-align:middle; /* Removes the gap between images and the bottom of their containers: h5bp.com/i/440 */
	}
	
	/* remove padding and margin from various items */
	body, p, blockquote, ul, ol, div,h1, h2,h3,h4,h5,h6 {
		margin:0;
		padding:0;
		}
		
	h1,h2,h3,h4,h5,h6 {
		font-weight:normal;
		}
	
	sup {
		font-size:x-small;
		}
	/* remove outline from link  */
	a, a:hover, a:active {
		outline: none;	
	}
	
	header, footer {
		display: block;
		}

/************************************************/
/*										    	*/
/*               MAIN FRAMEWORK                 */
/*										    	*/
/************************************************/

	body {
		overflow-x:hidden;
		}
		
	.site_container {
		width: 1000px;
		margin:0px auto;		
		}
	#main_site_content {
		padding-top:55px;
		/* overflow: hidden;  Deleted: Caused trimming of content at the top */
		/* overflow-x:hidden; SAME PROBLEM */
		}
	header {
		width:100%;
		background-color:#000;
		}
	.clearfix {
		clear:both;	
		}

/************************************************/
/*										    	*/
/*                TEXT STYLES                   */
/*										    	*/
/************************************************/
	#main_site_content a {
		text-decoration: none;
		color: #C69B5F;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
    	-o-transition: all 0.2s linear;
		}
	
	#main_site_content a:hover,
	#main_site_content #our_clients a:hover{
		color: #ED1C24;/*#5D86A0 blue*/
		}
	#main_site_content #our_clients a {
		color: #FFF;
	}
		
	h1 {
		font-family: 'berlinsansdemi';
		text-transform: uppercase;
		font-size:40px;
		line-height: 40px;
		color: #FFF;
		text-align: center;
		letter-spacing: 0px;
		padding-bottom:10px;
		}
		
	body.inverted h1 {
		color: #000;
		}

	h2 	{
		font-family: 'berlinsansroman';
		font-size:34px;
		color:#FFF;
		
		}
	
	body.inverted h2 {
		color: #000;
		}
	
	h3 {
		font-family: 'berlinsansroman';
		font-size: 30px;
		line-height: 30px;
		color:#ED1C24; 
		text-transform: uppercase;
		}
		
	h4 	{
		font-family: 'berlinsansroman';
		font-size: 22px;
		line-height: 22px;
		color:#ED1C24; 
		
		}
	h4.black	{
		font-size: 20px;
		line-height: 22px;
		color:#000; 
		
		}
	
	h5 {
		line-height:24px;
		letter-spacing:0.2em;
		padding-bottom:4px;
		}
		
	h5, h5 a {
		color:#FFF; /* white */
		text-transform: uppercase;
		font-family: 'berlinsansroman';
		font-size:17px;
		}
	h5 span {
		font-size:20px;
		line-height:24px;
		display:block;
		letter-spacing:0.1em;
		padding:10px 0;
		}	
	
	body.inverted h5,
	body.inverted h5 a {
		color: #C69B5F ;
		}
	
	p {
		line-height: 28px;
		padding-bottom: 15px;
		}
	
	body.inverted p {
		color: #000;
		}
	p.inner_headline {
		font-family: 'berlinsansdemi';
		text-transform: uppercase;
		font-size:40px;
		line-height: 40px;
		color: #FFF;
		letter-spacing: 0px;
		padding-bottom:10px;
		}
	p.inner_headline.smaller {
		font-size:36px ;
		line-height: 36px;

		}

	#main_site_content ul li {
		line-height: 28px;
		margin:0 0 0 15px;
		}
	
	
/************************************************/
/*										    	*/
/*            COLOR FORCE CLASSES               */
/*										    	*/
/************************************************/
	
	.gold {
		color: #C69B5F !important;
		}
	.red {
		color: #ED1C24 !important;
		}
	.dark_red{
		color:#951a1c !important;
	}
	.blue {
		color: #5D86A0 !important;
		}
	.maroon {
		color: #2F100F !important;
		}
	.light_grey {
		color: #585858 !important;
		}
	.white {
		color: #ffffff !important;
		}
	.cream {
		color: #f9f2be !important;
		}
	.dark_grey {
		color: #404040 !important;
		}	
	.center {
		text-align: center !important;
		}
	.semi_circle_section {
		position:relative;
		}

/************************************************/
/*										    	*/
/*             RESPONSIVE VIDEOS                */
/*										    	*/
/************************************************/

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
	
/************************************************/
/*										    	*/
/*            GENERAL TEXT STYLES               */
/*										    	*/
/************************************************/

	body {
		background: #000 url(/images/background_gradient_lite.png) top center repeat-y;
		font-family: 'berlinsanslight';/* set default font to Berlin Sans */
		font-size:18px;
		color:#C69B5F; /* gold */
		letter-spacing: 1px;

		}
	
	h3.approach, h3.insights {
		color:#C69B5F; /* gold */
		}
	ul {
		list-style:outside;
		margin:0 0 20px 0;
		}
	ul.last { /* remove bottom margin so spacing is consistent between sections */
		margin:0 0 0 0;
		}
		
	a.approach_more, a.insights_more  {
		font-size:14px;
		color:#ED1C24; /* red */
		text-transform: uppercase;
		text-decoration:none;
		display: block;
		
		}

	a.approach_more:hover, a.insights_more:hover  {
		color:#585858; /* Blue */
		}
	#qpower_logo {
		margin-left:-40px;
		font-size:14px;
		color:#FFF; /* white */
		}
	#qpower_logo_hilight {
		position:absolute;
		left:-40px;
		top:0;
		}
		
	#qpower_logo_image {
		position:relative;
		display: block;
		float: left;
		width: 120px;
		
		}
	#qpower_logo_image #qpower_logo_hilight {
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transition-property: opacity, visibility;
		-moz-transition-property: opacity, visibility;
		transition-property: opacity, visibility;
		opacity: 0; 
		visibility: visible;
		}
	#qpower_logo_image:hover #qpower_logo_hilight {
		opacity: 1; 
		visibility: visible;
		}

	#qpower_logo_tag {
		font-family: 'berlinsanslight';	
		padding-top:76px;
		font-size:19px;
		color:#FFF; /* white */
		letter-spacing: 0px;
		}
	
	.bolder {
		font-family: 'berlinsansroman' !important;
		font-size:20px !important;
		}
	.nobr	{ white-space:nowrap; }
	ol{
		padding:0 0 20px 20px;
	}
	ol li{
		padding: 0 0 5px 0;
	}
		
/************************************************/
/*										    	*/
/*                 NAVIGATION                   */
/*										    	*/
/************************************************/

	#main_heading, #main_heading_nosubnav {
		padding:17px 0;
		background: #FFF;
		overflow: hidden;
		}	
	#main_heading #breadcrumb_link, #main_heading_nosubnav #breadcrumb_link {
		display: block;
		text-decoration: none;
		}
	#main_heading .heading_box, #main_heading_nosubnav .heading_box {
		font-family: 'berlinsansroman';
		font-size:30px;
		line-height: 30px;
		color:#ED1C24;
		text-align:left;
		padding:0px 0 0px 0;
		letter-spacing: 0px;
		position:relative;
		margin-right:30px;
		}
	
	#main_heading .heading_box span, #main_heading_nosubnav .heading_box span {
		color:#000;
		text-transform: uppercase;
		}
	
	#main_heading .heading_box span#subsection_title, #main_heading_nosubnav .heading_box span#subsection_title {
		color: #ED1C24;
		text-transform:none;
		font-size:26px;

		}
	
	
	#main-nav {
		font-size: 17px;
		height: 200px;
		position: relative;
		z-index: 10;
		}
	.tall_header #main-nav {
		height: 400px;
		}
			
	ul#main_menus  {
		font-family: 'berlinsansroman';
		list-style: none;
		text-align: right;
		margin-bottom:0px;
		width: 100%;
		margin-top:35px;
		position:relative;

		}
	p.contact_block, p.link_effect{
		margin-bottom:0px;
		width: 100%;
		position:relative;
		}

	
	ul#main_menus li {
		display: inline-block;
		margin:0;
		padding-left:24px;
		}
	ul#main_menus li:first-child {
		padding-left:0px;
		}
		
	ul#main_menus li a, p.contact_block a, p.link_effect a {
		color: #ED1C24;
		text-transform: uppercase;
		text-decoration: none;
		position:relative;
		}
	p.contact_block a {
		text-transform:none;

		}
	ul#main_menus li a:hover {
		/*color: #FFF;*/
		}
		
	ul#main_menus li.current a {
		color: #FFF;
		}
		
	ul#main_menus li ul {
		display: none;
		}
		
	/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
	ul#main_menus .cl-effect-11 a, p.contact_block a.link_bling_effect, p.link_effect a.link_bling_effect  {
	    padding: 10px 0;
	    text-shadow: none;
	    text-wrap:none;
		}
	ul#main_menus .cl-effect-11 a:before, p.contact_block a.link_bling_effect:before, p.link_effect a.link_bling_effect:before {
	    border-bottom: 1px solid #fff;
	    color: #fff;
	    content: attr(data-hover); 
	    left: 0;
	    max-width: 0;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    transition: max-width 0.5s ease 0s;
	    -webkit-transition: max-width 0.5s ease 0s;
		-moz-transition: max-width 0.5s ease 0s;
    	-o-transition: max-width 0.5s ease 0s;
    	white-space: nowrap;
		padding-top:10px;
		display: block;
		}
	p.contact_block a.link_bling_effect:before, p.link_effect a.link_bling_effect:before {
	    border-bottom: 1px solid #ED1C24;
	    color: #ED1C24;	  
		}

	p.link_effect a.link_bling_effect:before {
	    padding-top:7px;	    
		}
	ul#main_menus .cl-effect-11 a:hover:before, 
	ul#main_menus .cl-effect-11 a:focus:before,
	p.contact_block a.link_bling_effect:hover:before,
	p.contact_block a.link_bling_effect:focus:before,
	p.link_effect a.link_bling_effect:hover:before,
	p.link_effect a.link_bling_effect:focus:before {
	    max-width: 100%;
		}




/************************************************/
/*										    	*/
/*                  SUBMENUS                    */
/*										    	*/
/************************************************/
	nav#submenus {
		padding-top:4px;
		display: none;
		}
	nav#submenus ul {
		margin-bottom:0;
		padding-top:10px;
		line-height: 20px;
		font-size:16px;

		}
	nav#submenus ul li{
		vertical-align:top;
		margin-left:0;
		list-style:none;
		display:inline-block; 
		width:21%;
		padding-right:4%;
		padding-bottom:10px;
		}

	nav#submenus ul li a{
		color: #C69B5F;
		text-decoration:none;
		position: relative;
		z-index: 20;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
    	-o-transition: all 0.2s linear;
		}
	nav#submenus ul li a:hover{
		color: #ED1C24;
		}
	
	
	/* TOGGLING */
	#main_heading a.submenu_toggle {
		display: none;

		z-index: 20;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
    	-o-transition: all 0.2s linear;
		}
	#main_heading #submenu_toggle {
		display: none;

		z-index: 20;
		margin-top:-5px;
		}
	
	#main_heading .has_submenus a.submenu_toggle {
		display: block;
		}
	#main_heading .has_submenus #submenu_toggle {
		display: block;
		}
	#submenu_toggle {
		float:right;
		display:inline-block;
		}
		

/************************************************/
/*										    	*/
/*                 GRID BOXES                   */
/*										    	*/
/************************************************/
	
	.grid_box {
		height: 320px;
		display: inline-block;
		overflow: hidden;
		margin-bottom: 50px;
		/*background-size: cover; /* SCALES IMAGES TO COVER THE BG */
		
		}
	a.grid_box, div.grid_box {
		height:320px;
		position:relative;
		background-position:top center;
		background-repeat:no-repeat;
		}
	
	a.grid_box.keep_left, 
	div.grid_box.keep_left {
		background-position:top left;
		}
		
	a.grid_box.keep_right, 
	div.grid_box.keep_right {
		background-position:top right;
		}
		
	.logo {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: block;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		}
	a.main_work{
		position:relative;
		overflow:hidden;
		height:320px;
		}
	a.main_work p{
		font-size:18px;
		color:#FFF;
		text-decoration:none;
		position:absolute;
		top:320px;
		left:0;
		padding:5px 0 5px 0;
		width:100%;
		background:#ED1C24;
		}
	
	a.main_work p span {
		display: block;
		padding-left:10px;
		}

	.single_1 {
		width: 100%;
		}
		
	.double_wide_short_1 ,
	.double_wide_short_1.retain_on_mobile {
		float:left;
		width:57%;
		}
	.double_wide_short_2 ,
	.double_wide_short_2.retain_on_mobile {
		float:left;
		margin-left:5%;
		width: 38%;
		}
	
	.double_short_wide_1 ,
	.double_short_wide_2.retain_on_mobile {
		float:left;
		width:38%;
		}
	.double_short_wide_2 ,
	.double_short_wide_2.retain_on_mobile {
		float:left;
		margin-left:5%;
		width: 57%;
		}
	
	.double_even_1 ,
	.double_even_1.retain_on_mobile {
		float:left;
		width:47.5%;
		}
	.double_even_2,
	.double_even_2.retain_on_mobile {
		float:left;
		margin-left:5%;
		width: 47.5%;
		}
	
	.triple_even_1,
	.triple_even_1.retain_on_mobile {
		float:left;
		width:30%;
		}
	.triple_even_2,
	.triple_even_2.retain_on_mobile {
		float:left;
		margin-left:5%;
		width:30%;
		}
	.triple_even_3,
	.triple_even_3.retain_on_mobile {
		float:left;
		margin-left:5%;
		width:30%;
		}
	
	.triple_even_1_text {
		float:left;
		width:30%;
		}
	.triple_even_2_text {
		float:left;
		margin-left:5%;
		width:30%;
		}
	.triple_even_3_text {
		float:left;
		margin-left:5%;
		width:30%;
		}
	
	
/* CHUNK RESPONSIVE SOLUTIONS */	
/* Based on the relative percentage decrease at those given widths */
@media only screen and (max-width : 900px) { div.grid_box { height: 270px;  } }
@media only screen and (max-width : 800px) { div.grid_box { height: 240px;  } }
@media only screen and (max-width : 700px) { div.grid_box { height: 210px;  } }
@media only screen and (max-width : 600px) { div.grid_box.retain_on_mobile { height: 180px; } }
@media only screen and (max-width : 500px) { div.grid_box.retain_on_mobile { height: 150px;  } }

	.grid_box.retain_on_mobile {
		height: auto !important;
		}
	.grid_box.retain_on_mobile img {
		width: 100%;
		height: auto;
		}



/************************************************/
/*										    	*/
/*                 COLUMNS                      */
/*										    	*/
/************************************************/
	
	.two_column_skinny_fat_1 {
		width:32%;
		float: left;
		clear: left;
		}
	.two_column_skinny_fat_2 {
		margin-left:35%;
		}
	.two_column_fat_skinny_1 {
		width:67%;
		float: left;
		clear: left;
		}
	.two_column_fat_skinny_2 {
		margin-left:70%;
		}
	.two_column_80_20_1 {
		width:78%;
		float: left;
		clear: left;
		}
	.two_column_80_20_2 {
		margin-left:80%;
		width:20%;
		}
	.two_column_20_80_1 {
		width:20%;
		float: left;
		clear: left;
		}
	.two_column_20_80_2 {
		margin-left:22%;
		width:78%;
		}	
	.two_column_60_40_1 {
		width:60%;
		float: left;
		clear: left;
		}
	.two_column_60_40_2 {
		margin-left:62%;
		width:38%;
		}
	
	
/************************************************/
/*										    	*/
/*               FOOTER STYLES                  */
/*										    	*/
/************************************************/

	
	footer {
		width:100%;
		background: #000 url(/images/footer_tile.jpg) 0 0 ; 
		padding:10px 0;
		color: #4d4d4d;
		}

	footer#footer .homepage_footer  {
		display:none;
		}
	
	footer .site_container {
		position:relative;
		padding-top:30px;
		padding-bottom:10px;
		}
		
	footer#footer p#copyright {
		font-family: 'berlinsanslight';
		font-size:12px;
		text-align:center;
		width:100%;
		border-top:1px solid #2f2d30;
		padding-top:10px;
		margin-top:10px;
		}
		
	div#footer_info {
		font-size:14px;
		font-family: 'berlinsanslight';
		text-align:center;
		width:100%;
		padding:20px 0 10px 0;
		}
	.footer_icons{
		height:26px;
		vertical-align:middle;
		padding-right:5px;	
		}
		
	div#footer_info phone, div#footer_info email, div#footer_info address {		
		font-style: normal;
		display:inline;
		padding-right:20px;
		}
	div#footer_info phone a, div#footer_info email a {		
		color:#4d4d4d;
		text-decoration:none;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
    	-o-transition: all 0.2s linear;
		}
	div#footer_info phone a:hover, div#footer_info email a:hover {
		color: #FFF;
		}
		
	#footer-nav {
		font-size: 14px;
		}
			
	#footer-nav ul#footer_menu {		
		text-align: left;
		margin-bottom:10px;
		width: 100%;
		
		}
	
	#footer-nav ul#footer_menu li {
		list-style: none;
		}
		
	#footer-nav ul#footer_menu > li {
		margin:0;
		width:20%;
		float: left;
		
		}
	#footer-nav ul#footer_menu li:first-child {
		padding-left:0;
		}
		
	#footer-nav ul#footer_menu li a {
		font-family: 'berlinsansroman';
		
		color: #7e7e7e;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding-right:5px;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
    	-o-transition: all 0.2s linear;
		}
	#footer-nav ul#footer_menu li li a {
		font-family: 'berlinsanslight';
		color: #4d4d4d;
		text-transform: none;

		}
	#footer-nav ul#footer_menu li a:hover {
		color: #FFF;
		}
		
	#footer-nav ul#footer_menu li ul {
		font-size:12px;
		}
		
	/* NEW HORIZONTAL FLIP */
	/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;
			
			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
			transform: perspective(1000px);
    		-moz-transform-style: preserve-3d; 
    		-ms-transform-style: preserve-3d; 
		}

		/* START: Accommodating for IE */
		.flip-container:hover .back, .flip-container.hover .back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}
		
		.flip-container:hover .front, .flip-container.hover .front {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 40px;
			height: 40px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			transform: rotateY(0deg);
			z-index: 2;
		}

		.back {
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}
		
		/* END NEW CIRCLE BUTTON HORIZONTAL FLIP */
		
	#back_to_top {
		float:right;
		display:inline-block;

		}

	#vimeo_link {
		position:absolute;
		top:30px;
		right:0px;
		display:block;

		}

	
	
/************************************************/
/*										    	*/
/*            GENERAL LAYOUT STYLES             */
/*										    	*/
/************************************************/
	.float_right {
		float:right;
		margin:0 0 20px 20px;
		}
	.float_left {
		float:left;
		margin:0 20px 20px 0;
		}
	
		
			
	section {
		clear:both;
		display:block;
		width:100%;
		margin:0;
		}
	.pad_bottom {
		padding-bottom:30px;
		}
	.pad_bottom_big {
		padding-bottom:50px;
		}
			
	.pad_top {
		padding-top:30px;
		}
	.pad_top_big {
		padding-top:50px;
		}
	.padded {
		padding:50px 0;
		}
	.nopad_bottom {
		padding-bottom:0px !important;
		}
	.pad_b_0{padding-bottom:0px;}
	.pad_b_5{padding-bottom:5px;}
	.pad_b_10{padding-bottom:10px;}
	.pad_b_20{padding-bottom:20px;}
	.pad_b_30{padding-bottom:30px;}
	.pad_b_40{padding-bottom:40px;}
	.pad_b_50{padding-bottom:50px;}
	.pad_b_60{padding-bottom:60px;}
	.pad_b_80{padding-bottom:80px;}
	.pad_b_90{padding-bottom:90px;}
	.pad_b_100{padding-bottom:100px;}
	.pad_t_5{padding-top:5px;}
	.pad_t_10{padding-top:10px;}
	.pad_t_20{padding-top:20px;}
	.pad_t_30{padding-top:30px;}
	.pad_t_40{padding-top:40px;}
	.pad_t_50{padding-top:50px;}
	.pad_t_60{padding-top:60px;}
	.pad_t_80{padding-top:80px;}
	.pad_t_90{padding-top:90px;}
	.pad_t_100{padding-top:100px;}
	.margin_b_0{margin-bottom:0;}
	.margin_b_5{margin-bottom:5px;}
	.margin_b_10{margin-bottom:10px;}
	.margin_b_20{margin-bottom:20px;}
	.margin_b_30{margin-bottom:30px;}
	.margin_b_40{margin-bottom:40px;}
	.margin_b_50{margin-bottom:50px;}
	.margin_b_60{margin-bottom:60px;}
	.margin_b_80{margin-bottom:80px;}
	.margin_t_5{margin-top:5px;}
	.margin_t_10{margin-top:10px;}
	.margin_t_20{margin-top:20px;}
	.margin_t_30{margin-top:30px;}
	.margin_t_40{margin-top:40px;}
	.margin_t_50{margin-top:50px;}
	.margin_t_60{margin-top:60px;}
	.margin_t_80{margin-top:80px;}
	
	.dark {
		
		width:100%;
		background:url(/images/1px_220000_40.png) repeat;
		}

	.darker {
		
		width:100%;
		background:url(/images/1px_220000_40_2.png) repeat;
		}
	
	section.black {
		background: #000;
		padding:50px 0;
		}	
	section.white {
		background: #fff;

		}
	section.cream {
		background: #f9f2be;
		}
	.light {
		width:100%;		
		}
	.circular_btn {
		font-size:14px;
		position:absolute;
		left:50%;
		bottom:0;
		display:block;
		margin-left:-94px;
		width:187px;
		height:21px;
		padding-top:32px;		
		color:#fff !important;
		background:url(/images/semicircle_red.png) 0 0 no-repeat;
		text-decoration:none;
		text-align:center;
		}
	.circular_btn:hover {
		color:#C69B5F !important;
		}

/************************************************/
/*										    	*/
/*                 VIGNETTES                    */
/*										    	*/
/************************************************/
/* DEFAULT TO FULL WIDTH/HEIGHT BEHIND EVERYHING ELSE
 * IN THE BODY. OPTIONS TO CHANGE HEIGHT FOR CERTAIN
 * STYLES AND PAGES 
 */
	.vignette {
		position:absolute;
		top: top;
		left: center;
		width:100%;
		display:block;
		background:url(/images/vignette_home_bg.png) top center no-repeat;
		height: 1065px;
		z-index:-5;
		}
	
	/* HEADER ONLY SECTIONS */
	#header_vignette {
		height:200px;
		z-index: 0;
		background:url('/images/headers/vignette_portfolio_header.png') top center no-repeat;
		display: block;
		}
	
	.tall_header #header_vignette {
		height: 400px;
		}
	
	.section_work #body_vignette ,
	.section_approach #body_vignette {
		display: none;
		}
	
	body.section_work.sub_section_none .vignette {
		display: none;
		}
		
/************************************************/
/*										    	*/
/*             BIG IMAGE CENTERED               */
/*										    	*/
/************************************************/
/* THIS IS USED WHEN YOU HAVE AN IMG TAG THAT YOU 
 * WANT CENTERED IN A DIV, BUT TI'S WIDER THAN THE
 * DIV IT SITS IN. IN THAT CASE, YOU NEED ANOTHER DIV
 * WRAPPED AROUND THE IMAGE.
 */
	div.big_image_box {
	    display: inline-block; 
	    position:relative; 
	    float: right; 
	    right: 50%;
		}
	.big_image_box img {
	    position: relative; 
	    right:-50%; 
	  	}

/************************************************/
/*										    	*/
/*         SITE-CONTAINER FULL WIDTH IMAGE      */
/*										    	*/
/************************************************/
/* THIS IS FOR ANY IMAGE THAT SPANS EXACTLY THE FULL
 * WIDTH IN A SITE_CONTAINER CLASS. IF YOU GIVE THE
 * IMG TAG THE CLASS "full_width" THEN IT WILL
 * RESPOND ACCORDINLGLY, REGARDLESS OF ITS ACTUAL SIZE
 */
 	img.full_width {
 		width:100%;
 		height: auto;
 		}
	img.ninetyfive {
 		width:95%;
 		height: auto;
 		}
	img.ninety {
 		width:90%;
 		height: auto;
 		}
	img.eightyfive {
 		width:85%;
 		height: auto;
 		}


/************************************************/
/*										    	*/
/*          Q-NIVERSITY PAGE STYLES             */
/*										    	*/
/************************************************/
	body.section_q_niversity .vignette {
		display: none;
		}
	.left_side_qniversity {
		float:left;
		width:36%;
		padding-right:4%;	
		}
	.right_side_qniversity {
		float:left;
		width:60%;	
		}
	.q_score_main {
		background:url(/images/qniversity_overview_qscore.jpg);
		width:600px;
		}
	.insights_inspirations_main {
		background:url(/images/qniversity_overview_insights.jpg);
		width:600px;
		}
	.five_senses_main {
		background:url(/images/qniversity_overview_senses.jpg);
		width:600px;
		}
		
/************************************************/
/*										    	*/
/*               INSIGHTS STYLES                */
/*										    	*/
/************************************************/
	body.section_q_niversity.sub_section_none .vignette {
		display: none;
		}
	body.section_q_niversity {
		background: #000 url(/images/paper_texture2.jpg) top center ;
		}
		
	body.section_q_niversity .dark {
		background: url(/images/alpha_gray_4px.png) top center;
		}	
	
	body.section_approach #main_site_content ol, 
	body.section_q_niversity #main_site_content ol, 
	body.section_approach #main_site_content ul, 
	body.section_q_niversity #main_site_content ul {
		color:#000;
		padding:0 0 15px 0;
		line-height:28px;
		}
	body.section_approach #main_site_content ol li, 
	body.section_q_niversity #main_site_content ol li, 
	body.section_approach #main_site_content ul li, 
	body.section_q_niversity #main_site_content ul li{
		margin-left:20px;
		}

	body.section_approach h4.logo_category {
		color:#ED1C24;
		}
	
	body.section_approach footer#footer p#copyright, body.section_q_niversity footer#footer p#copyright{
		color: #4d4d4d;
		
		}
		
	.image_lrg {
		width:60%;
		}
	.image_80 {
		width:80%;
		padding-left:10%;
		padding-right:10%;
		}
	.image_50 {
		width:50%;
		}
	.image_med {
		width:35%;
		}
	.image_sml {
		width:16%;
		}
		
	.lefty {
		float:left;
		padding-right:40px;
		}
	.righty {
		float:right;
		padding-left:40px;
		}
	.pullquote_large {
		font-family: 'berlinsansroman';
		font-size:24px;
		line-height:36px;
		color:#000; 
		text-align:center;
		padding-left: 10%;
		padding-right: 10%;
		}
	.pullquote_large span{
		font-family: 'berlinsanslight';
		font-size:20px;
		}
	.image_quote {
		background: #000 url(/images/insights_10.jpg) top center no-repeat;
		background-size:cover;
		}
	.star_quote {
		background: #172842 url(/images/relationship_stars.jpg) top center no-repeat;
		background-size:cover;
		}
	.pullquote_image, .pullquote_star {
		font-family: 'berlinsansdemi';
		font-size:20px;
		line-height:28px;
		color:#FFF !important; 
		padding:5% 10% !important;
		width:50%;
		margin-left:5%;
		}

	.pullquote_image span, .pullquote_star span{
		font-family: 'berlinsanslight';
		display:block;
		}
	.pullquote_star span{
		font-size:20px;
		line-height:28px;
		}
	.pullquote_star {
		text-transform: uppercase;
		font-size:40px;
		line-height: 40px;
		margin-left:-5%;
		width:90%;
		text-align:center;
		}
		
	.pullquote_star .lefty{
		padding-right: 20px;
		}
	.pullquote_star .righty{
		padding-left: 20px;
		}
	.duos{
		text-align:center;
		font-weight:bold;
		/*line-height:14px;	*/
	}
	.duos span{
		display:block;
		font-size:12px;
		line-height:14px;	
		font-weight:normal;	
	}
	

/************************************************/
/*										    	*/
/*               APPROACH STYLES                */
/*										    	*/
/************************************************/
	body.section_approach.sub_section_none .vignette {
		display: none;
		}
	body.section_approach {
		background: #000 url(/images/paper_texture.jpg) top center ;
		}
		
	body.section_approach .dark {
		background: url(/images/alpha_gold_4px.png) top center ;
		}
	body.section_approach .dark2 {
		background: url(/images/alpha_gold70_4px.png) top center ;
		}
	
	body.section_approach h6 {
		font-family: 'berlinsansdemi';
		font-size:18px;
		color: #000 !important;
		padding: 0 0 30px 0;
		}

	.side_quote {

		border-bottom:1px solid #b08b55;
		}
	
	.side_quote.no_bottom_line {
		border-bottom: none;
		}
	
	.side_quote ,
	.side_quote p {
		font-size:34px;
		line-height:31px;
		color:#b08b55 !important; /* dark gold */
		letter-spacing:-0.02em;
		font-family: 'berlinsansroman';
		}
		
	.side_quote span,
	.side_quote .quoter {
		font-family: 'berlinsanslight';
		font-size:18px;
		letter-spacing:0.02em;
		line-height:24px;
		}
	
	.side_subhead {
		font-family: 'berlinsanslight';
		font-size:28px;
		line-height:48px;
		color:#b08b55 !important; /* dark gold */
		text-transform: uppercase;
		letter-spacing:0.06em;
		padding:40px 0 !important;

		}
	p.side_subhead span.quoter {
		font-family: 'berlinsanslight';
		font-size:18px;
		letter-spacing:0.02em;
		line-height:24px;
		color:#b08b55 !important; /* dark gold */
		}
	p.side_subhead span.quoter span.bolder {
		padding-top:20px;
		padding-bottom:0 !important;
		display:block;
		}
	.block_intro {
		font-family: 'berlinsansroman';
		font-size:22px;
		line-height:36px;
		letter-spacing:0.06em;
		}
	.drop_cap {
		float:left;
		font-family: 'berlinsansroman';
		font-size:142px;
		line-height:100px;
		color:#ED1C24; /* red */
		text-transform: uppercase;
		padding-top: 6px;
		padding-right: 6px;
		}
	.double_wide_short_approach_1  {
		float:left;
		width:60%;
		padding-right:4%;
		border-right:1px solid #b08b55;
		}
	.double_wide_short_approach_2 {
		float:left;
		margin-left:4%;
		width: 31%;
		}
	
	.testimonial{
		font-family: 'berlinsansroman';
		font-size:28px;
		line-height:36px;
		color:#000;
		text-align:center;
		padding: 0 20px 25px;	
		}
	.testimonial span{
		font-family: 'berlinsanslight';
		font-size:18px;
		line-height:28px;
		display:block;	
		}
	
	.testimonial span strong {
		font-family: 'berlinsansroman';
		}
	
	.logo_name{
		font-family: 'berlinsansdemi';
		font-size:18px;
		line-height:24px;
		color:#000 !important;	
		padding-bottom:0 !important;	
		}
	.logo_name span{
		display:block;
		color:#b08b55 !important; /* dark gold */	
		}
	.no_border_right{
		border-right:none !important;	
		}
	

/************************************************/
/*										    	*/
/*            MOBILE TOGGLE BUTTON              */
/*										    	*/
/************************************************/

	#main-nav #menu_link_toggle {
		display: none;
		text-decoration: none;
		color: #FFF;
		padding: 0px 5px 10px 5px;
		text-align: center;
		text-transform: uppercase;
		}
	#main-nav #menu_link_toggle:hover {
		color: #FFF;
		}
	
	
/************************************************/
/*										    	*/
/*           MOBILE STEP FOR 1000px              */
/*										    	*/
/************************************************/

@media only screen and (max-width : 1000px) 
{
	.big_image_box img {
		width:1200px;
	  	}

}

/************************************************/
/*										    	*/
/*           MOBILE STEP FOR 900px              */
/*										    	*/
/************************************************/

@media only screen and (max-width : 900px) 
{
	nav#submenus ul li{
		vertical-align:top;
		margin-left:0;
		list-style:none;
		display:inline-block; 
		width:30%;
		padding-right:3%;
		padding-bottom:10px;
		}

}
	
/************************************************/
/*										    	*/
/*           MOBILE STEP FOR 640px              */
/*										    	*/
/************************************************/

@media only screen and (max-width : 640px) 
{
	#main-nav {
		height: auto;
		}
	#main-nav a#menu_link_toggle {
		display: block;
		}
	
	.big_image_box img {
		width:800px;
	  	}
	  	
	#qpower_logo_image {
		float: none;
		width:100%;
		text-align: center;
	  	}	
	#qpower_logo_image #qpower_logo {
		height: 120px;
		width: auto;
		padding-left:44px;
		}
	#qpower_logo_hilight {
		display:none;
		}
		
	p#qpower_logo_tag {
		padding-top:0px;
		padding-bottom:5px;
		text-align: center;
		font-size:16px;
		
		}
		
	#main-nav ul#main_menus {
		display: none;
		padding-top:0px;
		padding-bottom:10px;
		background: rgba(0,0,0,0.2);
		}
	
	#main-nav #menu_link_toggle.open {
		background: rgba(0,0,0,0.2);
		}
	
	#main-nav ul#main_menus li {
		display: block;
		text-align: center;
		padding-left:0px;
		}
	
	nav#submenus ul li {
		display: block;
		width: auto;
		padding-bottom:4px;
		}
		
		
	.block_intro {
		font-size:20px;
		line-height:30px;
		letter-spacing:0.04em;
		}
		
	.testimonial{
		font-family: 'berlinsansroman';
		font-size:22px;
		line-height:30px;
		color:#000;
		text-align:center;
		padding-bottom:30px;	
		}
	.testimonial span{
		font-family: 'berlinsanslight';
		font-size:16px;
		line-height:22px;
		display:block;	
		}
	
	.testimonial span strong {
		font-family: 'berlinsansroman';
		}
	
	.tall_header #main-nav {
		height: inherit;
		}
	.tall_header #header_vignette {
		height: inherit;
		}
		
	#main-nav .site_container {
		margin-left:0;
		margin-right: 0;
		}
	
	.triple_even_1_text,
	.two_column_80_20_1,
	.two_column_20_80_1,
	.two_column_60_40_1,
	.two_column_fat_skinny_1{
		float:none;
		width:100%;
		}

	.triple_even_2_text,
	.triple_even_3_text, 
	.two_column_80_20_2, 
	.two_column_20_80_2, 
	.two_column_60_40_2,
	.two_column_fat_skinny_2{
		float:none;
		width:100%;
		margin-left:0%;
		}
		
	.image_lrg, 
	.image_50,
	.image_80, 
	.image_med, 
	.image_sml {
		width:100%;
		padding-bottom:20px;
		}
	.image_80 {
		padding-left:0;
		padding-right:0;
		}
	.righty, .lefty {
		float: none;
		padding-left:0px;
		padding-right:0px;
		}
	img.eightyfive {
 		padding:0 7.5%;
 		}
	
	#footer-nav ul#footer_menu > li {
		float: none;
		width: 100%;
		}
		
	div#footer_info address {
		display:block;
		padding: 0 0 0 0 !important;
		}
	.hide_mobile{
		display:none;
		}
}

/************************************************/
/*										    	*/
/*           MOBILE STEP FOR 480px              */
/*										    	*/
/************************************************/

@media only screen and (max-width : 480px) 
{
	h1 {
		font-size:28px;
		line-height: 28px;
		}
	.big_image_box img {
		width:600px;
	  	}
	.pad_bottom {
		padding-bottom:10px;
		}
	.pad_bottom_big {
		padding-bottom:20px;
		}
			
	.pad_top {
		padding-top:10px;
		}
	.pad_top_big {
		padding-top:20px;
		}
	.padded {
		padding:20px 0;
		}
	  
	#main_heading h1 {
		font-size:24px;
		line-height: 24px;
		padding:5px 0;
		}
	
	
	.double_wide_short_approach_1  {
		float:none;
		width:100%;
		padding-right:0px;
		border-right:0px;
		}
	.double_wide_short_approach_2 {
		display: none;
		}
	
	.pullquote_image {
		padding:10px 0px !important;
		margin-left:0px;
		width: 100%;
		}
	.pullquote_image span{
		font-family: 'berlinsanslight';
		display:block;
		}
		
	div#footer_info phone, div#footer_info email, div#footer_info address {
		display:block;
		padding: 0 0 0 0 !important;
		margin-bottom:5px;
		}
	.vimeo{
		padding-left:0px;
		}

	.semi_circle_section {
		padding-top:50px;
		}
	#main_heading .heading_box {
		font-size:24px;
		line-height: 24px;
		}

	#main_heading .heading_box span#subsection_title {
		font-size:20px;

		}
		
}