@charset "utf-8";
/*---------------------------------------
version: 1.0
website: http://www.platinumextreme.com.au
designer: Neubreed Design PTY LTD
---------------------------------------*/

/* colour glossary

red: #ef4713
p text and nav links (light grey): #b8b8b8
1px borders (grey): #2c2c2c
p text reversed (dark grey): #747474

****************************************/


/* global settings
****************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 0.625em;
/*	background-color: #131313;*/
}

html, body, form, fieldset, li, ol, ul, a, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	height: 1px;
	border: none;
	background: #dedede;
	clear: both;
}

/* headings, text and links
****************************************/

h1, h2, h3, h4, h5, h6 {
/*	color: #FFF;*/
}
#main_content h3{
	color: #333;
	font-size:1.5em;
	line-height:155%;
	margin: 20px 0 0px;
}

#main_content h3 strong {
	color: #ef4713;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 155%;
}

/* h1 */

h1 {
	text-transform: uppercase;
	font-size: 1.9em;
	margin: 0 0 7px 0;
}

/* h2 */

h2 {
	color: #000;
	font-size: 1.8em;
	margin: 0 0 7px 0;
}

.picture_box h2 {
	width: 170px;
	color: #000;
}

/* p */

p {
	color: #bdbdbd;
	font-size: 1.2em;
	line-height: 148%;
	margin: 0 0 8px 0;
}

#main_content p {
	color: #747474;
	line-height: 160%;
}

.picture_box p {
	width: 135px;
	color: #747474;
}

p strong {
	color: #ef4713;
	font-size: 1.2em;
	line-height: 155%;
}

ul li {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	list-style: none;
	line-height: 1.5em;
}

a {
	font-size: 1.1em;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	color: #ef4713;
	text-decoration: none;
}

a:active {
	color: #FFF;
}


/* buttons
***************************************/

a.btn {
	height: 21px;
	float: left;
	text-indent: -999em;
	line-height: 0;
}

a.btn.more {
	background: url(../images/more_btn.gif) no-repeat;
	width: 92px;
	margin: 5px 0 0 0;
}

a.btn.gallery {
	background: url(../images/gallery_btn.gif) no-repeat;
	width: 104px;
	margin: 7px 0 0 0;
}


/* layout
***************************************/

#top_header {
	height: 130px;
/*	border-bottom: 1px solid #2c2c2c;*/
	font-size: .8em;
	letter-spacing: .02em;
}
#top_header .inner{
	position:relative;
}
#top_header .inner .icons{
	width:342px;
	position:absolute;
	right:0;
	top:0;
}
	
#top_header #login_container li, #top_header #login_container li a {
	color: #6b6b6b;
	line-height:50px;
	font-weight:bold;
	
}
#top_header #login_container ul{
	margin:0 0 0 15px;
	overflow:hidden;
}

#top_header #login_container li a:hover {
	color: #8F8F8F;
}

#top_header ul {
/*	margin: 9px 96px 0 0;*/
}

#top_header ul li {
	margin: 0 10px 0 0;
}

#top_header #login_container {
	background: url(../images/login_container.gif) no-repeat bottom;
	height: 50px;
	width: 206px;
	background-color:#e7eaec;
	line-height:50px;
	float:left;
}

#top_header a.login_btn {
	background: url(../images/login_btn.gif) no-repeat;
	width: 75px;
	height: 29px;
	display: block;
	margin: 10px 0 0 10px;
	text-indent: -999em;
	line-height: 50px;
	
}

#top_header a.login_btn:hover, #top_header a.login_btn:active {
	background-position: -75px 0;
}

#top_header ul li {
	float: left;
	display:inline;
}

.inner {
	
	width: 960px;
	margin: 0pt auto;
}



/* specific to homepage */

body#home #feature_banner {
	height: 393px;
	background-image:url(../images/banner_bg.gif);
	background-repeat:repeat-x;
	border:0;
	
}

