/* 	--------------------------------------------------
    The Origin Framework ™  - uSkinned.net

	LAYOUT
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 GENERAL
	2.0 CONTENT
	3.0 HEADER
	4.0 FOOTER
	5.0 NAVIGATION
		5.1 MAIN
		5.2 TOP
		5.3 SUB
		5.4 BREADCRUMB
		5.5 PAGINATION
		5.6 SITEMAP
		5.7 SOCIAL
		5.8 QUICK LINKS
		5.9 FOOTER NAVIGATION
		5.10 SLICK CAROUSEL NAVIGATION
	6.0 BANNER
	7.0 PROMO PODS
	8.0 LISTING
	9.0 BOX
	10.0 PAGE COMPONENT
		10.1 TABBED
		10.2 ACCORDION
		10.3 QUOTES
		10.4 IMAGES
		10.5 GALLERY
		10.6 RESOURCES
		10.7 TABLES
		10.8 COMMENTS
		10.9 AUTHOR BIO
		10.10 IMAGE SLIDESHOW
	11.0 FORMS
		11.1 BUTTONS
		11.2 AJAX LOADING
		11.3 ALERTS
	
*/



/*	--------------------------------------------------
	1.0 GENERAL
	-------------------------------------------------- */
	
	body { 
		}
	body.no_banner {
		padding-top:70px;
		}
	#site {/*
		max-width:1600px;*/
		margin:0 auto;
		}
	
	.rounded {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}
	.rounded_top {
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		border-radius:5px 5px 0 0;
		}	
	.rounded_right {
		-moz-border-radius:0 5px 5px 0;
		-webkit-border-radius:0 5px 5px 0;
		border-radius:0 5px 5px 0;
		}
	.rounded_bottom {
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		border-radius:0 0 5px 5px;
		}		
	.rounded_left {
		-moz-border-radius:5px 0 0 5px;
		-webkit-border-radius:5px 0 0 5px;
		border-radius:5px 0 0 5px;
		}
		
	.promo_pods,
	.listing,
	.component {
		clear:both;
		}	
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*	--------------------------------------------------
	2.0 CONTENT
	-------------------------------------------------- */
	
	.content { 
		position:relative;
		padding:3em 0;
		}
	.content.main {
		}	
	body.home .content {
		}
	body.inner .content {
		}
	.content.promo_strip { 
		position:static;
		background-repeat:no-repeat; 
		background-position:center bottom; 
		background-size:cover;
		}	

	.content.promo_strip .heading {
		font-size:26px; font-size:2.6rem;
		}
		
		
	.content #left_col { 
		}
	.content #right_col { 
		}
	.content #mid_col { 
		}
			
	@media (min-width:1024px) {
		
	
	.content.promo_strip {
		min-height:auto;
		}
	.content.promo_strip {
		background-attachment:fixed;
		}

	.content.promo_strip .heading {
		font-size:42px; font-size:4.2rem;
		}
		
	}
			
	@media (min-width:768px) {
		
	.content .half_image {
		position:absolute;
		top:0; right:0; bottom:0;
		width:50%;
		background-repeat:no-repeat; background-position:center;
		background-size:cover;
		}	
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	body.home .content { 
		padding:4em 0;
		}
	.content.promo_strip .heading {
		font-size:32px; font-size:3.2rem;
		}
		
	}
	
	@media (max-width:767px) {
	
	.content #left_col,
	.content #mid_col {
		padding-bottom:20px;
		}
				
	.content .half_image {
		margin:-3em 0 2em;
		height:240px;
		background-repeat:no-repeat; background-position:center;
		background-size:cover;
		}	
		
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*	--------------------------------------------------
	4.0 HEADER
	-------------------------------------------------- */

	header {
		position:absolute;
		top:0; right:0; left:0;
		z-index:500;
		height:70px;
		overflow:hidden;
		}
	header .container,
	header .row {
		width:100%; max-width:100%;
		}	
	header .row {
		padding:0;
		}
	header #logo { 
		position:absolute;
		top:5px;
		left:10px;
		width:152px;
		height:30px;
		
		z-index:20;
		}
	header #logo a { 
		width:152px;
		height:30px;
		display:block;
		text-indent:-9999px;
		background-image:url('/media/1059/green-4-customer-logo.png');
		background-repeat:no-repeat;
		background-position:left bottom;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}
		
			
	@media (min-width:1024px) {
			
	header {
		position:fixed;
		height:70px;
		top:0;
		}	
	header.nav_up {
		top:-70px;
		}
		
	}
			
	@media (min-width:768px) {
		
	header #logo { 
		left:20px;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}

	@media 
	only screen and (-webkit-min-device-pixel-ratio : 1.5), 
	only screen and (min-device-pixel-ratio : 1.5), 
	only screen and (-webkit-min-device-pixel-ratio : 2), 
	only screen and (min-device-pixel-ratio : 2) {
	
	header #logo a {
		background-image: url('/media/1059/green-4-customer-logo.png');
		background-size:152px 30px;
		}
	
	}



