@charset "UTF-8";
/*
-----------------------------------------------
Personal Best UK CSS
-----------------------------------------------
/*
 
1. GLOBAL STYLES
-------------------------------------------------------------------
1.0 Master/Reset
1.1 Accessiblity
1.2 Headings
1.3 Text Elements
1.4 Links and lists
1.5 Forms
1.6 Columns and Rows
1.7 Puffs and Boxes
1.8 Buttons
 
 
2. MAIN PAGE ELEMENTS
-------------------------------------------------------------------
2.0 Wrapper
2.1 Header
2.2 Masthead
2.3 Navigation
2.4 Main content
2.5 Footer
 
 
3. SPECIFIC PAGES
-------------------------------------------------------------------
3.0 Example Specific Page
 
 
4. LOWER LEVEL TEMPLATES
-------------------------------------------------------------------
4.0 Example Lower Level Template
*/
 
 
 
/*
1. GLOBAL STYLES
------------------------------------------------------------------- */
 
/* 1.0 Master/Reset
----------------------------------------------- */
html,legend{background:#000;color:#fff}
address,blockquote,body,dd,del,dl,dt,div,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,ins,legend,li,map,object,ol,p,pre,table,td,textarea,th,ul{font-size:100%;margin:0;padding:0; vertical-align: baseline;}
h1,h2,h3,h4,h5,h6,th{font-weight:normal}
fieldset,img{border:0}
input,select,textarea{font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
td,th{vertical-align:top}
abbr,acronym,address,b,caption,cite,code,dfn,em,i,input,samp,select,strong,textarea,var{border:0;font-family:inherit;font-style:normal;font-variant:normal}
del,ins{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
q{quotes:none}q:before{content:"\2018"}q:after{content:"\2019"}q q:before{content:"\201c"}q q:after{content:"\201d"}

html {
  overflow-y: scroll;
}
body {
	background: #000;
	font: normal 0.688em Verdana,Arial,sans-serif;
}


/* 1.1 Accessibility
----------------------------------------------- */
.accessibility {display: none;}
#access {position: absolute; top: -1000em;}


/* 1.2 Headings
----------------------------------------------- */
h1, h2, h3, h4, h5 {
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 0.5em;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.364em;
}
h3 {
	font-size: 1.636em;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.4em;
}
h5 {
	font-size: 1em;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
	color: #999;
}
 
/* 1.3 Text Elements
--
--------------------------------------------- */
p {
	line-height: 150%;
	margin-bottom: 1em;
}
code {
	font: normal 0.9em "Monaco","Courier New",Courier,sans-serif;
}
 
/* 1.4 Links and Lists
----------------------------------------------- */
a, a:link, a:visited {
	color: #ccc;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #999;
}

ol, ul, dl {
	margin-bottom: 1em;
}
dd {
	margin-bottom: 0.5em;
}
ol li {
	display: list-item; /* Fixes IE rendering problem */
	list-style-type: decimal;
	list-style-position: inside;
}
ul li {
	background: url(/assets/images/icons/bullet.png) no-repeat 0 7px;
	list-style: none;
	margin-bottom: 0.5em;
	padding-left: 15px;
}
 
 
/* 1.5 Forms
----------------------------------------------- */
 
/* 1.6 Columns and Rows
----------------------------------------------- */
 
/* 1.7 Puffs and Boxes
----------------------------------------------- */
 
/* 1.8 Buttons
----------------------------------------------- */
 
/*
2. TOP LEVEL ELEMENTS
------------------------------------------------------------------- */
 
/* 2.0 Wrapper
----------------------------------------------- */
#spacer {
	height: 40px;
}
#outer_wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#wrapper {
	background: url(/assets/images/page/main_bg.jpg) no-repeat 0 0;
	border: 5px solid #fff;
	float: right;
	height: 100%;
	margin: 0 auto 6px auto;
	position: relative;
	width: 740px;
}

 
/* 2.1 Header
----------------------------------------------- */
#header {
	float: left;
	width: 210px;
}
.sticky #header {
  position: fixed;
  top: 0;
}
.ie7 .sticky #header {
  position: static;
}
#logo {
	background: url(/assets/images/page/pbuk-logo.png) no-repeat 0 0;
	font-size: 1em;
	height: 119px;
	margin: 0 0 0 60px;
	padding: 0;
	position: relative;
	text-indent: -9999em;
	width: 143px;
	z-index: 9999;
}
#logo a {
	display: block;
	height: 110px;
	outline: 0;
	width: 170px;
}
 
/* 2.2 Masthead
----------------------------------------------- */
 
 
/* 2.3 Navigation
----------------------------------------------- */
#nav {
  float: left;
	font-size: 1.091em;
	font-weight: bold;
	line-height: 110%;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: right;
	text-transform: lowercase;
	width: 210px;
}
#nav li {
	background: none;
	display: block;
	line-height: 110%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#nav a {
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  clear: both;
	color: #aaa;
	display: block;
	float: right;
	line-height: 110%;
	margin: 0;
	padding: 8px 10px;
}
#nav a:hover {
	color: #fff;
}
#nav .on a,
#nav .on a:hover {
  background: #fff;
  color: #000;
}

 
/* 2.4 Main content
----------------------------------------------- */
#main {
	clear: both;
	float: left;
	min-height: 375px;
	height: auto !important;
	height: 375px;
	margin-top: 6em;
	position: relative;
	width: 100%;
}
.page-title {
	background: #666;
	color: #ccc;
	font-size: 1.636em;
	font-weight: normal;
	right: 0;
	line-height: 110%;
	margin: 0;
	padding: 3px 20px 5px 10px;
	position: absolute;
	text-align: right;
	text-transform: lowercase;
	top: 20px;
	width: auto;
}
#primary_content {
	background: url(/assets/images/page/primary_content_bg.png) 0 0;
	clear: both;
	color: #fff;
	display: inline;
	float: left;
	margin-bottom: 35px;
	margin-left: 71px;
	padding: 10px 15px 5px 15px;
	width: 300px;
}
#primary_content  a,
#secondary_content a,
#about-personal-best a {
	color: #F3E80C;
}
#primary_content a:hover,
#secondary_content a:hover,
#about-personal-best a:hover {
	text-decoration: underline;
}
#primary_content table {
	margin-bottom: 1em;
	width: 100%;
}
#primary_content ul {
	margin-left: 15px;
}
#primary_content ul li {
	background-image: url(/assets/images/icons/bullet_white.png);
}
#secondary_content {
	background: url(/assets/images/page/secondary_content_bg.png) 0 0;
	color: #000;
	display: inline;
	float: left;
	font-size: 1.273em;
	margin-left: 10px;
	padding: 15px 15px 0 15px;
	width: 285px;
}
#secondary_content li {
	margin-bottom: 0.6em;
	padding-left: 15px;
}
.quote {
	background: url(/assets/images/page/quote_bg.png) 0 0;
	color: #F3E80C;
	font-size: 1.2em;
	padding: 6px 10px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 250px;
}
.quote h3,
.quote blockquote {
	font-size: 1.857em;
	line-height:120%;
	margin-bottom: 0.2em;
}
.quote p {
	line-height: 130%;
	margin-bottom: 0;
	text-align: right;
}
.quote a {
	color: #F3E80C;
}
 
/* 2.5 Footer
----------------------------------------------- */
#footer {
	color: #666;
	height: 40px;
	margin: 0 auto 0 210px;
	width: 750px;
}
#footer a {
	color: #666;
	font-size: 0.909em;
	text-decoration: none;
}
#footer p {
	float: right;
}
#footer_content {
	border-top: 1px dotted #ddd;
	color: #999;
	padding-top: 1em;
}
#footer #social {
	float: left;
	margin-bottom: 3em;
	width: 550px;
}
#footer #social iframe {
  float: left;
  margin-left: 8px;
}
#footer #social a {
	color: #bbb;
	display: inline-block;
	float: left;
	font-size: 1em;
	line-height: 130%;
	margin-top: 2px;
}
#footer #social .icon {
	height: 16px;
	margin-right: 4px;
	text-indent: -9999em;
	width: 16px;  
}
#footer #social a:hover {
	color: #fff;
}
#footer #social a:active,
#footer #social a:visited {
  outline: 0;
}
#footer #social .addthis_toolbox {
  float: left;
}
#footer #social .addthis_toolbox a {
  float: none;
  height: auto;
  padding: 0;
  text-indent: 0;
}
#footer #social .facebook {
	background: url(/assets/images/icons/facebook.png) no-repeat 0 0;  
}
#footer #social .twitter {
	background: url(/assets/images/icons/twitter.png) no-repeat 0 0;  
}
#footer #social .youtube {
	background: url(/assets/images/icons/youtube.png) no-repeat 0 0;  
}
#at15s_head {
  color: #333;
}
 
 
/*
3. SPECIFIC PAGES
------------------------------------------------------------------- */
 