body#home #feature_banner .inner {
/*	background: #000000 url(../images/home_banner_img.jpg) no-repeat scroll 109px center;*/
	height: 393px;
	/*position: relative;*/
	background-image:url(../images/banner_shadow.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#fff;
}

body#home #feature_banner .inner .outside_edge {
/*	background: url(../images/outside_edge.jpg) no-repeat;*/
	/*height: 266px;
	width: 150px;
	position: absolute;
	right: -150px;
	top: 0;*/
	display:none;
}

/* specific to content pages */

#feature_banner {
	background: #131313;
	height: 176px;
	z-index: 1;
	border-top:7px solid #fc3d04;
}

#feature_banner .inner {
	background: url(../images/content_banner_image.jpg) no-repeat scroll 44px center;
	height: 176px;
	position: relative;
}

/*#feature_banner .inner .outside_edge {
	background: url(../images/content_banner_outer_edge.jpg) no-repeat;
	height: 176px;
	width: 150px;
	position: absolute;
	right:0;
	top: 0;
}*/

a#logo {
	background: url(../images/logo.gif) no-repeat;
	float: left;
	width: 220px;
	height: 71px;
	text-indent: -999em;
	overflow: hidden;
	margin: 27px 0 0 0;
}

.intro_para {
	width: 460px;
	float: left;
	clear: both;
}

.intro_para p{
	font-weight: bold;
	font-size:13px;
}

/* Main nav */

#main_nav {
/*	background: #151515;*/
/*	height: 75px;*/
/*	border-top: 5px solid #ef4713;*/
	margin-top:82px;
}

#main_nav ul {
/*	margin: 0 auto;
	width: 960px;*/
}

#main_nav ul li {
	float: left;
	display:block;
	margin:0 0 0 35px;
}

#main_nav ul li.last {
	padding: 0 0 0 0; /* This removes right margin from last nav item */
}

#main_nav ul li a {
	color: #6b6b6b;
/*	text-transform: uppercase;*/
	font-size: 1.6em;
/*	display:block;*/
/*	height: 48px;*/
	font-weight: bold;
/*	width: 82px;*/
/*	padding: 27px 26px 0 12px;*/
}

/*
#main_nav ul li a {
	color: #8f8f8f;
	text-transform: uppercase;
	font-size: 1.2em;
	display: block;
	height: 75px;
	line-height: 75px;
	font-weight: bold;
	width: 116px;
	padding: 0 0 0 20px;
}
*/
#main_nav ul li.double{
}
#main_nav ul li.double a{
	height: 56px;
	/*line-height: 20px;*/
	padding: 19px 26px 0 12px;
}
#main_nav ul li.active a, #main_nav ul li a:hover, #main_nav ul li.active a:hover {
	color: #000000;
}
/* nav active links */
#home #main_nav .home a, 
#team #main_nav .team a,
#gallery #main_nav .gallery a,
#timetables #main_nav .timetables a,
#services #main_nav .services a,
#membership #main_nav .membership a,
#contact #main_nav .contact a
{
	color: #000000;
}

#main_nav ul li a:hover {
	color: #000000;
}

#main_nav ul li span {
	clear: both;
	display: block;
	font-size: .9em;
	color: #797979;
	position: absolute;
	top: 41px;
	left: 13px;
}

#main_nav ul li.active span {
	color: #fff;
}

/* Content */

body#home #main_content {
	background-color: #FFF;
	padding: 25px 0 10px 0;
}
body#home #main_content .inner{
}
#main_content {
	background-color: #FFF;
	padding: 30px 0 10px 0;
}

#main_content a:hover {
	text-decoration: underline;
}

#main_content a:active {
	color: #ef4713;
}

#main_content .left_col {
	width: 620px;
	float: left;
	margin: 0 0 30px;
}
#home #main_content .left_col {
	/*width: 905px;*/ 
	float: left;
	margin: 0 0 20px;
}

#main_content .right_col {
	width: 285px;
	float: right;
	margin: 0 0 25px 0;
}
#main_content .right_col .small_video{
	margin:0 0 0 8px;
}
#home #main_content .right_col{
	margin: 0 0 20px 0;
}

#main_content img {
	margin: 20px 0 0 0;
}

#main_content #gloves {
	margin: 20px 0 20px 8px;
	border:0;
}

#main_content .tumblr_posts li {
	list-style: none;
}
#main_content .tumblr_posts .tumblr_title {
	font-size: 1.6em;
	font-weight: bold;
}
#main_content .tumblr_posts .tumblr_quote {
	font-size: 1.6em;
	font-weight: bold;
}
#main_content .tumblr_posts .tumblr_post {
	border-bottom: 1px solid #ebebeb;
	padding: 18px 0px;
}

#main_content .tumblr_quote_post {
	font-size: 2em;
	color: #c4c4c4;

}
#main_content .tumblr_open_quote {
	color:#EFEFEF;
	float:left;
	font-size:2.5em;
	left:-21px;
	position:relative;
	top:-24px;
}
#main_content .tumblr_close_quote {
	color:#EFEFEF;
	float:right;
	font-size:2.5em;
	right:-21px;
	position:relative;
	bottom: 35px;
}
	
	
#main_content img {
	margin: 10px 0;
	border:2px solid #CCC;
}

.picture_box {
	width: 285px;
	float: left;
	height: 174px;
	border-bottom: 1px solid #b8b8b8;
	margin: 25px 55px 0 0;
	padding: 5px 0 0 0;
}

.picture_box.richie { background: url(../images/richie_box.jpg) no-repeat right bottom; }
.picture_box.woman { background: url(../images/woman_box.jpg) no-repeat right bottom; }

.gallery_img {
	background: url(../images/home_gallery_img.jpg) no-repeat;
	width: 270px;
	float: left;
	height: 179px;
	margin: 25px 0 0 0;
	position: relative;
}

.gallery_img .caption {
	background: #000;
	padding: 6px 10px 0px;
	position: absolute;
	bottom: 0px;
	width: 250px;
}

.gallery_img .caption p {
	color: #FFF;
	font-size: 1.1em;
	width: 125px;
	float: right;
}

.col_13 {
	width: 285px;
	float: left;
	margin: 0 55px 0 0;
}

.col_13.last {
	width: 280px;
}
/* middle content */
#middle_content{
	width:960px;
	margin:0 auto;
}
.column_row{
	margin:0 0 15px 0;
}
.columns{
	width:284px;
	float:left;
}
.colpadding{
	margin:0 51px 0 0;
}
/**************classes graphics/buttons***************/
.column_row #mma, .column_row #boxing, .column_row #ju_jitsu, .column_row #muay_thai, .column_row #kettlebells, .column_row #warrior_yoga{
	padding-top:65px;
	padding-left:10px;
	padding-right:10px;
	background-repeat:no-repeat;
	background-position:top left;
}
#mma{background-image:url(../images/mma.gif);}
#boxing{background-image:url(../images/boxing.gif);}
#ju_jitsu{background-image:url(../images/ju_jitsu.gif);}
#muay_thai{background-image:url(../images/muay_thai.gif);}
#kettlebells{background-image:url(../images/kettlebells.gif);}
#warrior_yoga{background-image:url(../images/warrior_yoga.gif);}

ul#classes li, ul#classes li a{
	display:block;
	width:285px;
	height:50px;
	text-indent:-999em;
	overflow:hidden;
	outline:none;
}
ul#classes li{
	margin-top:7px;
}
ul#classes{
	margin-top:20px;
}

/* Enquiry Form */

form#enquiryForm {
	background:#EFEFEF;
	padding:20px;
	font-size:1.1em;
	margin-bottom:1em;
}

form#enquiryForm fieldset legend {
	font-weight:bold;
	margin-right:20px;
	font-size:1.2em;
	margin-bottom:1em;
}

form#enquiryForm ul li {
	list-style-type:none;
	margin-bottom:.5em;
}

form#enquiryForm ul li input[type="text"], form#enquiryForm ul li textarea {
	padding:5px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

form#enquiryForm fieldset label {
	display:inline-block;
	vertical-align:top;
	width:120px;
	margin-bottom:1em;
}

form#enquiryForm fieldset label.error {
	color:red;
	width:200px;
	margin-left:125px;
	margin-bottom:0;
}

form#enquiryForm ul li input[type="text"].error {
	
}

.requiredField {
	color:red;
	font-size:1.2em;
	}	

/* bottom content */

#bottom_content {
	background: url(../images/content_foot_rpt.gif) repeat-x bottom;
	/*height: 428px;*/
	clear:both;
	padding:0 0 32px 0;
}

#bottom_content .inner {
	border-top: solid 1px #DEDEDE;

}
/*#home #bottom_content .inner {
	border-top: none;
}*/


ul li.mail, ul li.phone {
	padding: 0 0 0 30px;
	color: #fff;
	line-height: 200%;
}

ul li.mail { background: url(../images/mail_icon.gif) no-repeat scroll 0 7px; }
ul li.phone {
	background: url(../images/phone_icon.gif) no-repeat scroll 0 4px;
	height: 25px;
	font-size: 1.4em;
}

ul li.mail a {
	color: #FFF;
}

ul li.mail a:hover {
	text-decoration: underline;
}

ul li.mail a:active {
	color: #ef4713;
}

.info_boxes {
/*	float: left;*/
/*	margin: 26px 0 0 0;*/
/*	height: 130px;*/
/*	position: relative;
	clear:both;
	overflow:hidden;*/
	padding:25px 0 25px 0;
}

/* social networking icons */

#social_icons {
	float:left;
	margin:10px 4px 0 0;
}

#social_icons li {
	float: left;
	margin: 0 0 0 10px;
}

#social_icons li a {
	display: block;
	float: left;
	width: 34px;
	height: 34px;
	text-indent: -999em;
}

#social_icons li.twitter_icon a { background: url(../images/twitter_icon.gif) no-repeat 0 0; }
#social_icons li.facebook_icon a { background: url(../images/facebook_icon.gif) no-repeat 0 0; }
#social_icons li.youtube_icon a { background: url(../images/youtube_icon.gif) no-repeat 0 0; }

#social_icons li a:hover {
	background-position: 0 -36px;
}


/* Footer
******************************************/
#footer_content{
	background:#191919;
/*	margin:32px 0 0 0;*/
}
.col_13.last .left{
	margin:0 160px 0 0
}
#fairtex_logo{
/*	width:100%;*/
/*	text-align:center;*/
/*	margin:20px 0 0 0;*/
}

a#fairtex_logo{
	display:block;
	width:120px;
	height:53px;
	text-indent:-999em;
	background-image:url(../images/fairtex_logo.gif);
	background-position:0 0;
	outline:none;
/*	margin:0 auto;*/
}
a#fairtex_logo:hover{
	background-position:0 -57px;
}
#footer {
	width: 960px;
	float: left;
}

#footer_links {
	clear: both;
/*	float: left;*/
	color: #797979;
	background:#131313;
	height:50px;
	border-top:1px solid #2c2c2c;
	border-bottom:1px solid #2c2c2c;
}
#footer_links ul{
	float:left;
}
#footer_links ul li {
	float: left;
	margin: 0 12px 0 0;
	font-size: 1em;
	line-height:50px;
}

#footer_links ul li a {
	color: #797979;
}

#footer_links ul li a:hover {
	color: #ef4713;
}

#footer_links a:active {
	color: #FFF;
}

ul#neubreed_links {
	float: right;
}

#seo_links {
	background-color:#000;
	color: #333;
	text-align:center;
	padding: 3px;
}
#seo_links a {
	color:#333;
	cursor:pointer;
	font-size:1em;
	text-decoration:none;
}
#seo_links a:hover {
	color:#ef4713;
}