/*	--------------------------------------------------
	4.0 FOOTER
	-------------------------------------------------- */
	
	footer { 
		padding:30px 0;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
     			
	.navigation {
		width:100%;	height:100%;
		position:relative;
		top:70px;
		}
	.navigation .reveal {
		width:100%; height:100%;
		vertical-align:middle;
		
		z-index:10;
		
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;
		opacity:0;
		}
		
		
	.navigation a.expand {
		position:absolute;
		top:-70px; right:0;
		width:70px;
		height:70px;
		text-indent:-9999px;
		display:block;
		
		z-index:20;
		}	
	.navigation a.expand span {
		height:2px; 
		display:block;
		width:30px;
		position:absolute;
		right:10px;
		}
	.navigation a.expand span.top {
		top:25px;
		}
	.navigation a.expand span.mid {
		top:32px;
		}
	.navigation a.expand span.bottom {
		top:39px;
		}
	.navigation a.expand:hover span.top {
		top:24px;
		}
	.navigation a.expand:hover span.bottom {
		top:40px;
		}
	.navigation a.expand.active span.mid {
		display:none;
		}
	.navigation a.expand.active span.top,
	.navigation a.expand.active span.bottom {
		top:32px;
		}
	.navigation a.expand.active span.top {
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg);
		}
	.navigation a.expand.active span.bottom {		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg); 
		-moz-transform:rotate(45deg);
		}
				

	/* SLIDE OUT NAV */
	html.reveal_out {
		overflow-y:hidden;
		}
	html.reveal_out header {
		position:fixed;
		overflow-y:scroll;
		width:100%; height:100%; 
		z-index:1500;
		bottom:0;
		}
	html.reveal_out header .container,
	html.reveal_out header .row,
	html.reveal_out .navigation,
	html.reveal_out .navigation .reveal {
		display:table;
		height:100%;
		clear:both;
		}	
	html.reveal_out .navigation .reveal {
		display:table-cell;
		}
		
	html.reveal_out .navigation,
	html.reveal_out .navigation a.expand {
		top:0;
		}
		
	html.reveal_out .navigation .reveal {
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		-o-opacity:1;
		opacity:1;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.navigation a.expand span {
		right:20px;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {			
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
		
	.navigation nav.main {
		position:relative;
		padding-top:70px;
		}
	.navigation nav.main ul {
		font-size:22px; font-size:2.2rem;
		}
	.navigation nav.main ul li {
		position:relative;
		display:block;
		}
	.navigation nav.main ul li.home {
		}
	.navigation nav.main ul li.last {
		}
	.navigation nav.main ul li a {
		text-decoration:none;
		display:block;
		padding:0.25em 1em;
		}
		
	.navigation nav.main ul li a:hover,
	.navigation nav.main ul li:hover a {
		}	
	.navigation nav.main ul li a.active {
		}
			
	@media (min-width:1024px) {
		
	.navigation nav.main ul {
		font-size:42px; font-size:4.2rem;
		}	
		
	}
			
	@media (min-width:768px) {		
	}
			
	@media (min-width:768px) and (max-width:1023px) {	
		
	.navigation nav.main ul {
		font-size:28px; font-size:2.8rem;
		}	
		
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */

	.navigation nav.top { 
		padding-bottom:70px;
		}
	.navigation nav.top ul { 
		}
	.navigation nav.top ul li {
		display:inline-block;
		margin:0 0.5em;
		}
	.navigation nav.top ul li a {
		}
	.navigation nav.top ul li a span {
		}
	.navigation nav.top ul li a,
	.navigation nav.top ul li div {
		display:inline-block;
		}
	.navigation nav.top ul li.logout a {
		}
	.navigation nav.top ul li.logout div {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		                     
                            
                            
/*  --------------------------------------------------
    5.3 SUB NAVIGATION             
    -------------------------------------------------- */

	nav.sub {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
		}
	nav.sub p.heading {
		}
	nav.sub p.heading a { 
		}
	nav.sub p.heading span { 
		display:block;
		padding:0.1em 1em;
		}
	nav.sub p.heading a:hover span {
		padding-left:1.5em;
		}
	nav.sub ul {
		}
	nav.sub ul li {
		display:block;
		border-width:0 0 1px; border-style:solid;
		}
	nav.sub ul li.first { 
		}
	nav.sub ul li.last { 
		}
	nav.sub ul li a {
		display:block;
		padding:0.7em 1em;
		}
	nav.sub ul li.first a { 
		}
	nav.sub ul li.last a {
		border:0 none;
		}
	nav.sub ul li.odd a { 
		}
	nav.sub ul li.even a { 
		}
	nav.sub ul li a:hover {
		padding-left:1.5em;
		}
	nav.sub ul li a.active:hover {
		padding-left:1em;
		}
	nav.sub ul li a.active {
		position:relative;
		bottom:0;
		font-weight:400;
		}
	nav.sub ul li a span {
		display:block;
		}
		
	nav.sub ul li.has_child a span {
		}
		
	nav.sub ul li ul {
		padding:0;
		border-width:1px 0 0; border-style:solid;
		}
	nav.sub ul li ul li.last {
		border:0 none;
		}
	nav.sub ul li.last ul {
		}
	nav.sub ul li ul li {
		}
	nav.sub ul li ul li a {
		background:none;
		}
		
	nav.sub ul li ul li a span {
		padding:0!important;
		background:none!important;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
                            
                            
/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

	nav.breadcrumb { 
		overflow:hidden;
		height:100%;
		position:relative;
		}
	nav.breadcrumb ul { 
		font-size:11px; font-size:1.1rem;
		}
	nav.breadcrumb ul li {
		display:inline;
		float:left;
		margin-right:5px;
		}
	nav.breadcrumb ul li a {
		display:block;
		float:left;
		}
	nav.breadcrumb ul li a span {
		
		}
	nav.breadcrumb ul li div {
		display:block;
		float:left;
		}
	nav.breadcrumb i.fa {
		margin:0;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.5 PAGINATION NAVIGATION             
    -------------------------------------------------- */

	nav.pagination {
		overflow:hidden;
		height:100%;
		position:relative;
		margin:30px 0;
		}
	nav.pagination.post {
		}
	nav.pagination ul { 
		text-align:center;
		}
	nav.pagination ul li {
		margin-right:5px;
		display:inline;
		}
	nav.pagination ul li.prev,
	nav.pagination ul li.next {
		position:absolute;
		float:none;
		margin:0;
		}
	nav.pagination ul li.prev {
		left:0;
		}
	nav.pagination ul li.next {
		right:0;
		}
	nav.pagination ul li span,
	nav.pagination ul li a span {
		display:inline-block;
		padding:8px 17px;
		border-width:1px; border-style:solid;
		}
	nav.pagination ul li a span {
		}
	nav.pagination ul li div {
		display:inline-block;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	nav.pagination ul li {
		display:none;
		}
	nav.pagination ul li.prev,
	nav.pagination ul li.next {
		position:relative;
		display:inline-block;
		float:left;
		}
	nav.pagination ul li.next {
		float:right;
		}
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.6 SITEMAP NAVIGATION             
    -------------------------------------------------- */

	nav.sitemap {
		overflow:hidden;
		height:100%;
		position:relative;
		}
	nav.sitemap ul { 
		margin:5px 0 20px;
		}
	nav.sitemap ul li {
		display:block;
		padding:0 0 5px 14px;
		background:url('/images/bg/sitemap_line.png') no-repeat left top;
		}
	nav.sitemap ul li a {
		}
	nav.sitemap ul li a span {
		}
	nav.sitemap ul li ul {
		padding-bottom:5px;
		margin-bottom:0;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.7 SOCIAL NAVIGATION        
    -------------------------------------------------- */
                    
	.social nav { 
		overflow:hidden;
		height:100%;
		position:relative;		
		}
	.social nav ul { 
		}
	.social nav ul li {
		float:left;
		display:block;
		margin-right:5px;
		margin-bottom:5px;
		}
	.social nav ul li.first { 
		}
	.social nav ul li.last {
		}
	.social nav ul li.odd { 
		}
	.social nav ul li.even {
		}
	
	.social nav ul li a {
		display:block;
		float:left;
		text-indent:-9999px;
		width:32px;
		height:32px;
		background-image:url('../images/icons/social.png');
		background-repeat:no-repeat;
		}
	.social nav ul li.first a { 
		}
	.social nav ul li.last a { 
		}
	
	.social nav ul li.facebook a {
		background-position:left top;
		}
	.social nav ul li.twitter a {
		background-position:left -32px;
		}
	.social nav ul li.linkedin a {
		background-position:left -64px;
		}
	.social nav ul li.google_plus a {
		background-position:left -96px;
		}
	.social nav ul li.pinterest a {
		background-position:left -128px;
		}
	.social nav ul li.instagram a {
		background-position:left -160px;
		}
	.social nav ul li.flickr a {
		background-position:left -192px;
		}
	.social nav ul li.tumblr a {
		background-position:left -224px;
		}
	.social nav ul li.vimeo a {
		background-position:left -256px;
		}
	.social nav ul li.youtube a {
		background-position:left -288px;
		}
	.social nav ul li.dribble a {
		background-position:left -320px;
		}
	.social nav ul li.skype a {
		background-position:left -352px;
		}
	.social nav ul li.rss a {
		background-position:left -384px;
		}  
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
	
	                       
/*  --------------------------------------------------
    5.8 QUICK LINKS        
    -------------------------------------------------- */
        
	.quick_links nav {
		overflow:hidden;
		height:100%;
		}
	.quick_links nav ul {
		}
	.quick_links nav ul li {
		display:inline;
		float:left;
		width:33%;
		margin-bottom:5px;
		}
	.quick_links nav ul li a {
		display:block;
		float:left;
		} 
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.quick_links nav ul li {
		width:50%;
		}
		
	}
	
	@media (max-width:767px) {
		
	footer .quick_links {
		padding-top:20px;
		margin:20px 0 20px;
		}
	.quick_links nav ul li {
		width:48%;
		}
	.quick_links nav ul li.odd {
		clear:both;
		}
	.quick_links nav ul li.even {
		float:right;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
     
	nav.footer {
		padding:20px 0 0;
		margin-top:20px;
		}
	nav.footer ul {
		font-size:12px; font-size:1.2rem;
		}
	nav.footer ul li {
		float:left;
		display:inline;
		margin-right:10px;
		margin-bottom:0;
		}
	nav.footer ul li.first {
		}
	nav.footer ul li.last {
		}
	nav.footer ul li a {
		}
	nav.footer ul li.copyright {
		}
	nav.footer ul li.copyright a {
		}
	nav.footer ul li.back_to_top {
		}
	nav.footer ul li.back_to_top a {
		}
	nav.footer ul li.site_credit {
		float:right;
		margin-right:0;
		}
	nav.footer ul li.site_credit a {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	nav.footer ul li.site_credit {
		clear:left;
		float:right;
		margin-top:-12px
		}
	nav.footer ul li.back_to_top {
		clear:both;
		margin-top:20px;
		float:left;
		}
		
	}
	
	@media (max-width:767px) {
		
	nav.footer ul li.copyright {
		clear:both;
		float:none;
		display:block;
		margin-bottom:20px;
		}
	nav.footer ul li.site_credit,
	nav.footer ul li.back_to_top {
		clear:both;
		margin-top:20px;
		float:left;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */
     
	.slick-prev, .slick-next {
		z-index:30;
		width:60px;
		height:60px;
		position:absolute;
		top:45%;
		background:none;
		border:0 none;
		cursor:pointer;
		}
	.slick-prev {
		left:0;
		}
	.slick-next {
		right:0;
		}
		
	.slick-prev, .slick-next {		
   		display: table;
		}
	.slick-prev i.fa, .slick-next i.fa {
		position:relative;
		margin:0!important;
		display:block;
		text-align:center;
   		display: table-cell;
   		vertical-align: middle;
		}
        
                            
                               
/*  --------------------------------------------------
    6.0 BANNER      
    -------------------------------------------------- */
	
	.banner,
	.banner .slides,
	.banner .slides .item {
		width:100%;
		}
	.banner {
		overflow:hidden;
		height:100%;
		position:relative;
		}
		
	body.inner .banner {
		padding-top:70px;
		}
	body.inner .banner .container {
		height:220px;
		display:table;
		}
	body.inner .banner .row {
		height:100%;
		display:table-cell;
		vertical-align:middle;
		}
		
	.banner .row {
		margin-bottom:0;
		}
	.banner .slides {
		overflow:hidden;
		height:auto;
		position:relative;
		}
	.banner .slides .item,
	body.inner .banner {
		position:relative;
		background-repeat:no-repeat; background-position:center;
		background-size:cover;
		}
		
	body.home .banner .slides .item {
		height:100vh; 
		padding:0;
		}
	.banner .slides img {
		display:block;
		overflow:hidden;
		width:100%; max-width:100%; height:auto;
		}	
		
	.banner .slides a {
		}
	.banner .slides .info {
		text-align:center;
		}		
	.banner .slides .info p {
		font-size:18px; font-size:1.8rem;
		}
	.banner .slides .info .heading {
		padding:0 0 10px;
		font-size:26px; font-size:2.6rem;
		color:inherit;
		}
	.banner .slides a:hover .info .heading {
		text-decoration:underline;
		} 
		
	.banner .slides .slick-prev,
	.banner .slides .slick-next {
		top:auto; bottom:0;
		width:60px;
		height:60px;
		}
	.banner .slides .slick-prev {
		left:0;
		}	
			
	@media (min-width:1024px) {

	body.home .banner .slides .item {
		max-height:500px;
		}
		
	.banner .slides .info {
		padding-bottom:6em;
		}
	.banner .slides .info p {
		font-size:22px; font-size:2.2rem;
		}
	.banner .slides .info .heading {
		font-size:42px; font-size:4.2rem;
		}
	}
		
			
	@media (min-width:1024px) and (max-width:1024px) {

	body.home .banner .slides .item {
		max-height:675px;
		}

	}
			
	@media (min-width:768px) {	
		
	.banner .slides .slick-prev,
	.banner .slides .slick-next {
		width:80px;
		height:80px;
		}
	.banner .slides .slick-prev {
		right:80px; left:auto;
		}
	.banner .slides .info {
		text-align:left;
		bottom:0;
		}
	body.home .banner .slides .info {
		width:100%;
		position:absolute;
		}
			
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.banner .slides .info {
		padding-bottom:3em;
		}
	.banner .slides .info p {
		font-size:20px; font-size:2.0rem;
		}
	.banner .slides .info .heading {
		font-size:32px; font-size:3.2rem;
		}

	body.home .banner .slides .item {
		max-height:928px;
		}
		
	}
	
	@media (max-width:767px) {
		
	body.home .banner .slides {
		height:100%;
		}
	.banner .slides .info {
		width:100%;
		height:100%;
		display:table;
		}
	.banner .slides .info .container {
		width:100%;
		height:100%;
		display:table;
		}
	.banner .slides .info .container .row {
		padding:0 2em;
		height:100%;
		display:table-cell;
		vertical-align:middle;
		}
	.banner {
		text-align:center;
		}
		
	}
	
	@media (max-width:479px) {

	body.home .banner .slides .item,
	body.home .banner .slides .info .container,
	body.home .banner .slides .info .container {
		height:420px;
		}

	}
	
	@media (min-width:480px) and (max-width:767px) {

	body.home .banner .slides .item,
	body.home .banner .slides .info .container,
	body.home .banner .slides .info .container {
		max-height:320px;
		}
	}
		                          
                            
                            
/*  --------------------------------------------------
    7.0 PROMO PODS         
    -------------------------------------------------- */

	.promo_pods {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
		}
	.promo_pods.wide {
		}
	body.home .promo_pods {
		}
	.promo_pods .item {
		overflow:hidden;
		height:100%;
		position:relative;
		margin-bottom:20px;
		}
	.promo_pods .item.first { 
		}
	.promo_pods .item.last { 
		}
	.promo_pods .item.odd { 
		}
	.promo_pods .item.even { 
		}
	.promo_pods .item.right { 
		}
		
	.promo_pods .item a {
		}
	.promo_pods .item.imagepod a,
	.promo_pods .item.videopod a {
		display:block;
		}
	.promo_pods .item a:hover .text {
		text-decoration:none;
		}
		
	.promo_pods .item .image {
		}
	.promo_pods .item .info {
		}
		
	.promo_pods .item img { 
		display:block;
		overflow:hidden;
		margin:0 0 5px;
		}
	.promo_pods .item.imagepod img,
	.promo_pods .item.videopod img {
		width:100%;			
		margin:0;
		}
	.promo_pods .item p.heading { 
		display:block;
		padding:0 0 5px;
		}
	.promo_pods .item .text { 
		display:block;
		padding-bottom:0;
		}
	.promo_pods .item .text p {
		padding:0;
		}
	.promo_pods .item .link { 
		padding:5px 0 0;
		}

	.promo_pods .item.videopod a .overlayicon {
		display:block;
		position:absolute;
		top:42.5%; right:0; bottom:0; left:0;	
		text-align:center;
		}
	.promo_pods .item.videopod a .overlayicon i {
		}

			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {

	.promo_pods.wide .item.bookend-right {
		margin-right:0;
		}
	.promo_pods.wide .item.bookend-left {
		margin-left:0;
		clear:both;									
		}

	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.promo_pods .item .image {
		max-width:140px;
		}
	.promo_pods .item.imagepod .image,
	.promo_pods .item.videopod .image {
		max-width:100%;
		}

	}
	
	@media (min-width:480px) and (max-width:767px) {

	.promo_pods.wide .item {
		width:48%!important;
		float:left!important;
		display:block!important;
		}
	.promo_pods.wide .item.odd {
		margin-left:0;
		clear:both;
		}
	.promo_pods.wide .item.even {
		margin-right:0;
		float:right!important;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    8.0 LISTING   
    -------------------------------------------------- */

	.listing { 
		overflow:hidden;
		height:100%;
		position:relative;
		padding-top:10px;
		margin-top:10px;
		}
	.listing.blog {
		margin:0;
		padding:0;
		border:0 none;
		}
	.promo_pods .item .listing {
		margin:0;
		padding:0;
		}
	.listing .item { 
		position:relative;
		overflow:hidden;
		height:100%;
		display:block;
		padding-bottom:10px;
		margin-bottom:10px;
		}	
	.promo_pods .item .listing .item {
		margin:5px 0;
		padding:5px 0;
		float:none!important;
		width:100%!important;
		}
	.listing .item .image,
	.listing .item .info {
		display:block;
		}	
	.listing .item .image {
		float:right; 
		margin:0 0 1em 2em;
		max-width:240px;
		overflow:hidden;
		height:100%;
		}
	.listing .item .image img {
		display:block;
		overflow:hidden;
		height:auto;
		}	
	.listing.blog .item .image {
		float:none; margin:0 0 1em;
		max-width:100%;
		}
	.listing .item a { 
		display:block;
		overflow:hidden;
		height:100%;
		}		
	.listing .item p.heading { 
		display:block;
		padding:0 0 5px;
		}
	.listing .item a:hover .heading {
		text-decoration:underline;
		}
	.promo_pods .item .listing .item p.heading {
		font-size:14px; font-size:1.4rem;
		padding:0;
		}
	.listing .item .text {
		display:block;
		padding:0 0 10px; 
		}
	.listing .item .text a {
		display:inline;
		}
		
	/* GRID LISTING LAYOUT */	
	.listing.grid {
		margin:0 0 20px;
		}	
	.listing.grid .item {
		display:inline;
		float:left;
		padding:0;
		margin:0;
		/*
		margin-right:1%;
		margin-left:1%;
		*/
		}
	.listing.grid .item a {
		position:relative;
		}
	.listing.grid .item .image {
		float:none; margin:0; padding:0; max-width:100%;
		} 
	.listing.grid .item .image img {
		width:100%;
		display:block;
		overflow:hidden;
		float:none; margin:0; padding:0;
		}
	.listing.grid .item .info {
		position:absolute;
		top:0; right:0; bottom:0; left:0;
		display:table;
		width:100%; height:100%;
		}
	.listing.grid .item .info .heading {
		display:table-cell;
		vertical-align:middle;
		padding:0 1em;
		}
	.listing.grid .item a:hover .info .heading {
		text-decoration:none;
		}

	div.meta,
	.listing .item span.price,
	.listing .item span.rating { 
		display:block;
		font-size:12px; font-size:1.2rem; 
		padding:10px 0;
		overflow:hidden;
		height:100%;
		}
	div.meta {
		padding-top:0;
		margin-bottom:10px;
		}
	div.meta a:hover {
		text-decoration:underline;
		}
	.item div.meta {
		}
	.promo_pods .item .listing .item div.meta {
		border:0 none;
		margin:0;
		padding:0;
		}	
	div.meta div {
		padding-top:10px;
		overflow:hidden;
		height:100%;
		}
	div.meta a,
	.listing .item div.meta a,
	.listing .item span.price a {
		display:inline;
		}
	.listing .item span.price {
		}
	div.meta span.author,
	div.meta span.date,
	div.meta span.comments,
	div.meta span.categories,
	.listing .item span.price span.now,
	.listing .item span.price span.was {
		display:inline;
		float:left;
		margin-right:5px;
		}
	div.meta span.comments {
		float:left;
		clear:both;
		}
	div.meta span.categories {
		float:right;
		margin:0;
		}
	.listing .item span.price.discount span.now {
		}
	.listing .item span.price span.was {
		text-decoration:line-through;
		}
	div.meta span.comments {
		font-weight:400;
		} 
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.page_component.listing .item .image,
	.listing.section .item .image {
		float:right;
		margin-left:40px;
		}
		
	.listing.blog .item .image {
		width:100%;
		}	
		
	#mid_col .listing.grid .item,
	#left_col .listing.grid .item,
	#right_col .listing.grid .item {
		width:50%;
		}
	#wide_col .listing.grid .item,
	body.home .listing.grid .item {
		width:33.333333333%;
		}
	.listing.grid .item .image {
		float:none;
		margin-left:0;
		}
	.listing.grid .item .image img {
		}
	.listing.grid .item .image,
	.listing.grid .item .info {
		display:block;
		}	
	.listing.grid .item.bookend-left {
		clear:both;
		margin-left:0;
		}
	.listing.grid .item.bookend-right {
		float:right;
		margin-right:0;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.listing .item .image {
		padding-bottom:10px;
		}
	.listing .item div.meta span.categories {
		float:left;
		clear:both;
		display:block;
		padding-top:5px;
		}
		
	.listing.grid .item.odd {
		clear:both;
		float:left;
		margin-left:0;
		}
	.listing.grid .item.even {
		float:right;
		margin-right:0;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
		
	.listing.grid .item {
		width:50%!important;
		}
		
	body.home .listing.grid .item {
		display:none;
		}
	body.home .listing.grid .item:nth-child(1),
	body.home .listing.grid .item:nth-child(2) {
		display:block;
		}
		
	}
	
	@media (max-width:479px) {
		
	.listing.grid .item {
		width:100%!important;
		margin:0;
		}
	.listing .item .image {
		float:none; 
		margin:0 0 1em;
		padding:0;
		display:block;
		max-width:220px;
		}
	.listing .item .image img {
		max-width:100%;				
		}
		
	body.home .listing.grid .item {
		display:none;
		}
	body.home .listing.grid .item:nth-child(1) {
		display:block;
		}
		
	}



/*  --------------------------------------------------
    9.0 BOX
    -------------------------------------------------- */

	.box {
		padding:1.5em;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.0 PAGE COMPONENT
    -------------------------------------------------- */

	.page_component {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:2em;
		}
	.page_component.textblock {
		margin:0;
		}
	
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.1 TABBED
    -------------------------------------------------- */

	.tabbed {
		}
	.tabbed nav {
		}
	.tabbed nav ul {
		height:58px;
		border-width:0 0 1px; border-style:solid;
		font-size:16px; font-size:1.6rem;
		}
	.tabbed nav ul li {
		display:inline;
		float:left;
		margin:0 5px 0 0;
		}
	.tabbed nav ul li a {
		display:block;
		float:left;
		height:41px;
		padding:15px 25px 0;
		border-width:2px 1px 0; border-style:solid;
		}
	.tabbed nav ul li.last a {
		}
	.tabbed nav ul li a:hover {
		}
	.tabbed nav ul li a.active {
		height:42px;
		position:relative;
		bottom:0;
		}
	.tabbed .panes {
		padding:15px 0 5px;
		}
	.tabbed .panes .pane {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.tabbed nav ul {
		font-size:18px; font-size:1.8rem;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.2 ACCORDION
    -------------------------------------------------- */

	.accordion {
		border-width:0 0 1px; border-style:solid;
		}
	.accordion .tab {
		font-size:16px; font-size:1.6rem;
		}
	.accordion .tab a {
		display:block;
		padding:1em 1.5em;
		border-width:2px 1px 0; border-style:solid;
		}
	.accordion .tab:first-child a {
		border-bottom:0;
		}
	.accordion .tab a:hover {
		}
	.accordion .tab a.active {
		border-bottom:0 none;
		position:relative;
		}
	.accordion .pane {
		display:none;
		padding:0.5em 2em;
		border-width:0 1px; border-style:solid;
		}  
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.accordion .tab {
		font-size:18px; font-size:1.8rem;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}   



/*  --------------------------------------------------
    10.3 QUOTES
    -------------------------------------------------- */

	.quotes {
		}  
	.quotes i {
		display:none;
		}	
	.quotes blockquote {
		padding:1.5em;
		}
	.quotes blockquote p {
		font-style:italic;
		}
	.quotes.page_component blockquote p {
		font-style:italic;
		font-size:20px; font-size:2.0rem;	
		}
			
	@media (min-width:1024px) {	
	.quotes.page_component blockquote p {
		font-size:30px; font-size:3.0rem;	
		}
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	.quotes.page_component blockquote p {
		font-style:italic;
		font-size:24px; font-size:2.4rem;	
		}
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    10.4 IMAGES             
    -------------------------------------------------- */
                            
	.page_component.image {
		margin:0 0 1em;
		}               
	.page_component.image.right { 
		float:right;
		margin:0 0 1em 2em;
		}                
	.page_component.image.left { 
		float:left;
		margin:0 2em 1em 0;
		}               
	.page_component.image img { 
		display:block;
		overflow:hidden;
		max-width:100%;
		height:auto; 
		}           
	.page_component.image .text {
		position:absolute;
		padding:10px;
		right:0;
		bottom:0;
		left:0;
		font-size:11px; font-size:1.1rem;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	
	.page_component.image {
		float:none!important;
		margin:0 auto 20px!important;
		}         
	.page_component.image .text {
		display:block;
		position:relative;
		right:auto;
		bottom:auto;
		left:auto;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	

                            
/*  --------------------------------------------------
    10.5 GALLERY        
    -------------------------------------------------- */
	
	.gallery { 
		}
	.gallery p.heading {
		}
	.gallery .item { 
		float:left;
		display:inline-block;
		margin:0 1% 15px 1%;
		overflow:hidden;
		}
	.gallery .item a {
		position:relative;
		display:block;
		}
	.gallery .item img {
		display:block;
		overflow:hidden;
		width:100%;
		}
	.gallery .item a .overlayicon {
		display:block;
		position:absolute;
		top:0; right:0; bottom:0; left:0;	
		text-align:center;
		}
	.gallery .item a .overlayicon i {
		margin-top:22.5%;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {

	#mid_col .gallery .item {
		width:49%;
		}
	#left_col .gallery .item, 
	#right_col .gallery .item {
		width:32%;
		}
	#wide_col .gallery .item {
		width:23.5%;
		}
	.gallery .item.bookend-left { 
		margin-left:0;
		clear:both;
		}
	.gallery .item.bookend-right {
		margin-right:0;
		float:right;
		}
	.gallery .item a img {
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {

	.gallery .item {
		width:49%!important;
		}
	.gallery .item.odd {
		margin-left:0;
		clear:both;
		}
	.gallery .item.even {
		float:right;
		margin-right:0;
		}
	.gallery .item.even a {
		}
	.gallery .item a img {
		width:100%;	
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
        
                            
                            
/*  --------------------------------------------------
    10.6 RESOURCES         
    -------------------------------------------------- */

	.resources { 
		border-width:0 1px 1px;
		border-style:solid;
		}
	.resources .item { 
		overflow:hidden;
		height:100%;
		}
	.resources .item.first { 
		}
	.resources .item.last {
		}
	.resources .item.odd {
		}
	.resources .item.even {
		}	
	.resources .item a { 
		display:block;
		padding:1em 1.5em;
		border-width:2px 0 0;
		border-style:solid;
		position:relative;
		}
	.resources .item a i.fa {
		position:absolute;
		top:1em; right:1.5em;
		}
	.resources .item p.heading { 
		display:block;
		padding:0 0 5px;
		}
	.resources .item .text {
		display:block;
		}
	.resources .item .text p {
		padding:0 0 5px;
		}
	.resources .item .size { 
		display:block;
		font-style:italic;
		padding:0;
		font-size:11px; font-size:1.1rem;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.7 TABLES
    -------------------------------------------------- */

	table { 
		width:100%; 
		margin: 0 0 30px; 
  
	    border-collapse: separate;
	    *border-collapse: collapse; /* IE7 and lower */
	    border-spacing: 0;  
	
		/*
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border-radius: 5px; 
		*/
		}
	
	table thead { 
		}
	table tr th,
	table tr td { 
		padding:10px;
		text-align:left; 
		}
	table tr th {
		font-weight:400;
		}
	table thead tr th,
	table tfoot tr td { 
		}
	table thead tr th.first, 
	table tfoot tr td.first { 
		border-left: none; 
		}
	table thead tr th.last, 
	table tfoot tr td.last { 
		border-right: none; 
		}

	table tbody tr.even td { 
		}
	table tbody tr td { 
		vertical-align: top; 
		border: none; 
		}

	table#fancybox-title-float-wrap,
	table#fancybox-title-float-wrap tr th,
	table#fancybox-title-float-wrap tr td {
		background:none!important;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    10.8 COMMENTS            
    -------------------------------------------------- */

	div.comments {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}


                            
/*  --------------------------------------------------
    10.9 AUTHOR BIO
    -------------------------------------------------- */
	
	.author_bio {
		}
	.author_bio .box {
		padding-bottom:0.25em;
		}
	.author_bio p.heading {
		}
	.author_bio .info {
		}
	.author_bio .info p.heading {
		padding-top:0;
		font-size: 18px; font-size:1.8rem;
		}
	.author_bio .info .text {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {

	.author_bio .info p.heading {
		font-size: 16px; font-size:1.6rem;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
	
	
/*  --------------------------------------------------
	10.10 IMAGE SLIDESHOW
    -------------------------------------------------- */
	
	.slideshow {
		}
	.slideshow .item {
		display:block;
		}
	.slideshow .item .image {
		}
	.slideshow .item .image img {
		display:block;
		overflow:hidden;
		}
	.slideshow .item .info {
		}
	.slideshow .item .info .text { 
		position:absolute;
		padding:10px;
		right:0;
		bottom:0;
		left:0;
		font-size:11px; font-size:1.1rem;
		}
			
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}


                            
/*  --------------------------------------------------
    11.0 FORMS
    -------------------------------------------------- */
	
	fieldset {	
		padding:0 0 10px;
		margin:0 0 10px;
		position:relative;
		}
	
	fieldset.buttons {
		padding-top:0;
		border-bottom:0 none;
		}

	fieldset .row {
		padding:0;
		}
	
	/* GENERAL FIELDS */	
	fieldset .general {
		display:block;
		padding:5px 0;
		position:relative;
		overflow:hidden;
		height:100%;
		}
	fieldset .general label {
		display:block;
		padding:0 0 5px;	
		}	
	
	fieldset div.general span.wrap {
		position:relative;	
		display:block;
		}		
	
	fieldset div.general input,
	fieldset div.general select,
	fieldset div.general textarea {
		border-width:2px 1px 1px; border-style:solid;
		padding:12px 15px;
		display:block;
		width:100%;
		vertical-align: middle;
		}
	fieldset .general input:focus,
	fieldset .general select:focus,
	fieldset .general textarea:focus {
		}
		
	/* CHECKBOX & RADIO BUTTONS */	
	fieldset .checkbox {	
		padding:5px 0;
		display:block;
		margin-top:5px;
		overflow:hidden;
		height:100%;
		}	
	fieldset .radiobutton {	
		padding:5px 0;
		display:block;
		margin-top:5px;
		overflow:hidden;
		height:100%;
		}	
	fieldset .general label,
	fieldset .checkbox label,
	fieldset .radiobutton label {
		display:block;
		padding:0 0 5px;	
		}
	fieldset .checkbox label.options,
	fieldset .radiobutton label.options {
		cursor:default;
		}
	fieldset .checkbox ul,
	fieldset .radiobutton ul {
		border-width:2px 1px 1px;
		border-style:solid;
		}
	fieldset .checkbox ul li,
	fieldset .radiobutton ul li {
		padding:7px 5px 3px;
		margin:0;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	fieldset .checkbox ul li.first,
	fieldset .radiobutton ul li.first {
		}
	fieldset .checkbox ul li.last,
	fieldset .radiobutton ul li.last {
		border-bottom:0 none;
		}
	fieldset .checkbox ul li.odd,
	fieldset .radiobutton ul li.odd {
		}
	fieldset .checkbox ul li.even,
	fieldset .radiobutton ul li.even {
		}
	fieldset .checkbox ul li label,
	fieldset .radiobutton ul li label {
		}
	fieldset .checkbox input,
	fieldset .radiobutton input {
		display:inline;
		float:left;
		margin:2px 5px 0 0;
		padding:0;	
		border:0 none;
		background:auto;
		}
		

	/* NOTES */
	fieldset label em.req {
		font-style:normal;
		}
	fieldset span.note {
		display:block;
		font-size:12px; font-size:1.2rem;
		padding:5px 0 0;
		}

	
	/* VALIDATION */
	fieldset div.general span.field-validation-error,
	fieldset .error span.req {
		padding:5px;
		display:block;
		font-size:12px; font-size:1.2rem;
		}
	fieldset div.general input.input-validation-error,
	fieldset div.general select.input-validation-error,
	fieldset div.general textarea.input-validation-error,
	fieldset .error span.wrap input,
	fieldset .error span.wrap select,
	fieldset .error span.wrap textarea,
	fieldset .error ul {
		}	
	fieldset .checkbox.error span.wrap {	
		}
	
	/* SITE SEARCH */	
	header .site_search {
		max-width:280px;
		margin:0 auto;
		}	
	header .site_search fieldset {
		padding:0;
		margin:0;
		}
	header .site_search fieldset div.general {
		padding:0;
		}
	header .site_search fieldset div.general input {
		height:40px;
		}
	header .site_search fieldset button.button {
		margin:0;
		position:absolute;
		right:0;
		top:0;
		z-index:5;
		width:40px;
		height:40px;
		display:block;
		margin:0!important;
		}
	header .site_search fieldset button.button span {
		padding:0;
		display:block;
		}
		
	.newsletter fieldset {
		margin-bottom:0;
		padding-bottom:0;
		}
	body.home .newsletter fieldset label {
		display:none;
		}	
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
			
	header .site_search {
		padding:2em 0 2.5em;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {	
			
	header .site_search {
		padding:1em 0 1.5em;
		}
			
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		              
                            
                            
/*  --------------------------------------------------
    11.1 BUTTONS         
    -------------------------------------------------- */
	
	span.button a,
	button.button {
		display:inline-block;
		margin:15px 10px 0 0;
		/* IE7 */
		zoom:1;
		*display:inline;
		color:#fff;
		text-align:center;
		border-width:1px;
		border-style:solid;
		text-decoration:none!important;
		font-size:18px; 
	    font-size:1.8rem;
		}
		
	/* SIZE */	
	span.button.block a,
	button.button.block {
		width:100%;
		display:block;
		margin-right:0;
		}
	span.button.big a,
	button.button.big {
		font-size:22px; font-size:2.2rem;
		margin-right:20px;
		}
		
	span.button.right a,
	button.button.right {
		float:right;
		margin-right:0;
		margin-left:10px;
		}
	
	/* PADDING */	
	span.button a span,
	button.button span {
		padding:12px 25px;
		display:inline-block;
		}
	span.button.med a span,
	button.button.med span {
		}
	span.button.big a span,
	button.button.big span {
		}	
	span.button a:hover,
	button.button:hover {
		background-image:none;
		}
	span.button.big a:hover,
	button.button.big:hover {
		}
		
	
	/* ACTIVE */
	span.button a:active,
	button.button:active {
		position:relative;
		top:1px;
		
		box-shadow:none;
		}
		
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
		
	@media (max-width: 767px) {
		
	span.button a,
	span.button.right a,
	button.button.right {
		float:none;
		margin:10px auto!important;
		clear:both;
		}
	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}	
	

                            
/*  --------------------------------------------------
    11.2 AJAX LOADING         
    -------------------------------------------------- */

	.ajax_wrap {
		position:relative;
		width:100%;
		height:100%;
		}
	.ajax_wrap .ajax_loading {
	  	position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:10;
		} 
	.ajax_wrap .ajax_loading .loading {
		margin:0;
		position:relative;
		text-align:center;
		display:table;
		width:100%;
		height:100%;
		}
	.ajax_wrap .ajax_loading .loading span.message {
		display:table-cell;
		width:100%;
		height:100%;
		text-indent:-9999px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:center;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    11.3 ALERTS
    -------------------------------------------------- */

	.alert_box {
		padding:15px 35px 15px 15px;
		margin-bottom:15px;
		position:relative;
		
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
		}
	.alert_box p {
		padding:0;
		}
	.alert_box a.close {
		position:absolute;
		right:10px;
		top:4px;
    	font-size: 18px; font-size: 1.8rem;
		text-decoration:none!important;
		font-weight:bold;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
		-moz-opacity: 0.2;
		-khtml-opacity: 0.2;
    	opacity: 0.2;
		}
	.alert_box a:hover {

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
    	opacity: 0.5;
		}
		
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*	--------------------------------------------------
	END
	-------------------------------------------------- */
	
	
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */