/* ******************************************************************
                     _ _ _                 _
  _ __ ___   ___  __| (_) |__   __ _ _ __ | | __
 | '_ ` _ \ / _ \/ _` | | '_ \ / _` | '_ \| |/ /
 | | | | | |  __/ (_| | | |_) | (_| | | | |   <
 |_| |_| |_|\___|\__,_|_|_.__/ \__,_|_| |_|_|\_\

 Description:Medibank Marathon
 Authors:Si Taggart

*********************************************************************/
/*----------------------------------------------------------------------------------------------------------
#############################################  NORMALIZE
----------------------------------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea { font-family:sans-serif; color:#222; }
body { margin:0; font-size:1em; line-height:1.4; }
::-moz-selection { background:#fe57a1; color:#fff; text-shadow:none; }
::selection { background:#fe57a1; color:#fff; text-shadow:none; }
a { color:#00e; }
a:visited { color:#551a8b; }
a:hover { color:#06e; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ul, ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor:pointer; }
legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled], input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }
table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }
.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; }

/*----------------------------------------------------------------------------------------------------------
#############################################  HELPERS
----------------------------------------------------------------------------------------------------------*/
html { background:#FFF; color:#737373 ; /* #3b3c3f */ font-family:Arial, Helvetica, sans-serif; }
body { counter-reset:section; min-width:960px; text-rendering:optimizeLegibility; }
a { color:#00A3E0; cursor:pointer; margin:0; padding:0 0 2px 0; text-decoration:none; }
	a:hover { color:#00A3E0; text-decoration:underline; }
	a:visited { color:#00A3E0 }
div#wrapper,
.container { margin:0 auto; position:relative; width:940px; }
section { position:relative; }

/*# NON-SEMANTIC HELPER CLASSES #*/
.ir { background-color:transparent; background-repeat:no-repeat; border:0; direction:ltr; display:block; overflow:hidden; text-align:left; text-indent:-999em; }
	.ir br { display:none; }
.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
	.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.left { float:left; }
.right { float:right; }
hr { margin:20px 0; }
.space { margin-bottom:21px; }
.double-space { margin-bottom:42px; }

/*----------------------------------------------------------------------------------------------------------
#############################################  TYPOGRAPHY
----------------------------------------------------------------------------------------------------------*/
html { -webkit-font-smoothing:antialiased; font-size:6.25%; }
body { font-size:14px; font-size:14rem; line-height:1.5; }
/* HEADINGS */
h1, h2, h3, h4, h5, h6, p { font-weight:normal; }
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4 { visibility:hidden; }
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4 { visibility:visible; }
h1 { font-family:'BreeMedibankWeb', Arial, sans-serif; font-size:36px; font-size:36rem; font-weight:normal; letter-spacing:.02em; line-height:1; }
h2,
h1.small { font-family:'BreeMedibankWeb',Arial, sans-serif; font-size:28px; font-size:28rem; font-weight:normal; line-height:1; }
h3,
h2.small { font-family:DINWeb, Arial, sans-serif; font-size:21px; font-size:21rem; line-height:1.25; margin-bottom:0.5em; }
h4 { font-family:DINWeb, Arial, sans-serif; font-size:18px; font-size:18rem; }
h5 { font-size:14px; font-size:14rem; text-transform:uppercase; }
h6 { font-size:14px; font-size:14rem; font-weight:bold; }
p {  }
h1.no-space,
h2.no-space,
h3.no-space,
h4.no-space,
h5.no-space,
h6.no-space,
p.no-space { margin:0; }
/* INSET STYLES */
.inset > h1,
.inset > h2,
.inset > h3,
.inset > h4,
.inset > h4,
.inset > h6,
.inset > p,
.inset > a.btn { margin-left:15px; }
.inset > ul { margin-left:30px; }
p.lead { font-size:21px; font-size:21rem; letter-spacing:-1px; margin:0 0 1em 0; padding-right:60px; }

/*# LISTS #*/
ul, ol { margin:0 0 1.5em 1.5em; padding:0; }
ul ul,
ul ol,
ol ol,
ol ul { margin-bottom:0; }
ol li ul,
ol li ol,
ul li ol,
ul li ul { margin-top:0; }
ul { list-style:disc; }
ol { list-style:decimal; }
li { line-height:1.5; }
ul.unstyled { list-style-type:none; }
/* Definition Lists */
dl { margin-bottom:1.5em; }
dt, dd { line-height:1.5; }
dt { font-weight:bold; }
dd { margin:0.5em 0; }
.list-container { zoom:1; }
	.list-container:before, .list-container:after { content:""; display:table; zoom:1; }
	.list-container:after { clear:both; }
	.list-container > ul { display:inline; float:left; margin-right:50px; width:auto; }
ul.list-with-icons { list-style-type:none; margin:0; padding:0; }
	ul.list-with-icons li { list-style-type:none; margin:0; padding:0; }
ul.carousel { list-style:none; margin:0; }

/*# BUTTONS OVERRIDE FOR  OLD STYLEGUIDE #*/
.btn:hover,
.btn:visited { color:#fff; }

/*# COLOURS #*/
.red 			{ color: #E4002B; }
.blue 			{ color: #00A3E0; }
.dark-blue 		{ color: #2C5697; }
.green 			{ color: #009CA6; }
.orange 		{ color: #FF932F; }
.magenta 		{ color: #D40F7D; }
.purple 		{ color: #B0008E; }
.dark-purple 	{ color: #653279; }
.grey			{ color: #737373; }
.dark-grey		{ color: #3B3C3F; }

/*----------------------------------------------------------------------------------------------------------
#############################################  FORMS 
----------------------------------------------------------------------------------------------------------*/
form { margin-top:40px }
form ol { list-style:none; margin:0 0 15px; overflow:hidden; padding:0 }
form li { float:left; margin:0 20px 5px 0; position:relative; }
form label { color:#737373; font-size:13px }
form label.offscreen { left:-9999px; position:absolute; }
form input[type=text],
form textarea { background:url(../img/bg.input.dotted.png); border:none; font:24px 'BreeMedibankWeb', Arial, sans-serif; height:42px; line-height:42px; margin:0 0 35px; width:270px }
form textarea { height:170px; width:570px }
	form input:hover,
	form textarea:hover { cursor:pointer; }
		form input::-webkit-input-placeholder,
		form textarea::-webkit-input-placeholder  { color:#343536; }
		form input:-moz-placeholder,
		form textarea:-moz-placeholder { color:#343536; }
		form input::-webkit-input- placeholder,
		form textarea::-webkit-input- placeholder { color:#343536; }
		form input.placeholder,
		form textarea.placeholder { color:#343536; }
	.error label.error { background:#27313C; border-radius:5px; color:#fff; display:block; left:0; padding:5px; position:absolute; z-index:11 }
		.lt-ie8 .error label.error { bottom:0 !important; position:relative !important; }
		.error label.error:before {content:".";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #27313C;color:#27313C;height:0;left:4px;margin:0 auto;position:absolute;top:-6px;width:0;}

/*----------------------------------------------------------------------------------------------------------
#############################################  GRIDS
----------------------------------------------------------------------------------------------------------*/
/*	ROWS & SPANS
	(from Twitter Bootstrap)
	http://twitter.github.com/bootstrap/index.html
*/
.row { margin-left: -20px; zoom: 1; }
	.row:before, .row:after { content: ""; display: table; zoom: 1; }
	.row:after { clear: both; }
	.row > [class*="span"] { display: inline; float: left; margin-left: 20px; }
.span1 { width: 60px; }
.span2 { width: 140px; }
.span3 { width: 220px; }
.span4 { width: 300px; }
.span5 { width: 380px; }
.span6 { width: 460px; }
.span7 { width: 540px; }
.span8 { width: 620px; }
.span9 { width: 700px; }
.span10 { width: 780px; }
.span11 { width: 860px; }
.span12 { width: 940px; }
.row .offset1 { margin-left: 100px; }
.row .offset2 { margin-left: 180px; }
.row .offset3 { margin-left: 260px; }
.pull-right { float: right; }
.pull-left { float: left; }

/*----------------------------------------------------------------------------------------------------------
#############################################  STRUCTURE
----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------
#############################################  FURNITURE
----------------------------------------------------------------------------------------------------------*/
/*# LOGO #*/
.brand-logo { background-repeat: no-repeat; float: left; height: 65px; width: 285px; }
.service-logo { background-position: 0 0; display: block; height: 65px; margin-bottom: 10px; margin-top: -25px; position: relative; width: 285px; }
	.service-logo a { display: block; height: 32px; text-indent: -9999em; width: 140px; }
	.service-logo .medibankLogo { background: url(../img/logos/medibank-logo-BH.png) 0 0 no-repeat; height: 50px; margin-top: 20px; }
.call132331
{
background-image: url(../../../../../healthcover/images/sprite.png); 
background-position: -1730px -45px; 
text-indent: -9999em; 
width: 114px; 
height: 30px; 
margin-right: 17px; 
padding-left: 0; 
padding-right: 0; 
display: block; 
overflow: hidden;
}

/*# NUMBER #*/
.call132331 a { color: #bb3a33; display:block; filter:dropshadow(color=#bb3a33, offx=0, offy=0); font-family: DINWeb, Arial, sans-serif; font-size: 30px; height: 30px; text-shadow: 0px 0px 1px #bb3a33; }
	.call132331 a:hover { cursor: default; text-decoration: none; }
	.call132331 a span:last-child { padding-left:10px; }
	.call132331 a span:first-child:before { content:"\f000"; font-family: MedibankIcons; font-size: 24px; font-weight: normal; }
/*----------------------------------------------------------------------------------------------------------
#############################################  OBJECTS
----------------------------------------------------------------------------------------------------------*/
/*# MEDIBANK BANNER #*/
.medibank-banner { height:60px; padding:20px 0 0 }

/*# TOP BAR #*/
.top-banner { background:url(../img/bg.grad.grey.png) repeat-x; font:20px DINWeb, Arial, sans-serif; height:53px; overflow:hidden; width:100% }
	.top-banner p { color:#fff; margin:12px 0 0 }
	p.countdown { font-size:14px; margin-top:10px }
		.countdown span { font-size:22px }

/*# DECORATIVE ARROWS #*/
.deco-arrow { background:no-repeat; display:block; height:189px; position:absolute; width:65px; z-index:100 }
	.deco-arrow-left { background-image:url(../img/deco.arrow.left.png) }
	.deco-arrow-right { background-image:url(../img/deco.arrow.right.png) }

/*# VIDEO PLAYER #*/
.video-player { background:#ccc; float:left; margin-right:40px; position:relative; }
	.video-player .btn { display:none; position:absolute; right:0; top:-50px; }
	.video-player.active { float:none; margin:40px auto; }
		.lt-ie8 .video-player.active { float:left; margin:0 40px 0 0; }
		.video-player.active .btn { display:block; }

/*# YOUTUBE BANK #*/
.youtube-bank { margin:60px 0; }
.youtube-bank-list { list-style:none; padding:0; }
	.youtube-bank-video p { margin:0 !important; }
	.youtube-bank-video-link { display:block; }

/*# SOCIAL LINKS #*/
.social-links { list-style:none; margin:0; overflow:hidden; padding:0 }
	.social-links li { float:left; margin:0 5px 0 0 }
	.social-links a { background:url(../img/sprite.icons.social.png) no-repeat 0 0; cursor:pointer; display:block; height:21px; text-indent:-9999px; width:21px }
	.social-links .link-facebook { background-position:0 0 }
	.social-links .link-twitter { background-position:-100px 0; width:37px }
		.social-links.on-dark .link-twitter { background-position:-28px 0; }
	/*# overrides #*/
	.footer .social-links,
	.medibank-banner .social-links { float:right }
	.medibank-banner .social-links { margin:10px 10px 0 0 }
/*# INTRO HERO #*/
.intro-hero-wrapper { background:url(../img/bg.grad.hero.top.png) repeat-x; width:100% }
	.intro-hero { height:815px; margin:0 auto; min-width:960px; overflow:hidden; position:relative; }
		.intro-hero > div { background-position:50% 0; background-repeat:no-repeat; height:925px; min-width:960px; position:absolute; width:100%}
		#hero-bg { background-image:url(../img/bg.hero.top.woman.jpg); }
		#hero-fg { background-image:url(../img/bg.hero.top.confetti.png); z-index:10 }
		#hero-content { background-image:url(../img/bg.hero.top.man.png); z-index:5 }

/*# FOR BETTER HEALTH #*/
.for-better-health-intro-wrapper { background:url(../img/bg.health.blue.png) repeat-x; }
.for-better-health-intro,
.for-better-health-outro { color:#fff; height:428px; overflow:hidden; text-align:center }
	.for-better-health-intro h2,
	.for-better-health-outro h2 { font-size:85px; margin:0.5em 0 0 }
		.lt-ie9 .for-better-health-intro h2,
		.lt-ie9 .for-better-health-outro h2 { font-size:78px }
	.for-better-health-intro p,
	.for-better-health-outro p { font:20px DINWeb, Arial, sans-serif; }
	.for-better-health-intro h3 { font:35px 'BreeMedibankWeb', Arial, sans-serif; }

/*# MARATHON INFO #*/
.marathon-info { background:url(../img/bg.texture.lightgrey.jpg); }
	.js .marathon-intro { opacity:0 }
	.marathon-date { color:#653279; font:68px 'BreeMedibankWeb', Arial, sans-serif; line-height:0.9; margin-bottom:0; text-shadow:rgba(0, 0, 0, 0.8) -1px -1px }
		.marathon-date span { font-size:305px; line-height:0.8 }
	.marathon-info-intro { background:url(../img/deco.marathonman.jpg) no-repeat; height:325px; padding:35px 420px 0 0; width:300px }
	.marathon-info h3 { color:#2a2928; font:48px 'BreeMedibankWeb', Arial, sans-serif; margin:0 0 20px }
	.marathon-info p { color:#6c6f70; font:18px/1.5 DINWeb, Arial, sans-serif; }

/*# MARATHON STEPS #*/
.marathon-steps { height:1390px; list-style:none; margin:0; padding:0; position:relative; }
	.marathon-steps li { position:absolute; }
	.marathon-step-1 { top:0 }
	.marathon-step-2 { top:294px }
	.marathon-step-3 { right:40px; top:320px }
	.marathon-step-4 { left:113px; top:593px }
	.marathon-step-5 { left:32px; top:800px }
	.marathon-step-6 { left:77px; top:970px }
		.current-funding-raised { color:#6b3175; font-size:61px; position:absolute; right:3px; text-align:center; top:55px; width:340px }
	#funding-total { display:none }

/*# STORIES INTRO #*/
.stories-intro { background:url(../img/bg.stripe.grad.jpg) repeat-x; color:#fff; height:355px }
	.stories-intro .deco-arrow { bottom:-160px; right:205px; }
	.stories-intro p { font:21px/1.5 DINWeb, Arial, sans-serif; margin:1.5em 0 0 }

#video-story { min-height:1200px; }

/*# STORY HERO #*/
.story-hero-wrapper { background:#000; overflow:hidden; position:relative }
	.story-hero { min-height:350px; padding:140px 0; position:relative }
		.story-hero .container { /* KEEP THIS! border-bottom: 1px dotted #333; margin-top: 20px; margin-bottom: 50px;*/}
		.story-hero h2 { color:#009ca6; font:36px 'BreeMedibankWeb', Arial, sans-serif; margin:0 }
		.story-hero blockquote { margin:0 }
		.story-hero p { color:#fff; font:italic 18px/28px Georgia, "Times New Roman", serif; margin:20px 0 }
			.story-hero .cite { color:#009ca6; font:normal 21px DINWeb, Arial, sans-serif; }

/*# WHATS YOUR STORY #*/
.whats-your-story { background:url(../img/bg.stripe.grad.two.jpg); }
	.whats-your-story .deco-arrow { left:70px; top:-130px }
	.whats-your-story .row { overflow:hidden }
	.whats-your-story h2 { color:#009ca6; font-size:50px }
	.whats-your-story p { color:#fff; font:21px DINWeb, Arial, sans-serif;}

/*# STORY FORM #*/
	#story_form { background:#ebebeb; color:#343536; padding:20px;
				-moz-box-shadow:0 -5px 40px rgba(0,0,0,0.6);
				 -o-box-shadow:0 -5px 40px rgba(0,0,0,0.6);
				 -webkit-box-shadow:0 -5px 40px rgba(0,0,0,0.6);
				 box-shadow:0 -5px 40px rgba(0,0,0,0.6); }
		#story_form input[type=text] { width:260px }

/*# FOR BETTER HEALTH OUTRO #*/
.for-better-health-outro-wrapper { background:url(../img/bg.health.orange.png) repeat-x; }
.for-better-health-outro { height:586px }
	.for-better-health-outro p { background:url(../img/bg.rule.dotted.png) repeat-x bottom; padding:0 0 30px }

/*# TOP TIPS FOR RUNNERS #*/
.top-tips-for-runners-wrapper { background:url(../img/bg.toptips.png); }
.top-tips-for-runners { background:url(../img/deco.top5.png) no-repeat 50% 40px; padding:220px 0 60px; }
	.top-tips-for-runners h2 { background:url(../img/bg.rule.dotted.grey.png) repeat-x bottom; color:#2c5697; font-size:54px; line-height:1.2; margin:0 0 1em; padding: 0 0 50px; text-align: center }
	.top-tips-for-runners h3 { color:#00a3e0; font:24px DINWeb, Arial, sans-serif; line-height:1; margin:0; }
		.top-tips-for-runners-list li:last-child h3 { background:url(../img/bg.deco.cutting.png) no-repeat right; color:#2c5697; line-height:34px }
	.top-tips-for-runners p { margin:1em 0; }
	.top-tips-for-runners-list { background:url(../img/bg.rule.dotted.grey.png) repeat-x bottom; list-style:none; margin:0 0 0 -20px; padding:0 0 0px; }
		.top-tips-for-runners-list li { margin:0 0 2em; }

/*# HEALTH APPS #*/
.health-apps { background:url(../img/bg.grad.white.grey.png) repeat-x; min-height:901px; overflow:hidden; position:relative; }
	.lt-ie9 .health-apps { height:901px }
	.health-apps:before,
	.health-apps:after { background:url(../img/bg.psuedo.apps.top.png) no-repeat; content:" "; display:block; height:20px; left:0; margin:-4px auto 0; position:absolute; right:0; width:940px }
	.health-apps:after { background:url(../img/bg.psuedo.apps.bottom.png) no-repeat; bottom:0; height:9px; margin:0 auto -1px; }
	.health-apps-top { height:500px }
	.health-apps h2 { color:#00a3e0; font-size:60px; line-height:1; margin:2em 0 0 }
		.lt-ie9 .health-apps h2 { font-size:55px }
	.health-apps h3 { color:#00a3e0; font:21px 'BreeMedibankWeb', Arial, sans-serif; line-height:1.5; margin:0 }
	.health-apps h4 { font:21px 'BreeMedibankWeb', Arial, sans-serif; margin:0.5em 0 }
	.health-apps .intro { font:24px 'BreeMedibankWeb', Arial, sans-serif; margin:1em 0 1.5em }
	.health-apps p { font:18px DINWeb, Arial, sans-serif; line-height:1.25; margin:0; }
	.health-app-list { margin-top:4em; }
		.health-app-list li { margin:0 0 3em }
		.app-icons { float:left; margin:0 40px 0 0 }
		.mobile-phones { margin-top:47px }
		.js .mobile-phones { position:absolute; right:2000px }
		.lt-ie9 .mobile-phones { right:0 }

/*# BETTER HEATH PROGRAMS #*/
.better-health-programs { background:#f7f7f7; border-bottom:solid 1px #fff; min-height:200px; overflow:hidden; position:relative; }
	.better-health-programs:after { background:url(../img/bg.psuedo.programs.bottom.png) no-repeat; bottom:0; content:" "; display:block; height:9px; left:0; margin:0 auto; position:absolute; right:0; width:940px }
	.better-health-programs h3 { color:#00a3e0; font:38px 'BreeMedibankWeb', Arial, sans-serif; margin:20px 0 0 }
	.better-health-programs p { line-height:1.2; margin:10px 0 20px; }
	.better-health-list { list-style:none; margin-bottom:50px; margin-top:50px; }
		.better-health-list li { margin-bottom:25px }

/*# FOOTER #*/
.footer { background:url(../img/bg.grad.purple.png) repeat-x; height:225px; overflow:hidden; padding:30px 0 0 }
	/*# FOOTER LOGO #*/
	.footer-logo { display:block; }
	/*# FOOTER LINKS #*/
	.footer-links { list-style:none; margin:0; padding:0; }
		.footer-links li { margin:0 0 5px }
		.footer-links a { color:#fff; }

	.copyright-statement { color:#fff; float:right; font-size:10px; margin:20px 0 }