/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Site styles begin */

body {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
/*font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:200; font-style:normal; */
/*font-family: "Bliss Regular", 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif; font-size-adjust:0.47; font-weight:normal; font-style:normal;*/
font-size:14px;
line-height:130%;
background-color:black;
}

::selection { 
	background:#FF9227;
	color:#000;
}

::-moz-selection {
	background:#FF9227;
	color:#000;
}


section {
	overflow:auto;
}

.museo { font-family:"Museo Sans 300", Helvetica, Arial, sans-serif; font-size-adjust:0.5; font-weight:300; font-style:normal; }

img {
	max-width:100%;
}

/* ULTRAXOID */
h1, h4, _get-started h6{
	font-family: Ultraxoid; font-weight: normal; font-style: normal;
}
/* ULTRAXOID ENDS*/

h1 {
font-size:34px;
font-weight:normal;
color:#528cc7;
line-height:130%;
margin-bottom:5px;
text-transform:uppercase;
}

h2 {
font-size:26px;
font-weight:normal;
color:#454545;
line-height:115%;
margin-bottom:10px;
font-family:"Museo Sans 300", Helvetica, Arial, sans-serif; font-size-adjust:0.5; font-weight:300; font-style:normal;
}

h1 a {
	color:#528CC7 !important;
}

h1 a:hover {
	color:#FF9227 !important;
}

h3 {
text-transform:uppercase;
}

.col-two-of-three h3 {
color: #FF9227 !important;
}


h4 {
font-size:27px;
text-transform:uppercase;
color:#454545;
margin-bottom:0.5em;
}

h5 {
color:#454545;
font-size:0.9em;
margin-bottom:0em;
font-weight:bold;
line-height:120%;
}

h6 {
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding: 0px 0px 7px 0px;
}

p {
font-size:1em;
color:#454545;
margin-bottom:1em;
}

p:last-child {
	margin-bottom:0 !important;
}

a {
color:#ff9227;
text-decoration:none;
}

a:hover {
color:#000000;
}

a img:hover {
	opacity:0.8;
}

nav {
position:absolute;
z-index:99;
width:100%;
height:81px;
border-bottom:1px solid #7e8277;
_background-image:url(../images/nav-bground.png);
_background-repeat:repeat-x;
_background-position:top center;
top:0px;
left:0px;
background-image:url(../images/stressed_linen.png);
}


nav ul {
float:right;
}

nav ul li {
height:48px;
padding:33px 0px 0px 0px;
float:left;
text-align:center;
}

nav ul li a {
font-size:16px;
text-transform:uppercase;
color:#FFFFFF;
padding:0px 15px;
font-family:"Museo Sans 300", Helvetica, Arial, sans-serif; font-size-adjust:0.5; font-weight:300; font-style:normal;
}

nav ul li a:hover {
color:#ffbf80;
}

.container {
max-width:972px;
margin:0 auto;
}

#slider, #slider-sub {
max-width:1200px !important;
position:relative;
height:495px;
margin:0 auto;
padding:0;
overflow:hidden;
_background-image:url(../images/mastheads/1.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#slider-sub li {
	height:350px;
}

#slider li { 
list-style:none; 
}

.logo {
width:129px;
height:58px;
background:url(../images/matt-loh-logo.png);
background-repeat:no-repeat;
float:left;
overflow:hidden;
margin-top:11px;
}

.logo a {
height:0px;
padding-top:58px;
width:129px;
overflow:hidden;
display:block;
}

#social-media-icons {
margin-top:27px;
display:block;
width:125px;
float:right;
}

#social-media-icons a {
float:right;
margin-left:8px;
}

.lozenges {
width:100%;
float:left;
margin:26px 0px 10px 0px;
height:217px;
}

.lozenges li {
float:left;
margin:0px 13px 13px 0px;
cursor:pointer;
}

.lozenges li a {
font-size:14px;
color:#000000;
font-family:"Museo Sans 300", Helvetica, Arial, sans-serif; font-size-adjust:0.5; font-weight:300; font-style:normal;
}

.lozenges li a:hover {
color:#ff9227;
}

.lozenges li:last-child {
margin-right:0px;
}

.last {
margin-right:0px !important;
}

.lozenges li img {
margin-bottom:6px;
}

.lozenges .unit-bar {
height:8px;
background-color:#dedede;
margin-top:10px;
}

.lozenges li:hover .unit-bar {
background-color:#333333;
}

.lozenges li:hover h3 a {
	color:#ff9227;
}

.col:last-child {
margin-right:0px;
}

.col-two-of-three {
width:63.4%;
margin-right:23px;
float:left;
}

.col-two-of-three iframe {
	width:568px;
	height:371px;
	margin-bottom:10px;
}


.unit-image-right {
	float:right;
	margin:0px 0px 20px 20px;
	padding-top:3px;
}

.unit-image-left {
	float:left;
	margin:0px 20px 10px 0px;
}

.col-one-of-three {
width:34%;
float:right;
}

.col-three-of-three {
width:100%;
float:left;
}

.unit {
margin-bottom:26px;
}

.unit-content {
overflow:auto;
border:1px solid #d9d9d9;
padding:23px;
/* Gradients */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 35%, rgba(230,230,230,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 35%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 35%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 35%,rgba(230,230,230,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 35%,rgba(230,230,230,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}

.feed {
width:100%;
}

.feed li {
margin-bottom:20px;
width:283px;
height:168px;
position:relative;
float:left;
}

.feed li .play {
	position:absolute;
	top:40px;
	left:120px;
	z-index:99;
}

.feed li:hover {
	opacity:0.8;
}

.feed li a img:hover {
	opacity:1 !important;
}

.feed li .icon {
width:75px;
height:75px;
position:absolute;
top:46px;
left:104px;
z-index:99;
background-image:url(../images/icon-play.png);
background-repeat:no-repeat;
}

.feed li:last-child {
margin-bottom:0px;
}

.floater h4 a {
	color:#454545;
}

.floater h4 a:hover {
	color:#ff9227;
}

.floater {
width:30.6%;
margin-right:4%;
float:left;
}

.floater:last-child {
margin-right:0px;
}

.floater .unit-content {
height:200px;
overflow:hidden;
padding:18px;
}

.bleed {
padding:0px !important;
height:236px !important;
}

.articles .feed-small li {
height:91px;
margin-bottom:18px;
}

.feed-small li {
margin-bottom:5px;
float:left;
}

.feed-item-image {
float:left;
}

.feed-item-content {
float:left;
margin-left:10px;
}

.articles .feed-item-content {
width:132px;
}

.feed-item-content a {
	font-size:0.9em;
	_font-style:italic;
}

.unit-twitter-head {
float:left;
width:100%;
margin-bottom:2px;
}

footer {
	width:100%;
	background-image:url(../images/ftr-bground.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	height:241px;
}

footer p {
	text-align:center;
}

.cite {
	width:100px;
	margin:0 auto;
	margin-top:10px;
}

.cite p {
	padding-bottom:3px;
	color:#666;
	font-family: "Museo Sans 300", Helvetica, Arial, sans-serif;
}

footer ul {
	padding-top:30px;
	margin:0 auto;
	width:50%;
	text-align:center;
}

footer ul li {
	margin-right:25px;
	display:inline;
	text-transform:uppercase;
	font-weight:normal;
}

footer ul li a {
	font-size:12px;
	color:#FFF;
	font-family: "Museo Sans 300", Helvetica, Arial, sans-serif;
}

footer ul li:last-child {
	margin-right:0px;
}

footer ul li a:hover {
	color:#ffbf80;
}

footer .logo {
	margin:0 auto;
	float:none;
	margin-top:20px;
}

footer #social-media-icons {
	float:none;
	margin:0 auto;
	width:113px;
	margin-top:15px;
	text-align:center;
}

footer #social-media-icons a {
	float:none;
}

footer #social-media-icons a:first-child {
	margin-left:0;
}

#page-content {
	max-width:1200px;
	min-width:973px;
	background-color:white;
	margin:0 auto;
}

/* Twitter styles */

.tweet {
float:left;
}


.tweet_list {
height:145px;
overflow:auto;
}

.tweet_time {
white-space:nowrap;
}
	
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
	list-style-type: none;
	font-size:12px;
	border-bottom:1px solid #ccc;
}

.tweet_time a {
color:#528cc7;
}

.tweet_time a:hover {
color:#000000;
}
		
.tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}

/* Twitter feed styles end */

.twitter-feed h1 {
	font-size:22px;
	line-height:120%;
	margin:0px;
	padding:0px;
}

.twitter-feed h1 a {
font-size:22px;
font-weight:normal;
text-transform:none;
color:#528CC7;
}

.twitter-feed h1 a:hover {
	color:#000;
}

#masthead {
	max-width:1200px; 
	margin:0 auto; 
	overflow:hidden;
	background-color:#FFF;
}

.avatar {
	width:55px;
	height:52px;
	position:relative;
}

.avatar img {
position:absolute;
top:-7px;
left:-2px;
}

.social {
width:100%;
float:left;
}

.social h4 {
float:left;
}

.social .sharethis {
float:right;
}

.youtube li iframe {
	width:283px !important;
	height:163px !important;
}

.subpage {
	height:350px !important;
	margin-bottom:20px !important;
}

small {
	font-size:12px;
	margin:5px 0px 10px 0px;
	display:block;
	color:#666;
	_float:left;
	white-space:nowrap;
	font-family:"Museo Sans 300", Helvetica, Arial, sans-serif;
}

.testimonials .unit .unit-content small {
	float:right;
	margin-bottom:0px !important;
}

/*.testimonials .unit-content {
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.testimonials h2 {
	font-size:19px;
}*/

.unit-image {
	float:left;
	margin:0px 20px 0px 0px;
}

.testimonials p {
	font-size:12px;
}

.unit-one-third {
	width:31%;
	float:left;
	margin:0px 26px 26px 0px;
}

.wrap {
	background-color:#f2f2f2;
	background-image:url(../images/dust.png);
}

.fitness-articles .unit-image {
	margin-bottom:5px;
}

.fitness-articles a {
	font-style:italic;
	margin-left:5px;
}

.media-centre li {
	float:left;
	margin-right:20px;
	width:23.35%;
	margin-bottom:20px;
}

.media-centre .videos li {
	width:31.85% !important;
}

.media-centre .unit-content {
	padding-bottom:0px !important;
}

.credentials {
	font-size:12px;
	font-family:"Museo Sans 300", Helvetica, Arial, sans-serif; font-size-adjust:0.5; font-weight:300; font-style:normal;
}

.call-to-action {
	background-color:#31322d;
	padding:15px;
	display:block;
}

.call-to-action a {
	color:#fede3d;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	font-size:18px;
	line-height:22px;
}

.call-to-action a:hover {
	color:#CCC;
}

.get-started img {
	display:block;
}

	/* Box shadow */
	#page-content, #masthead {
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	}
	
.feed-two .unit-content {
	height:351px;
	overflow:hidden;
}

.videos li iframe {
	width:100%;
	height:168px;
}

.reps {
	margin:0 auto;
	width:58px;
	height:58px;
	background-image:url(../images/reps-logo.png);
	overflow:hidden;
	margin-top:10px;
	background-position:0 58px;
}

.reps a {
	width:58px;
	padding-top:58px;
	overflow:hidden;
	display:block;
}

.reps:hover {
	background-position:top center;
}

.photo-credit {
font-size:10px;
text-transform:none !important;
padding:10px 0px 10px 0px;
float:right;
color:#666;
}

.left {
float:left;
}

.homepage .youtube .last {
display:none;
}