/* Table of Contents
==================================================
	1. Reset
	2. Global Styling & Basics
	3. Header Styling
	#Page styling
	#Button styling
	*/


/* 1. Reset (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: ''; content: none; }
	table {
		border-collapse: collapse; border-spacing: 0; }


/* 2. Global Styling & Basics
================================================== */
	html, body { 
		margin:0; padding:0; height:100%; background-color:rgb(45,50,60); }
		
	body {
		margin:0; 
		padding:0; 
		height:100%; 
		background-color:transparent;
		font:normal normal 15px "museo-sans",sans-serif;
			line-height:1.428;
			-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
			-webkit-text-size-adjust: 100%; }
			
	label {
		font-weight:bold; }
	fieldset {
		border:1px solid #ccc; }
	#page {
		width:auto; text-align:left; }

/* error text class optionally provided by theme */
	div.ccm-error-response { 
		color: #f00; margin-bottom: 12px; }
		
	.wrap {
		width:auto; height:auto; margin:0 auto; }

		
	/* 3. Header Styling 
	================================================== */
	.header			{ display:inline-block; width:100%; margin-top:1em; padding:0; background:none; }
	.header p 		{ line-height:1.4; margin-bottom:0em; }
	
	.header-push		{ margin-top:82px; }
	
	.home-hero			{ background:#2a7bba;
						/*background:url(http://lccm.com.au/themes/lifestyle1_theme/images/home-hero-image.png); background-repeat:repeat-x;*/ }
	.app-slide			{ background-image:url(http://lccm.com.au/themes/lifestyle1_theme//images/app-slide-background.png); height:auto; }
	.home-hero p		{ color:#ffffff; }
	.app-hero			{ background-image:url(http://lccm.com.au/themes/lifestyle1_theme//images/app-hero-background.png); background-repeat:repeat-x;*/ }
	
	.header-logo		{ width:100%; margin:0 auto; padding:1em 0; text-align:center; }
	.header-navigation 	{ display:inline-block; width:100%; float:left; margin:0 auto; background:rgb(240,115,50); }
	
	.pad				{ background:#ffffff; padding:1em !important; }
	.pad-nav			{ background:rgb(240,115,50); padding:0 1em !important; }
	
	#mobile-header		{ padding:1em; background:rgb(240,115,50); }
	
	#responsive-menu-button:link	{ color:#ffffff; }
	#responsive-menu-button:hover	{ color:#ffffff; }
	#responsive-menu-button:active	{ color:#ffffff; }
	#responsive-menu-button:visited	{ color:#ffffff; }
		
	/* 4. Footer Styling 
	================================================== */
	.footer-a					{ display:inline-block; width:40%; margin-right:5%; text-align:left; float:left; }
	.footer-b					{ display:inline-block; width:50%; margin-right:5%; text-align:left; float:left; }
	.footer						{ height:100px; width:100%; clear:both; background-color:#1f232a; padding-top:10px; margin-top:20px; }
	.footer hr					{ border: 1px solid #4c4d4f; border-width: 1px 0 0; clear: both; margin:0 0 1em; height: 0; }
	.footer p					{ font-size:.8em; }
	.footer-a .footer-item		{ width:100%; }
	.footer-b .footer-item		{ width:43%; }
	.footer-item				{ display:inline-block; margin:.5em 0 0; padding:0 0 .5em 0; text-align:left; font-size:.8em; color:#777; width:33% }
	
	.push 			{ height:130px; clear: both; }
	
	#page 			{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -130px; }

			
	
	
	/* 5. Menu items
	================================================== */			
	.container-background 			{ background-color: #fff; } /* Background color for content container */
	
	.homepage-image-link			{ border-bottom:3px solid #C00; }
	.hero-image-link				{ border-bottom:3px solid #C00; margin-bottom:2em; }
	
	.ccm-autonav-breadcrumb-sep		{ color:#CCC; font-size:.8em; }
	
	.right-sidebar					{ border:1px solid #e9e9e9; padding:.5em 1em; margin-bottom:1em; }	
		
	.grey-full-width				{ background-color: #ccc; overflow:auto; padding:1em auto; }
	
	.spacer50						{ margin-bottom:45px; width:auto; height:5px; clear:both; }
	.spacer40						{ margin-bottom:35px; width:auto; height:5px; clear:both; }
	.spacer30						{ margin-bottom:25px; width:auto; height:5px; clear:both; }
	.spacer20						{ margin-bottom:15px; width:auto; height:5px; clear:both; }
	.spacer10						{ margin-bottom:5px; width:auto; height:5px; clear:both; }
	.clear							{ width:auto; height:5px; clear:both; }
	
	
	.fade 							{ opacity: .5;
								      transition: opacity 1s ease-in-out;
								      -moz-transition: opacity 1s ease-in-out;
								      -webkit-transition: opacity 1s ease-in-out; 
									  }
	.fade:hover						{ opacity: 1; text-decoration:none;
									  }
	
	.img-border						{ border:3px solid #FFFFFF; margin-bottom:1em; outline:1px solid #c6c6c6; }
	.facebook						{ vertical-align:middle; }
	
	.title-styling					{ margin-bottom:1.5em; height:4em; background:url(http://lccm.com.au/themes/lifestyle1_theme/images/hr45.png); background-repeat:repeat-x !important; background-position:bottom; }
	
	iframe							{ display:block; margin:0 auto; border:3px solid #FFFFFF; margin-bottom:1em; outline:1px solid #c6c6c6; }
	
	.anchor-list					{ display:inline-block; width:33%; float:left; margin-bottom:1em; }
	
	
/* 5. Navigation
================================================== */
	#navigation {width:100% !important; }
	#mobile-header {
    	display: none;
		}

	div#navigation  ul li a						{ display: block; font-size: .9em; color:#FFFFFF; margin:0; padding:.75em 1em; white-space:nowrap; }
	
	div#navigation  ul li a:hover				{ background-color:#363738; /* customize_nav-hover */ }
	
	div#navigation  ul li a.nav-path-selected	{ color:#ffffff; }
	div#navigation  ul li.nav-selected			{ background:#e46d2f; /* customise nav on */ }
	div#navigation  ul li a:active				{ }
	
	div#navigation  .nav-dropdown				{ background-color:; /* background color for top level dropdown items */ }
	div#navigation  .nav-dropdown a:hover		{ background-color:; }
	div#navigation  .nav-dropdown ul li			{ background-color:; }
	
	div#navigation								{ display:inline; }
	div#navigation  ul 							{ margin:0; /* Overall list positioning */ list-style: none; z-index:999; }
	div#navigation  ul li 						{ display: block; position: relative; float: left; margin:0; }
	div#navigation	li ul 						{ display: none; }

	div#navigation  ul li a:hover 				{ color:#ffffff; text-decoration:none; background:#f28147; /* Customise text colour on hover */ }   
	div#navigation  li:hover ul 				{ display: block; position: absolute; }
   
	div#navigation  li:hover li					{ float: none; text-decoration:none; }
   
	div#navigation  li:link a					{ background:#002f5b; }
	div#navigation  li:hover a 					{ background:#ffffff; }
	div#navigation  li:hover li a:hover			{ color:#FFFFFF; }
    div#navigation  li a:active 				{ color:#ffffff; background:inherit; }
	
	div#navigation  li ul li ul li				{ display:none; }
	div#navigation	ul li ul li					{ display:block; position:relative; float: left; margin:0; }
	div#navigation	ul li ul li	ul				{ display:block; position:absolute; left:75px; top:0px; background:#b6b7b8; }
	div#navigation  li ul li:hover li			{ display:block; background:#929295; }
	

	

/* #Page Elements
================================================== */

	.img, img 								{ max-width: 100%; height: auto; border:0; }
	img.scale								{ max-width: 100%; height: auto; }
	a 										{ cursor: pointer; }
	
	.past-issue								{ display:inline-block; width: 17.5%; margin:0 1% .75em; height: auto; text-align: center; background:#eeeeee; }
	.past-issue:hover						{ opacity: .8; }
	.past-issue p							{ line-height:1 !important; margin:0 !important; padding:.5em 0; }

	.pronav_btn_navbar, .pronav_btn_navbar57, .pronav_icon_bar, .pronav_collapse nav_collapse pronav_collapse57, .pronav_list pronav_list_dark pronav_list57, #pronav_list57 { 
		text-align:right !important; }

	.pro_navbar, .pro_navbar a { 
		background: none !important; 
		-webkit-box-shadow: none !important; 
		-moz-box-shadow: none !important; 
		box-shadow: none !important;
		text-align:right !important; }
	
	.pronav_list pronav_list_dark pronav_list57 {
		text-align:right !important;
		-webkit-box-shadow: none !important; 
		-moz-box-shadow: none !important; 
		box-shadow: none !important; } 

	

/* #Button Styles
================================================== */	
		
	.success-button:link, .success-button:visited {
		background-color:#5cb85c;
		border-color:#4cae4c;
		color:#ffffff;
		text-decoration:none;		
		}

	.success-button:hover, .success-button:active {
		background:#47a447;
		border-color:#398439;
		color:#ffffff;
		text-decoration:none;
		}
		
	.info-button:link, .info-button:visited {
		background-color:#2a7bba;
		border-color:#ffffff;
		color:#ffffff;
		text-decoration:none;		
		}

	.info-button:hover, .info-button:active {
		background:#39b3d7;
		border-color:#269abc;
		color:#ffffff;
		text-decoration:none;
		}
		
	.warning-button:link, .warning-button:visited {
		background-color:#f0ad4e;
		border-color:#eea236;
		color:#ffffff;
		text-decoration:none;		
		}

	.warning-button:hover, .warning-button:active {
		background:#ed9c28;
		border-color:#d58512;
		color:#ffffff;
		text-decoration:none;
		}
		
	.danger-button:link, .danger-button:visited {
		background-color:#d9534f;
		border-color:#d43f3a;
		color:#ffffff;
		text-decoration:none;		
		}

	.danger-button:hover, .danger-button:active {
		background:#d2322d;
		border-color:#ac2925;
		color:#ffffff;
		text-decoration:none;
		}	
	
	.button, button, input[type="submit"] {
		color:#333333;
		background:#ffffff;
		border:1px solid #CCCCCC; 
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		text-indent:0;
		display:inline-block;
		width:auto;
		height:auto;
		padding:.5em;
		margin:0;
		font:1em "myriad-pro", sans-serif;
		line-height:1;
		font-weight:normal;
		text-decoration:none;
		text-align:center;
		cursor: pointer; }

	.button:hover, button:hover, input[type="submit"]:hover {
		color:#333333;
		background:#ebebeb;
		border-color:#adadad;
		text-decoration:none; }

	.button:active, button:active, input[type="submit"]:active {
		color:#333333;
		background:#ebebeb;
		border-color:#adadad;
		text-decoration:none; }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }
		
	<!-- Primary Button -->
	.primary-button:link, .primary-button:visited {
		color:#ffffff;
		background-color:#428bca;
		border:1px solid #357ebd; 
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		text-indent:0;
		display:inline-block;
		width:auto;
		height:auto;
		padding:.5em;
		margin:0;
		font-size:1em;
		line-height:1;
		font-weight:normal;
		text-decoration:none;
		text-align:center;
		cursor: pointer; }

	.primary-button:hover, .primary-button:active {
		color:#ffffff;
		background:#3276b1;
		border-color:#285e8e;
		text-decoration:none; }


	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0; }
		
	/* #Forms
================================================== */
	.fields					{ padding:.25em 0; }
	.field					{ margin-top:0; }
	.field-text				{ margin-bottom:0; padding:.5em 0; }
	.field-telephone		{ margin-bottom:0; padding:.5em 0; }
	.field-textarea			{ margin-bottom:0; padding:.5em 0; }
	.field-radios			{ margin-bottom:0; padding:.5em 0; overflow:overlay; }
	.radioPair 				{ float:left; margin-bottom:0; padding:.5em 0 1em 0; width:100%; overflow:overlay; }
	.checkboxList			{ margin-bottom:0; padding:.5em 0; clear:right; }
	.checkboxPair			{ margin-top:1em; padding:.5em 0; }
	.required				{ color:#285e8e !important; }
	
	.question				{ width:auto; background-color:#000; }
	
	#page form				{ color:#666; width:auto; font:1em "myriad-pro", sans-serif; }
	fieldset				{ margin-bottom: 20px; }
	
	#page
	input[type="checkbox"]	{ margin:.5em 0; }
	
	#page
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	textarea,
	select {
		border: 1px solid #CCCCCC;
		padding: 6px 4px;
		outline: none;
		font: 1em "myriad-pro", sans-serif;
		color:#777777;
		margin:.5em 0;
		width: 100%;
		height:1.5em;
		display: inline;
		vertical-align:middle;
		background-color:#fff; }
	select {
		padding: 0; }

	#page
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	textarea:focus {
		border: 1px solid #285e8e;
 		color: #285e8e; }
	textarea {
		min-height: 100px; }
	label,
	legend {
		display: block;
		float:left;
		font-weight:normal;
		font-size: 1em; 
		width:100%; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 1.1em;
		color: #333; }
		
	radio { 
		float:left; width:100%; padding:.5em 0; }