/* global classes
*****************************************/

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.last { margin-right: 0; padding-right: 0; }
.white { color: #FFF;}
.no_underline { border: none; }
.small { font-size: 70%; }

.contact-info {
/*	border: 1px solid #efefef; */
	padding: 15px;
	background-color: #ef4713;
	width: 241px;
	margin:20px 0 0 8px;
}

.contact-info h2, #main_content .contact-info a, #main_content .contact-info p, .contact-info p strong{
	color: #fff;
}

/* contact page */

#contact #main_content .left_col, #timetables #main_content .left_col {
	width: 100%;	
}

#contact-left {
	float: left;
	width: 320px;
	margin:15px 10px 0 0;
}
#contact-right {
	float: left;
	width: 505px;
	margin: 15px 0 0 0;
}
#contact-right .label {
	width: 150px;
	font-weight: bold;
	float:left;

}
#contact-right .value  {
	margin-bottom:5px;
	width: 150px;
}

#main_content p.contact-heading {
	font-size: 14pt;
	color: #ef4713;
}

/* gallery */

#gallery #main_content {
/*	background-color: #111;	
	color: #8F8F8F;*/
	/*padding: 0;*/
}
#main_content a:link, 
#main_content a:visited,  
#main_content a, 
#main_content a:hover, 
#main_content a:active 
{color: #747474; text-decoration: underline;}

/* The link "click here" changed to white*/
.contact-info h2, #main_content .contact-info a{
	color: #fff;	
}

#gallery #main_content a:link, #gallery #main_content a:visited { color: #ef4713; }
#gallery #main_content a:hover, #gallery #main_content a:active { color: #333 }
#gallery #main_content strong { font-weight: bold }

/* This is some example CSS. You can change this to your own liking. */
.img-description, .imgbrowz0r-navigation, #imgbrowz0r { margin: 0 auto;width: 970px;text-align: left }
.imgbrowz0r-navigation { /*padding: 1.5em 0 0.5em*/ }
.imgbrowz0r-navigation .img-statistics { margin-top: 1.5em }

.img-description { margin: 1.5em auto 0 }

#imgbrowz0r .img-row { padding: 0; float:left; height:226px; width:241px;}

#imgbrowz0r .img-directory span.img-dir-name,
#imgbrowz0r .img-directory span.img-thumb-date { display: block }
#imgbrowz0r .img-directory span.img-dir-name { font-weight: bold;font-size: 1.2em }

#imgbrowz0r .img-column-1 { clear: left }

#imgbrowz0r .img-thumbnail,
#imgbrowz0r .img-directory { float: left;padding: 1.5em 0;text-align: center }

#imgbrowz0r .img-thumbnail a,
#imgbrowz0r .img-directory a {
	display: block;margin: 0 auto;
	width: 200px;height: 160px;line-height: 150px;
	background-repeat: no-repeat;background-position: 50% 50%; }

#imgbrowz0r .img-directory a:link, #imgbrowz0r .img-directory a:visited, #imgbrowz0r .img-thumbnail a:link,
#imgbrowz0r .img-thumbnail a:visited { background-color: #000;border: 3px solid #cccccc;font-size: 1.5em;color: #ccc;text-decoration: none }
#imgbrowz0r .img-directory a:active, #imgbrowz0r .img-directory a:hover, #imgbrowz0r .img-thumbnail a:active,
#imgbrowz0r .img-thumbnail a:hover { border-color: #ef4713;color: #ef4713; }

#imgbrowz0r span {color: #8F8F8F; line-height: 2em; font-size:1.2em; font-weight:bold;}

/* http://sonspring.com/journal/clearing-floats */
html body div.clear,
html body span.clear { background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;
			   margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0 }
/* team members */

#team_member .left_col {
	width:440px;
	margin: 0 0 0 200px;
}
#team_member .left_col img{
	margin: 0 0 0 -200px;
	float:left;
}
#team_member .left_col li{
	margin: 0 0 0 25px;
	list-style:outside square;
	color:#747474;
	
}
#team_member .left_col .happy{
	margin:-25px 0 25px 330px;
}
#team_member .left_col .happy img{
	border:0;
}

