
/* 	--------------------------------------------------
    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 { 
		}	
	#site {
		}
	
	.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;
		}
		
	.borders {
		border-width:1px;
		border-style:solid;
		}

	.promo_pods,
	.listing,
	.page_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 { 
		padding:40px 0;
		}
	.content.main {
		}	
	body.home .content {
		}
	body.inner .content {
		}
	.content #left_col { 
		}
	.content #right_col { 
		}
	.content #mid_col { 
		}
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
		
	.content #left_col,
	.content #mid_col,
	.content #wide_col {
		padding-bottom:30px;
		}
			
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.content { 
		padding:30px 0;
		}
	.content #left_col,
	.content #mid_col,
	.content #wide_col {
		padding-bottom:20px;
		}
		
	body.home .newsletter {
		padding-top:30px;
		border-top-width:1px;
		border-top-style:solid;
		}	
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



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

	header {
		height:105px;
		}
	header .row {
		padding:0;
		}
	header #logo { 
		position:relative;
		top:0;
		left:0;
		margin:10px 0 0;
		float:left;
		width:180px;
		height:75px;
		
		z-index:500;
		}
	header #logo a { 
		width:180px;
		height:75px;
		display:block;
		text-indent:-9999px;
		background-image:url('/images/Healdsburg-Science-Fair-Logo-180x75.jpg');
		background-repeat:no-repeat;
		background-position:left bottom;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}
		
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
		
	header {
		height:180px;
		z-index:500;
		}
	header #logo { 
		position:absolute;
		top:15px;
		float:none;
		margin:0;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	header #logo { 
		}
	header #logo a { 
		background-image:url('/images/Healdsburg-Science-Fair-Logo-180x75.jpg');
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*	--------------------------------------------------
	4.0 FOOTER
	-------------------------------------------------- */
	
	footer { 
		padding:40px 0;
		}
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	
	footer { 
		padding:30px 0;
		}
			
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
     
	.navigation {
		}
	.navigation a.expand {
		display:none;
		}
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
	
	.navigation {
		height:70px;
		position:relative;
		top:105px;
		right:0;
		left:0;
		z-index:300;
		border-top:5px solid;
		}
	.navigation .reveal {
		display:block!important;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
			
	.navigation {
		top:auto;
		height:auto;
		clear:both;
		top:-58px;
		position:relative;
		}
	.navigation a.expand {
		position:relative;
		float:right;
		width:50px;
		height:45px;
		text-indent:-9999px;
		display:block;
		}	
	.navigation a.expand span {
		height:3px; 
		display:block;
		width:30px;
		position:absolute;
		left:10px;
		}
	.navigation a.expand span.top {
		top:10px;
		}
	.navigation a.expand span.mid {
		top:20px;
		}
	.navigation a.expand span.bottom {
		top:30px;
		}
	.navigation a.expand.active span.mid {
		display:none;
		}
	.navigation a.expand.active span.top,
	.navigation a.expand.active span.bottom {
		top:21px;
		}
	.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);
		}
	.navigation .reveal {
		}
		

	/* SLIDE OUT NAV */
	html.reveal_out {
		overflow-y:hidden;
		}
	#site {
		position:relative;
		top:0;
		left:0;
		
		-moz-transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		-webkit-transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		}
	html.reveal_out #site {
		left:-220px;
		}	
	.navigation .reveal {
		position:fixed;
		width:200px;
		padding:10px;
		
		top:0;
		bottom:0;
		right:-100%;
		
		-moz-transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		-webkit-transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		}
	html.reveal_out .navigation .reveal {
		right:0;
		
		-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
		box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
		}
	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
		
		
	.navigation nav.main {
		}
	.navigation nav.main ul {
		font-size:18px; font-size:1.8rem;
		}
	.navigation nav.main ul li {
		}
	.navigation nav.main ul li.home {
		}
	.navigation nav.main ul li.last {
		}
	.navigation nav.main ul li a {
		text-decoration:none;
		}
		
	.navigation nav.main ul li.first a { 
		}
	.navigation nav.main ul li.last a { 
		}
	.navigation nav.main ul li.odd a { 
		}
	.navigation nav.main ul li.even a { 
		}
	.navigation nav.main ul li.home a { 
		}
		
	.navigation nav.main ul li a span { 
		}
	.navigation nav.main ul li.home a span { 
		}	
		
	.navigation nav.main ul li a:hover,
	.navigation nav.main ul li:hover a {
		}	
	.navigation nav.main ul li a.active {
		}
	.navigation nav.main ul li:hover a.active,
	.navigation nav.main ul li a.active:hover {
		}

	.navigation nav.main ul li a span i {
		position:absolute;
		top:24px; right:10px;
		}
	.navigation nav.main ul li ul li a span i {
		top:12px;
		}
		
	.navigation nav.main ul li.has_child a span { 
		padding-right:30px;
		}

	.navigation nav.main ul li ul {
		display:none;
		}
		
	@media (min-width:768px) {		

	/* DROP DOWN 2ND LEVEL */
	.navigation nav.main ul li ul {
		position: absolute;
		left: -999em;
		top: 70px;
		z-index: 2000;
		width: 220px;
		height:auto;
		padding:0;
		display:block;
		border-top:0;
		font-size:14px; font-size:1.4rem;
		}
	.navigation nav.main ul li ul li {
		float: none;
		width: auto;
		display:block;
		border:0 none!important;
		}
	.navigation nav.main ul li ul li a {
		float: none;
		display: block;
		height:auto;
		width:auto;
		line-height:1.3;
		font-weight:normal;
		border:0 none;
		padding:10px 15px;
		margin:0;
		}
	.navigation nav.main ul li ul li.last a { 
		}
	.navigation nav.main ul li ul li a span { 
		padding:0;
		border:0 none;
		display:block;
		background:none!important;
		}
	.navigation nav.main ul li ul li.hover a,
	.navigation nav.main ul li ul li a:hover {
		}
	.navigation nav.main ul li ul li a.active {
		text-decoration:underline;
		padding-left:12px;
		border-left-width:3px;
		border-left-style:solid;
		}
	.navigation nav.main ul li ul li.hover a.active,
	.navigation nav.main ul li ul li a.active:hover {
		}
	.navigation nav.main ul li ul li.hover a span,
	.navigation nav.main ul li ul li a:hover span { 
		}
	
	.navigation nav.main ul li ul li.has_child a span { 
		}

	.navigation nav.main ul li:hover ul ul,
	.navigation nav.main ul li.hover ul ul {
		left: -999em;
		padding:0;
		border-top:0;
		}
	.navigation nav.main ul li:hover ul ul li a,
	.navigation nav.main ul li.hover ul ul li a {
		}
	.navigation nav.main ul li:hover ul ul li a.active,
	.navigation nav.main ul li.hover ul ul li a.active {
		}
	.navigation nav.main ul li.hover ul ul li a span {
		background:none!important;
		}

	.navigation nav.main ul li li:hover ul,
	.navigation nav.main ul li li.hover ul {
		left:220px;
		top:0;
		}

	/* Hover effects */
	.navigation nav.main ul li ul li a:hover {
		text-decoration:underline!important;
		}
	/* Method of popping out the sub-section */
	.navigation nav.main ul li:hover ul,
	.navigation nav.main ul li.hover ul {
		left: 0;
		}
		
	}
		
	@media (min-width:768px) {
		
	nav.main {
		right:0;
		left:0;
		z-index:300;
		}
	nav.main ul {
		z-index:400;
		overflow:visible;
		line-height:1;
		}
	nav.main ul li {
		float:left;
		display:inline;
		position:relative;
		}
	nav.main ul li a {
		display:block;
		float:left;
		height:45px;
		padding:25px 0 0;
		}
	nav.main ul li a:hover,
	nav.main ul li:hover a {
		}
	nav.main ul li:hover a.active,
	nav.main ul li a.active:hover {
		}
		
	nav.main ul li.first a span {
		border-left-style:solid;
 			border-left-width:1px;
		}
	nav.main ul li a span {
		display:block;
		padding:0 1em;
		border-right-style:solid;
 			border-right-width:1px;
		}

	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.navigation nav.main ul li.has_child a span { 
		padding-right:15px;
		}
	.navigation nav.main ul li a span i {
		display:none;
		}

	}
	
	@media (max-width:767px) {
	
	
	.navigation nav.main ul li a span i {
		display:none;
		}

	.navigation nav.main ul {
		position:relative;
		clear:both;
		}
	.navigation nav.main ul ul {
		display:none!important;
		}
	.navigation nav.main ul li {
		display:block;
		}
	.navigation nav.main ul li a {
		display:block;
		padding:10px;
		}
	.navigation nav.main ul li.has_child a span {
		background-image:none;
		}

	/* SLIDE OUT NAV */
	html.reveal_out {
		overflow-y:hidden;
		}
	html.reveal_out #site {
		position:relative;
		top:0;
		left:-220px;
		}	
	html.reveal_out .navigation .reveal {
		width:200px;
		padding:10px;
		overflow-y:scroll;
	
		min-height:100%;
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		}
	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */

	.navigation nav.top { 
		overflow:hidden;
		height:100%;
		z-index:5;
		}
	.navigation nav.top ul { 
		}
	.navigation nav.top ul li {
		}
	.navigation nav.top ul li a {
		}
	.navigation nav.top ul li a span {
		}
	.navigation nav.top ul li div {
		}
	.navigation nav.top ul li.logout a {
		display:inline;
		}
	.navigation nav.top ul li.logout div {
		display:inline;
		margin-right:5px;
		}
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
		
	.navigation nav.top { 
		overflow:hidden;
		height:100%;
		position:absolute;
		top:-53px;
		}
	.navigation nav.top ul { 
		height:20px;
		}
	.navigation nav.top ul li {
		display:inline;
		float:left;
		margin-left:20px;
		}
	.navigation nav.top ul li a {
		display:block;
		float:left;
		}
	.navigation nav.top ul li a span {
		}
	.navigation nav.top ul li div {
		display:block;
		float:left;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.navigation nav.top ul {
		position:relative;
		clear:both;
		padding:20px 0 0;
		}
	.navigation nav.top ul li {
		display:block;
		}
	.navigation nav.top ul li a {
		display:block;
		padding:10px;
		}
		
	}
	
	@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 {
		padding:0;
		font-size:16px; font-size:1.6rem;
		}
	nav.sub p.heading a { 
		display:block;
		}
	nav.sub p.heading span { 
		font-weight:400;
		display:block;
		padding:10px 15px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	nav.sub ul {
		}
	nav.sub ul li {
		display:inline;
		}
	nav.sub ul li.first { 
		}
	nav.sub ul li.last { 
		}
	nav.sub ul li a {
		display:block;
		padding:10px 15px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	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 {
		}
	nav.sub ul li a.active {
		position:relative;
		bottom:0;
		font-weight:500;
		}
	nav.sub ul li a span {
		display:block;
		}
		
	nav.sub ul li.has_child a.active {
		border:0 none;
		}
		
	nav.sub ul li ul {
		font-size:12px; font-size:1.2rem;
		padding:0;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	nav.sub ul li.last ul {
		border-bottom:0 none;
		}
	nav.sub ul li ul li {
		
		}
	nav.sub ul li ul li { 
		}
	nav.sub ul li ul li.first { 
		}
	nav.sub ul li ul li.last { 
		}
	nav.sub ul li ul li a {
		border:0 none;
		background:none;
		}
	nav.sub ul li ul li.first a { 
		}
	nav.sub ul li ul li.last a { 
		}
	nav.sub ul li ul li a:hover {
		}
	nav.sub ul li ul li a.active { 
		}
	nav.sub ul li ul li a.active:hover {
		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             
    -------------------------------------------------- */

	.breadcrumb_bar {
		padding:15px 0;
		}
	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;
		}
		
	@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;
		}
	nav.pagination.post {
		margin:30px 0;
		}
	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:10px;
		}
	nav.pagination ul li.next {
		right:10px;
		}
	nav.pagination ul li a {
		padding:5px;
		}
	nav.pagination ul li a span {
		}
	nav.pagination ul li div {
		display:inline;
		}
		
	@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.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) {
		
	footer .social {
		padding-bottom:30px;
		margin:30px 0 30px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
		
	}
	
	@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;
		margin-bottom:10px;
		width:48%;
		}
	footer .quick_links nav ul li {
		width:33%;
		}
	.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) {
	}
	
	@media (max-width:767px) {
		
	footer .quick_links {
		padding-bottom:30px;
		margin:0 0 30px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	.quick_links nav ul li,
	footer .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;
		float:left;
		margin-top:20px;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */
     
	.slick-prev, .slick-next {
		z-index:30;
		width:50px;
		height:50px;
		position:absolute;
		top:45%;
		background:none;
		border:0 none;
		cursor:pointer;
		}
	.slick-prev {
		left:0;
		}
	.slick-next {
		right:0;
		}
	
	.gallery .slick-prev,
	.gallery .slick-next {
		width:40px;
		height:40px;
		top:-50px;
		}
	.gallery .slick-prev {
		left:auto; right:40px;					
		}
	.gallery .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;
		}

	@media (max-width:767px) {

	.gallery .slick-prev,
	.gallery .slick-next {
		top:35%;
		}
	.gallery .slick-prev {
		left:0; right:auto;		
		}

	}
        
                            
                               
/*  --------------------------------------------------
    6.0 BANNER      
    -------------------------------------------------- */
	
	.banner {
		overflow:hidden;
		height:100%;
		position:relative;
		}
	.banner .slides {
		overflow:hidden;
		height:100%;
		position:relative;
		}
	.banner .slides .item {
		height:auto;
		position:relative;
		background-repeat:no-repeat;
		background-position:center top;
		}	
	.banner .slides .info {
		padding-top:40px;
		padding-bottom:20px;
		}
	.banner .slides .info p {
		font-size:20px; font-size:2.0rem;
		line-height:1.3;
		}
	.banner .slides .info .heading {
		padding:0 0 5px;
		line-height:1.25;
		font-size:42px; font-size:4.2rem;
		}
		
		
	@media (min-width:1024px) {
		
	}
		
	@media (min-width:768px) {
			
	.banner .slides .item {
		min-height:370px;
		min-height:600px;		}
		
	.banner .slides .item {
		}
	.banner .slides .info {
		width:48%;
		}
	.banner .slides .text p {
		font-size:24px; font-size:2.4rem;
		}
	.banner .slides .text .heading {
		font-size:38px; font-size:3.8rem;
		}
			
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	
	.banner .slides .item {
		background-position:center top;
		}	
	.banner .slides .info {
		padding-bottom:0;
		}
	.banner .slides .info p {
		font-size:20px; font-size:2.0rem;
		}
	.banner .slides .info .heading {
		font-size:36px; font-size:3.6rem;
		}
			
	.banner .slick-prev,
	.banner .slick-next {
		top:auto;
		bottom:0;
		}

	.banner .slick-prev {
		left:auto;right:50px;
		}
		
	}
	
	@media (max-width:767px) {
		
	.banner .slides .item {
		min-height:320px;
		min-height:500px;
		background-position:center bottom;
		background-size:auto 100%;
		text-align:center;
		}
	.banner .slides .info {
		width:80%;
		margin:0 auto;
		}
	.banner .slides .info .heading {
		display:block;
		padding:0;
		font-size:30px; font-size:3.0rem;
		}
			
	.banner .slick-prev,
	.banner .slick-next {
		top:auto;
		bottom:0;
		}		
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		                          
                            
                            
/*  --------------------------------------------------
    7.0 PROMO PODS         
    -------------------------------------------------- */

	.promo_pods {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
		}
	body.home .promo_pods {
		
		}
	.promo_pods ul {
		}
	.promo_pods .item {
		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 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;
		font-size:16px; font-size:1.6rem;
		}
	body.home .promo_pods .item p.heading  {
		font-size:20px; font-size:2.0rem;
		}
	.promo_pods .item .info {
		}
	.promo_pods .item .text { 
		display:block;
		padding:0 0 10px;
		}
	body.home .promo_pods .item .text  {
		font-size:18px; font-size:1.8rem;
		}
	.promo_pods .item .link {
		padding: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) {
		
	.promo_pods .item p.heading { 
		font-size:18px; font-size:1.8rem;
		}
	body.home .promo_pods .item p.heading  {
		font-size:24px; font-size:2.4rem;
		}
		
	}
		
	@media (min-width:768px) and (max-width:1023px) {
	}
		
	@media (min-width:768px) {

	.promo_pods .item.bookend-right {
		margin-right:0;
		}
	.promo_pods .item.bookend-left {
		margin-left:0;
		clear:both;									
		}
	body.home .promo_pods {
		margin-bottom:0;
		}

	}
	
	@media (max-width:767px) {
		
	.promo_pods .item .image {
		max-width:140px;
		}
	.promo_pods .item.imagepod .image,
	.promo_pods .item.videopod .image {
		max-width:100%;
		}
		
	body.home .promo_pods .item .box {
		}
	body.home .promo_pods .item {
		margin-bottom:10px;
		}

	}
	
	@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;
		margin:10px 0 0;
		padding:20px 0 0;
		}
	body.home .listing,
	.listing.blog,
	.listing.search,
	.promo_pods .item .listing {
		margin:0;
		padding:0;
		border:0 none;
		}
	.listing .item { 
		overflow:hidden;
		height:100%;
		width:100%;
		padding-bottom:10px;
		margin-bottom:20px;
		}
	body.home .listing .item {
		padding-bottom:0;
		margin-bottom:15px;
		}	
	.promo_pods .item .listing .item {
		margin:5px 0;
		padding:5px 0;
		border-width:1px 0 0;
		border-style:solid;
		}
	.listing.section .item,
	.listing.search .item,
	body.home .listing .item.first {
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	.listing .item.first {
		}
	.listing.section .item.last,
	.listing.search .item.last {
		}
	.listing .item.last {
		}
	.listing .item.odd {
		}
	.listing .item.even {
		}
	.listing.products .item.bookend-left {
		clear:both;	
		}	
	.listing .item a { 
		display:block;
		}
	.listing .item a {
		}
	.listing .item img {
		}
	.listing .item p.heading { 
		display:block;
		font-size:18px; font-size:1.8rem;
		padding:0 0 5px;
		}
	.promo_pods .item .listing .item p.heading {
		font-size:14px; font-size:1.4rem;
		padding:5px 0 0;
		}
	.listing .item .text {
		display:block;
		padding:0 0 10px; 
		}
	.listing .item .text a {
		display:inline;
		}
		
	/* GRID LISTING LAYOUT */	
	.listing.grid .item {
		display:inline;
		float:left;
		margin-right:1%;
		margin-left:1%;
		border:0 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;
		border-width:1px;
		border-style:solid;
		border-right:0 none;
		border-left:0 none;
		}	
	div.meta a:hover {
		text-decoration:underline;
		}	
	.item div.meta {
		margin-top:20px;
		}
	.promo_pods .item .listing .item div.meta {
		border:0 none;
		margin:0;
		padding:0;
		}	
	body.home .item div.meta {
		border:0 none;
		margin-top: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 {
		font-weight:bold;
		}
	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:bold;
		} 
		
	@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%;
		padding-bottom:10px;
		}
	body.home .listing.blog .item .image {
		float:right;
		width:auto;
		padding-left:30px;
		}
		
	#mid_col .listing.grid .item {
		width:49%;
		}
	#left_col .listing.grid .item,
	#right_col .listing.grid .item {
		width:32%;
		}
	#wide_col .listing.grid .item {
		width:23.5%;
		}
	.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 div.meta span.categories {
		float:left;
		clear:both;
		display:block;
		padding-top:5px;
		}
		
	.listing .item .image {
		padding-bottom:10px;
		}
		
	.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:49%!important;
		}
		
	}
	
	@media (max-width:479px) {
		
	.listing.grid .item {
		width:100%!important;
		margin:0;
		}
		
	}



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

	.box {
		padding:15px;
		}
		
	@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 COMPONENT
    -------------------------------------------------- */

	.page_component {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:30px;
		}
	.page_component.textblock {
		margin:0;
		}		
	.page_component p.heading {
		font-size:16px; font-size:1.6rem;
		}	
		
	@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:50px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	.tabbed nav ul li {
		display:inline;
		float:left;
		margin-bottom:0;
		margin-right:3px;
		}
	.tabbed nav ul li a {
		display:block;
		float:left;
		height:32px;
		margin-top:2px;
		padding:15px 15px 0;
		border-width:1px;
		border-style:solid;
		}
	.tabbed nav ul li.last a {
		border-right-width:1px;
		border-right-style:solid;
		}
	.tabbed nav ul li a:hover {
		}
	.tabbed nav ul li a.active {
		height:35px;
		margin-top:0;
		position:relative;
		bottom:0;
		z-index:10;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	.tabbed .panes {
		padding:15px 15px 5px;
		border-width:1px;
		border-style:solid;
		border-top:0 none;
		}
	.tabbed .panes .pane {
		}
		
	@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.2 ACCORDION
    -------------------------------------------------- */

	.accordion {
		border-bottom-width:1px; 
		border-bottom-style:solid;
		}
	.accordion .tab {
		}
	.accordion .tab a {
		display:block;
		padding:15px;
		border-width:1px; 
		border-style:solid;
		border-bottom:0 none;
		}
	.accordion .tab a:hover {
		}
	.accordion .tab a.active {
		position:relative;
		}
	.accordion .pane {
		display:none;
		padding:0 15px 15px;
		border-width:1px; 
		border-style:solid;
		border-top:0 none;
		border-bottom:0 none;
		}  
		
	@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.3 QUOTES
    -------------------------------------------------- */

	.quotes {
		}  
		
	@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.4 IMAGES             
    -------------------------------------------------- */
                            
	.page_component.image {
		margin:0 0 10px;
		}               
	.page_component.image.right { 
		float:right;
		margin:0 0 10px 20px;
		}                
	.page_component.image.left { 
		float:left;
		margin:0 20px 10px 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;
		margin:0 1% 15px 1%;
		}
	.gallery .carousel .item {
		margin:0;
		}
	.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) {

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

	.resources { 
		}
	.resources .item { 
		overflow:hidden;
		height:100%;
		padding:20px;
		margin:0;
		border-width:1px;
		border-style:solid;
		border-bottom:0 none;
		}
	.resources .item.first { 
		}
	.resources .item.last {
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	.resources .item.odd {
		}
	.resources .item.even {
		}	
	.resources .item a { 
		display:block;
		}
	.resources .item p.heading { 
		display:block;
		padding:0 0 5px;
		}
	.resources .item .text {
		display:block;
		}
	.resources .item .text p {
		padding:0;				
		}
	.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;  
	
		border-width:1px;
		border-style:solid;
		border-bottom:0 none;
	
		/*
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border-radius: 5px; 
		*/
		}
	
	table thead { 
		}
	table tr th,
	table tr td { 
		padding:15px;
		text-align:left;
		border-bottom-width:1px;
		border-bottom-style:solid;
		}
	table thead tr th,
	table tfoot tr td { 
		}
	table thead tr th.first, 
	table tfoot tr td.first { 
		}
	table thead tr th.last, 
	table tfoot tr td.last { 
		}

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

	table#fancybox-title-float-wrap,
	table#fancybox-title-float-wrap tr th,
	table#fancybox-title-float-wrap tr td {
		background:none!important;
		}
                            
                            
                            
/*  --------------------------------------------------
    10.8 COMMENTS            
    -------------------------------------------------- */

	div.comments {
		overflow:hidden;
		height:100%;
		position:relative;
		margin: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) {
	}


                            
/*  --------------------------------------------------
    10.9 AUTHOR BIO
    -------------------------------------------------- */
	
	.author_bio {
		}
	.author_bio p.heading {
		}
	.author_bio .info {
		padding:15px;
		}
	.author_bio .info p.heading {
		padding-top:0;
		}
	.author_bio .info .text {
		}
			
	@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.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:1px;
		border-style:solid;
		padding:10px;
		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: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 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;
		text-align:center;
		}
	header .site_search fieldset button.button span {
		padding:0;
		display:block;
		}
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
		
	header .site_search {
		position:absolute;
		top:-65px;
		right:0;
		z-index:10;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		              
                            
                            
/*  --------------------------------------------------
    11.1 BUTTONS         
    -------------------------------------------------- */
	
	span.button a,
	button.button {
		display:inline-block;
		margin-right:10px;
		/* IE7 */
		zoom:1;
		*display:inline;
		color:#fff;
		text-align:center;
		border-width:1px;
		border-style:solid;
		text-decoration:none!important;
		
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
        -ms-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
		transition: all 0.15s ease;
				
		/*
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		*/
		}
		
	span.button.right a,
	button.button.right {
		float:right;
		margin-right:0;
		margin-left:10px;
		}
		
	/* SIZE */	
	span.button.block a,
	button.button.block {
		width:100%;
		display:block;
		margin-right:0;
		}
	span.button.med a,
	button.button.med {
		font-size:16px; font-size:1.6rem;
		}
	span.button.big a,
	button.button.big {
		font-size:22px; font-size:2.2rem;
		margin-right:20px;
		}
	
	/* PADDING */	
	span.button a span,
	button.button span {
		padding:12px 20px;
		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) {	
	}
	
	@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
	-------------------------------------------------- */
	