/* 3.0 Bespoke pages
----------------------------------------------- */
.home #wrapper {
	overflow: hidden;
}
.home #main h3 a {
	background: url(/assets/images/page/home_title_bg.png) no-repeat 0 0;
	color: #fff;
	display: block;
	height: 30px;
	line-height: 110%;
	padding: 12px 20px 8px 20px;
	text-align: center;
	text-transform: lowercase;
	width: 281px;
}
.home #main h3 a:hover {
	text-decoration: underline;
}
.home .logo {
	display: inline;
	float: left;
	height: 231px;
	margin-left: 45px;
	width: 263px;
}
.home .home_links {
	display: inline;
	float: left;
	margin-left: 18px;
	padding-top: 60px;
}
.home .home_links h3 {
	font-size: 1.909em;	
}
.home .services_photo {
  border-top: 5px solid #fff;
	height: 100px;
	margin: 39px 0 -3px 0;
	padding: 0;
	width: 740px;
}
#about-personal-best {
	background: url(/assets/images/page/primary_content_bg.png) 0 0;
	color: #fff;
	float: right;
	font-size: 14px;
	margin: 2em 30px 0 0;
	padding: 15px 15px 5px 15px;
	width: 360px;
}
#about-personal-best #introduction {
  font-size: 18px;
  line-height: 135%;
}
.about_us #primary_content {
	margin-bottom: 10px;
}
.services #primary_content {
	font-size: 1.273em;
	margin-top: 10px;
	width: 440px;
}
.services #primary_content h2 {
	font-size: 1.286em;
}
.personal_training #primary_content {
	width: 400px;
} 
.personal_training .quote {
	font-size: 1em;
	height: auto;
	right: 40px;
	top: 220px;
	width: 188px;
}
.massage_therapy #primary_content {
	width: 400px;
}
.massage_therapy #primary_content ul {
	font-size: 1.273em;
	margin-left: 0;
}
.massage_therapy .quote {
	top: 40px;
	width: 210px;
}
.massage_therapy .quote p {
	text-align: left;
}
.price_list #primary_content h2 {
	margin-bottom: 0.2em;
}
.price_list #secondary_content h3 {
	font-size: 1.286em;
}
.price_list .quote {
	font-size: 0.778em;
	top: 240px;
	width: 270px;
}
.price_list table td {
	padding: 1px 0;
}
.price_list table .item {
	padding-right: 10px;
	width: 65%;
}
.contact #primary_content {
	font-size: 1.273em;
	width: 530px;
}
.vcard-download a {
	background: url(/assets/images/icons/vcard.png) no-repeat 0 0;
	display: block;
	line-height: 110%;
	padding: 5px 0 5px 35px;
}
.terms_and_conditions #primary_content {
	width: 625px;
} 
.privacy_policy #primary_content {
	width: 625px;
}
.logos {
	clear: both;
	margin: 0 0 30px 71px;
}
.logos a {
	margin-right: 10px;
}
.testimonials #primary_content,
.testimonial_single #primary_content {
	padding-bottom: 10px;
	width: 625px;
}
.testimonials .testimonial {
	border-bottom: 1px dotted #666;
	height: 100%;
	margin-bottom: 1em;
	overflow: auto;
}
.testimonials .testimonial p.client_quote {
	color: #f3e80c;
	display: inline;
	float: right;
	font-size: 1.6em;
	margin: 0 0 10px 10px;
	text-align: right;
	width: 200px;
}
.news #main {
	height: auto;
}
.news #primary_content {
	width: 625px;
}
.news .post {
	border-bottom: 1px dotted #666;
	height: 100%;
	margin-bottom: 1em;
	overflow: auto;
}
.news .post:last-child {
	border-bottom: 0;
}
.news .post .date {
	color: #666;
}
.post .article_body img {
	display: inline;
	float: right;
	margin-bottom: 1em;
	margin-left: 10px;
}
.six_week_challenge #primary_content,
.bootcamp #primary_content {
  width: 450px;
}
.video {
  margin-bottom: 3em;
}