/* team list */
#team_list{
	margin: 10px 0 0 0;	
}
.team-row {
	width: 100px;
	float:left;
	margin: 0 20px 20px 0;
	border:2px solid #CCC;
}
.team-row  .team-thumbnail{
	width: 100px;
	height: 171px;
	background-color: #000;
	text-align:center;
	color:#999;
	font-size:1.1em;
}
.team-row  .team-thumbnail a{
	width: 100px;
	height: 150px;
	display:block;
	border: none;
	margin: 0 0 2px;
	/*border:2px solid #CCC;*/
}

/* timetables */

#timetables .timetable_wrap{
	width: 300px;
	height: 60px;
	line-height: 60px;
	margin: 30px auto;
	text-align: center;
}
#timetables a.timetable_btn {
	background: url(../images/timetable_btn.gif) no-repeat;
	width: 176px;
	height: 29px;
	display: block;
	margin: 5px auto;
	text-indent: -9999px;
	line-height: 70px;	
}





#timetables a.timetable_btn:hover, #timetables a.timetable_btn:active {
	background-position: 0 -29px;
}


#timetables table {
	/*border-collapse: collapse; */
}
#timetables table img{
	border: none; 
}
#timetables table td{
	padding: 5px;
	font-size: 12px;
	vertical-align: top;
	line-height: 19px;
}
#timetables table th.header{
	background-color: #000;
	padding: 15px;
	color: #ccc;
	text-align: left;
	font-size: 22px;
	
}
#timetables table th{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	width: 11.2%;
}
#timetables table th span.small{
	font-size: 12px;
}
.red{
	color: #ef4713;
}
.timetable-date {
	float: right;
	display:block;
}
#timetables tr.odd td, #timetables tr.even td{
	font-size: 11px;
	text-align: center;
	white-space:nowrap;
}
#timetables tr.odd {
	background-color:#E4E4E4;
}
#timetables tr.even{
	background-color:#EFEFEF;
}
.jiu-jitsu {
	font-weight: bold;
	color:#0C3;
}
.power-yoga {
	font-weight: bold;
	color:#069;
}
.advanced-mma {
	font-weight: bold;
	color:#C00;
}
.kettle-bells {
	font-weight: bold;
	color:#639;
}
.circuit {
	font-weight: bold;
	color:#F90;
}
.bag-work {
	font-weight: bold;
	color:#0CF;
}
/* Pagination */
div.img-pagination{
	font-size:1.2em;
	margin:0 0 15px 0;
}
/************* twitter feed styles **************/
.columns.twitter{
	background-color:#e7eaec;
	padding:10px;
	width:264px;
}
div.heading{
/*	background-color:#e7eaec;
	display:block;
	width:264px;
	height:40px;
	z-index:200;
	float:left;*/
}
ul#twit-twit{
 	margin:0;
	background:none;

}
ul#twit-twit li{
	background:#fff;
	border:#fff 1px solid;
	-moz-border-radius:5px;
/*	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	behavior:url(/css/border-radius.htc);*/
	border-radius:5px;
	margin:7px 0 0 0;
	font-size:1.2em;
	color:#747474;
	padding:10px;
	z-index:100;
	display:block;
	zoom:1;
	width:245px;
	word-wrap:break-word;
}
ul#twit-twit li.twit-alt{
}
ul#twit-twit li a, ul#twit-twit li a:link, ul#twit-twit li a:active{
	font-size:1em;/*12px*/
	color:#fc3d04;
	word-wrap:break-word;
	width:auto;
}
ul#twit-twit li a:hover, ul#twit-twit li a:visited{
	color:#333333;
}
ul li.twit-more a.twit-more{
	display:block;
	height:55px;
	width:259px;
	text-indent:-999em;
	background:url(../images/follow_us.gif) no-repeat 0 0;
	margin:0 0 0 5px;
}
ul li.twit-more a.twit-more:hover{
	background-position:0 -57px;
}
/************************* flash detection *********************/
.yt-alert-content{
	padding:10px;
}