/*
--------------------------------------------------------
URL: http://www.john-hodgson.com/
Created by Paul Ashcroft | ash@smacksofdesperation.co.uk
--------------------------------------------------------

CONTENTS

1: SITE MASTER SETUP

2: LAYOUT
	2.1 main form
	2.2 container
	2.3 header
	2.4 content
	2.5 main content
	2.6 page banner
	2.7 left column
	2.8 right column
	2.9 footer
	
3: GLOBAL ELEMENTS
	3.1 main navigation
	3.2 side navigation
	3.3 accessibility
	3.4 SIFR
	3.5 image replacement on titles
	3.6 footer links
	
4: PAGE/AREA SPECIFIC
	
5: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
html, body {margin:0; padding:0; background:#171717; color:#adadad; font:100% Arial, Verdana, Helvetica, sans-serif; height:100%; text-align:center}
p {margin:0; padding:0.6em 0 0.6em 0; line-height:160%; font-size:12px;}
img	{border:0; background:none}
form {margin:0; padding:0}
label {font-weight:bold}
select, input, textarea {margin:0; padding:2px; border:1px solid #000}
address {font-style:normal}
fieldset {border:0; padding:0; margin:0}
dl, dt, dd {margin:0; padding:0;}
ul, ol {margin:0; padding:0; list-style:none}
hr { background:#fff; width:100%; height:1px; margin:3px auto 0 0; clear:both}
hr.double {border:none 0; background:#fff; width:100%; height:2px; margin:3px auto 0 0; text-align:left; clear:both}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
h3 {color:#fff; font-size:20px; padding:5px 0}
h3.alt {color:#ffcc00; font-size:24px; padding:3px 0}
h4.alt {color:#ffcc00}
h4 {color:#fff; font-size:16px; padding:5px 0}

#charts table {border:none; width:90%; margin-bottom:10px}
table caption {text-align:left; font-size:14px; margin-top:15px; color:#ffcc00; padding-bottom:5px}
#charts td {font-size:0.7em; width:40%; padding:2px 0; border-bottom:1px dotted #333}
#charts th {text-align:left; font-size:11px; width:60%; padding:2px 0; border-bottom:1px dotted #333}
#charts tfoot {font-size:0.9em; color:#fff; border-bottom:0px!important;}
td {font-size:11px; padding:2px 0; border-bottom:1px dotted #333}

p.opening-paragraph {font-size:14px!important; color:#fff}
div.divider {background:url("../images/backgrounds/divider.gif") repeat-x; width:806px; height:41px;}

a {text-decoration:none; color:#ffcc00}
a:hover {border-bottom:2px solid #ffcc00; color:#ffcc00;}


/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.1 - main form */
#formHolder {width:370px;}
#formHolder legend {margin:0; border:0; padding:0; font-size:18px; color:#ffcc00; font-weight:bold}
#formHolder fieldset {margin-bottom:20px; border:none; padding:0;}
#formHolder fieldset.personalDetails {margin-bottom:2px; border:none; padding:0;}
#formHolder fieldset.submit {border:none; padding:0 20px 0 0; text-align:right; clear:both;}
#formHolder label {width:140px; float:left; text-align:right; display:block; cursor:pointer; padding:7px 10px 0 0; font:12px/18px Arial, Verdana, Times,}
#formHolder input.text, #formHolder textarea, #formHolder select {width:190px; margin:4px 15px 5px 0; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444;}
#formHolder ol {margin:20px 0 0 0; padding:0}
#formHolder ol li {list-style:none; padding:5px 0 5px 0; margin:0;}
#formHolder ol li.last {border:0 none}
#formHolder ol li input {margin:0 15px 0 0}
#formHolder ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
#formHolder ol li.chk input {margin:0 0 0 140px; border:0 none}

/* 2.2 - container */
div#site-container {margin:0 auto; text-align:left; width:806px; padding-bottom:60px}

/* 2.3 - header */
div#header {height:135px; width:806px}
div#branding {width:238px; float:left; padding:36px 0 0 15px;}
div#navigation {width:553px; float:left; padding-top:30px; font-size:9px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif}

/* 2.4 - content */
div.index-content {width:726px; padding:0 40px}

/* 2.5 - main content */
div#main-content {background:#000; float:left;}
div#main-content ul {font-size:11px; margin:10px 0 0 13px; list-style:square!important; line-height:160%}
div#main-content ul li {padding-bottom:5px;}

div#main-content-2 {background:#000; float:left;}
div#main-content-2 ul {font-size:11px; margin:10px 0 0 13px; list-style:square!important; line-height:160%}
div#main-content-2 ul li {padding-bottom:5px;}

/* 2.6 - page banner */
div#page-banner {border-bottom:1px solid #2f2f2f; margin-bottom:20px}
div#page-banner p {width:400px; margin:0 0 0 40px; font-size:11px}
div#page-banner h3 {color:#fff; margin:0 0 5px 40px;}
div#page-banner ul {font-size:11px; margin:10px 0 0 70px; list-style:square!important; width:400px}
div#page-banner ul li {padding-bottom:5px;}

/* 2.7 - left-column */
div.left-column {padding-right:403px; width:363px; padding-left:40px}
div.left-column-float {width:323px; float:left; padding:15px 40px}

/* 2.8 - right-column */
div.right-column {padding-left:403px; width:363px; padding-right:40px}
div.right-column-float {width:323px; float:left; padding:15px 40px}

/* 2.9 - footer */
div.full-width {width:726px; padding:20px 40px 30px 40px}

/* 2.9 - footer */
div#footer {margin:0 auto; text-align:left; width:806px; font-size:10px; clear:both; padding:20px 0; color:#52555a; border-top:1px solid #2f2f2f; text-align:right}

/* -----------------------------------------------
3. GLOBAL ELEMENTS
----------------------------------------------- */

/* 3.1 - main navigation */
body.about-section #about-nav dt {font-size:10px; font-weight:bold; text-transform:uppercase; padding:3px 0; color:#ffcc00}
body.training-section #training-nav dt {font-size:10px; font-weight:bold; text-transform:uppercase; padding:3px 0; color:#ffcc00}
body.nutrition-section #nutrition-nav dt {font-size:10px; font-weight:bold; text-transform:uppercase; padding:3px 0; color:#ffcc00}
body.contact-section #contact-nav dt {font-size:10px; font-weight:bold; text-transform:uppercase; padding:3px 0; color:#ffcc00}

dl#about-nav {float:right; list-style:none; padding:0 0 20px 50px;}
dl#about-nav dt {font-size:10px; font-weight:bold; color:#b3b3b3; text-transform:uppercase; padding:3px 0}
dl#about-nav dd {display:block; padding:3px 0}
dl#about-nav dd a {color:#838181}
dl#about-nav dd a:hover {text-decoration:none; background:#ffcc00; color:#171717}
dl#about-nav dd a.currentPage {color:#fff}

dl#training-nav {float:right; list-style:none; padding:0 0 20px 50px;}
dl#training-nav dt {font-size:10px; font-weight:bold; color:#b3b3b3; text-transform:uppercase; padding:3px 0}
dl#training-nav dd {display:block; padding:3px 0}
dl#training-nav dd a {color:#838181}
dl#training-nav dd a:hover {text-decoration:none; background:#ffcc00; color:#171717}
dl#training-nav dd a.currentPage {color:#fff}

dl#nutrition-nav {float:right; list-style:none; padding:0 0 20px 50px;}
dl#nutrition-nav dt {font-size:10px; font-weight:bold; color:#b3b3b3; text-transform:uppercase; padding:3px 0}
dl#nutrition-nav dd {display:block; padding:3px 0}
dl#nutrition-nav dd a {color:#838181}
dl#nutrition-nav dd a:hover {text-decoration:none; background:#ffcc00; color:#171717}
dl#nutrition-nav dd a.currentPage {color:#fff}

dl#contact-nav {float:right; list-style:none; padding:0 0 20px 50px;}
dl#contact-nav dt {font-size:10px; font-weight:bold; color:#b3b3b3; text-transform:uppercase; padding:3px 0}
dl#contact-nav dd {display:block; padding:3px 0}
dl#contact-nav dd a {color:#838181}
dl#contact-nav dd a:hover {text-decoration:none; background:#ffcc00; color:#171717}
dl#contact-nav dd a.currentPage {color:#fff}

/* 3.2 - lists */
dl#workout-sheets {list-style:none; padding:0;}
dl#workout-sheets dt {font-size:18px; font-weight:bold; color:#fff; padding:3px 0}
dl#workout-sheets dd {display:block; font-size:12px; padding-bottom:20px;}
dl#workout-sheets dd a {color:#ffcc00; text-decoration:underline}
dl#workout-sheets dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

dl#workout-sheet-exercises {list-style:none; padding-bottom:20px;}
dl#workout-sheet-exercises dt {font-size:14px; font-weight:bold; color:#fff; padding:15px 0 3px 0}
dl#workout-sheet-exercises dd {display:block; font-size:12px; padding-bottom:2px;}
dl#workout-sheet-exercises dd a {color:#ffcc00; text-decoration:underline}
dl#workout-sheet-exercises dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

dl#gaining-muscle-tips {list-style:none; padding:0;}
dl#gaining-muscle-tips dt {font-size:14px; font-weight:bold; color:#fff; padding:15px 0}
dl#gaining-muscle-tips dd {display:block; font-size:12px; padding-bottom:8px;}
dl#gaining-muscle-tips dd a {color:#ffcc00; text-decoration:underline}
dl#gaining-muscle-tips dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

dl.career-history-list {list-style:none; padding:0; margin-bottom:10px}
dl.career-history-list dt {font-size:26px; font-weight:bold; color:#fff; padding:15px 0 10px 0}
dl.career-history-list dd {display:block; font-size:13px; padding:5px 0 12px 0;}
dl.career-history-list dd em {display:block; font-size:11px; color:#fff; font-style:normal; padding:4px 0}
dl.career-history-list dd a {color:#ffcc00; text-decoration:underline}
dl.career-history-list dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

ul#career-history-years {list-style:none; margin:20px 0 0 0!important; padding:0!important; width:360px}
ul#career-history-years li {list-style:none; float:left; width:30%; margin-bottom:10px}
ul#career-history-years li h3 {font-size:18px; padding:0!important; margin-left:40px}
ul#career-history-years li a {margin-left:40px}

dl#links-list {list-style:none; padding:0;}
dl#links-list dt {font-size:18px; font-weight:bold; color:#fff; padding:3px 0}
dl#links-list dd {display:block; font-size:12px; padding-bottom:20px;}
dl#links-list dd a {color:#ffcc00; text-decoration:underline}
dl#links-list dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

dl#supplements-list {list-style:none; padding-top:10px;}
dl#supplements-list dt {font-size:18px; font-weight:bold; color:#fff; padding:3px 0}
dl#supplements-list dd {display:block; font-size:12px; padding-bottom:10px;}
dl#supplements-list dd a {color:#ffcc00; text-decoration:underline}
dl#supplements-list dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

dl#diet-confirm-list {list-style:none; padding:5px 0;}
dl#diet-confirm-list dt {font-size:14px; font-weight:normal; color:#fff; padding:2px 0}
dl#diet-confirm-list dd {display:block; font-size:12px; padding-bottom:5px;}
dl#diet-confirm-list dd a {color:#ffcc00; text-decoration:underline}
dl#diet-confirm-list dd a:hover {text-decoration:none; background:#ffcc00; color:#000}

/* 3.3 - accessibility */
ul#skiplinks {display:none}
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden} 
ul#skiplinks a:active, ul#skiplinks a:focus {position:static; width:auto; height:auto}

/* 3.4 - SIFR */


/* 3.5 - image replacement on titles */
h1.logo-ttl {background:url("../images/other/logo.gif") no-repeat; width:238px; height:59px; text-indent:-3000px;}
h2.dvd-ttl {background:url("../images/titles/dvd-title.gif") no-repeat; width:449px; height:67px; text-indent:-3000px; margin-top:30px}
h2.coming-soon-ttl {background:url("../images/titles/coming-soon-banner.gif") no-repeat; width:481px; height:200px; text-indent:-3000px;}
h2.evogym-ttl {background:url("../images/titles/evogym.jpg") no-repeat; width:668px; height:107px; text-indent:-3000px; margin-bottom:-10px}

/* about section */
h2.home-banner-ttl {background:url("../images/titles/home-banner.gif") no-repeat; width:481px; height:225px; text-indent:-3000px;}
h2.biography-banner-ttl {background:url("../images/titles/biography.gif") no-repeat; width:260px; height:199px; text-indent:-3000px;}
h2.career-history-banner-ttl {background:url("../images/titles/career-history.gif") no-repeat; width:428px; height:210px; text-indent:-3000px;}
h2.career-history-2-banner-ttl {background:url("../images/titles/career-history-2.gif") no-repeat; width:376px; height:215px; text-indent:-3000px;}
h2.gallery-banner-ttl {background:url("../images/titles/gallery.gif") no-repeat; width:481px; height:225px; text-indent:-3000px;}
h2.merchandise-banner-ttl {background:url("../images/titles/merchandise.gif") no-repeat; width:511px; height:222px; text-indent:-3000px;}

/* training section */
h2.training-advice-banner-ttl {background:url("../images/titles/training-advice.gif") no-repeat; width:501px; height:220px; text-indent:-3000px;}
h2.beginners-training-banner-ttl {background:url("../images/titles/advice-for-beginners.gif") no-repeat; width:496px; height:225px; text-indent:-3000px;}
h2.fitness-training-banner-ttl {background:url("../images/titles/fitness-training.gif") no-repeat; width:350px; height:228px; text-indent:-3000px;}
h2.hit-training-banner-ttl {background:url("../images/titles/hit-training.gif") no-repeat; width:430px; height:220px; text-indent:-3000px;}
h2.workout-banner-ttl {background:url("../images/titles/workout.gif") no-repeat; width:487px; height:215px; text-indent:-3000px;}
h2.training-journal-banner-ttl {background:url("../images/titles/training-journal.gif") no-repeat; width:481px; height:225px; text-indent:-3000px;}   

h3.beginners-advice-small-ttl {background:url("../images/titles/beginners-advice-small.gif") no-repeat; width:346px; height:115px; text-indent:-3000px; margin-bottom:7px}
h3.hit-training-small-ttl {background:url("../images/titles/hit-training-small.gif") no-repeat; width:283px; height:115px; text-indent:-3000px; margin-bottom:7px}
h3.fitness-training-small-ttl {background:url("../images/titles/fitness-training-small.gif") no-repeat; width:285px; height:115px; text-indent:-3000px; margin-bottom:7px}
h3.workout-sheets-ttl {background:url("../images/titles/workout-sheets.gif") no-repeat; width:295px; height:127px; text-indent:-3000px; margin-bottom:20px}

/* nutrition section */
h2.supplements-banner-ttl {background:url("../images/titles/product-advice.gif") no-repeat; width:391px; height:220px; text-indent:-3000px;}
h2.protein-supplements-banner-ttl {background:url("../images/titles/protein-supplements.gif") no-repeat; width:500px; height:214px; text-indent:-3000px;}
h2.recovery-supplements-banner-ttl {background:url("../images/titles/recovery-supplements.gif") no-repeat; width:476px; height:242px; text-indent:-3000px;}
h2.vitamin-supplements-banner-ttl {background:url("../images/titles/vitamin-supplements.gif") no-repeat; width:393px; height:231px; text-indent:-3000px;}
h2.diet-advice-banner-ttl {background:url("../images/titles/diet-advice.gif") no-repeat; width:382px; height:230px; text-indent:-3000px;}
h3.important-info-ttl {background:url("../images/titles/important.gif") no-repeat; width:342px; height:76px; text-indent:-3000px; margin:20px 0 10px -12px}
h2.gaining-muscle-banner-ttl {background:url("../images/titles/gaining-muscle.gif") no-repeat; width:464px; height:220px; text-indent:-3000px;}
h2.boost-testosterone-banner-ttl {background:url("../images/titles/boost-testosterone.gif") no-repeat; width:452px; height:218px; text-indent:-3000px;}

/* contact section */
h2.enquiries-banner-ttl {background:url("../images/titles/enquiries.gif") no-repeat; width:472px; height:138px; text-indent:-3000px;}
h2.personalised-plans-banner-ttl {background:url("../images/titles/personalised-plans.gif") no-repeat; width:329px; height:204px; text-indent:-3000px; margin:0 0 18px 13px}
h2.downloads-banner-ttl {background:url("../images/titles/downloads.gif") no-repeat; width:481px; height:225px; text-indent:-3000px;}
h2.links-banner-ttl {background:url("../images/titles/links.gif") no-repeat; width:343px; height:228px; text-indent:-3000px;}

/* posters section */
h2.signed-photos-ttl {background:url("../images/titles/signed-photos.gif") no-repeat; width:638px; height:150px; text-indent:-3000px; margin-bottom:13px}
h2.special-offers-ttl {background:url("../images/titles/special-offers.gif") no-repeat; width:575px; height:88px; text-indent:-3000px; margin-bottom:25px}
h3.multi-1-ttl {background:url("../images/titles/3-for-20.gif") no-repeat; width:317px; height:29px; text-indent:-3000px;}
h3.multi-2-ttl {background:url("../images/titles/5-for-25.gif") no-repeat; width:310px; height:28px; text-indent:-3000px;}

/* gallery */
h2.on-stage-ttl {background:url("../images/titles/gallery/on-stage.jpg") no-repeat; width:806px; height:159px; text-indent:-3000px;}
h2.training-ttl {background:url("../images/titles/gallery/training.jpg") no-repeat; width:806px; height:117px; text-indent:-3000px;}
h2.various-photos-ttl {background:url("../images/titles/gallery/various-photos.jpg") no-repeat; width:806px; height:125px; text-indent:-3000px;}

/* 3.6 - footer links */
div#footer ul li {display:inline; border-right:1px solid #52555a; padding:0 7px}
div#footer ul li.first {border:0 none; margin:0 20px 0 0; padding:0}
div#footer ul li.last {border:0 none}


/* -----------------------------------------------
4. PAGE/AREA SPECIFIC
----------------------------------------------- */

/* 4.1 - Banners */

/* about section */
div.home-banner {height:520px; background:url("../images/banners/home.jpg") no-repeat;}
div.biography-banner {height:442px; background:url("../images/banners/biography.jpg") no-repeat;}
div.career-history-banner {height:597px; background:url("../images/banners/career-history-2.jpg") no-repeat;}
div.gallery-banner {height:520px; background:url("../images/banners/gallery.jpg") no-repeat;}
div.merchandise-banner {height:545px; background:url("../images/banners/merchandise.jpg") no-repeat;}

/* training section */
div.training-advice-banner {height:495px; background:url("../images/banners/training-advice.jpg") no-repeat;}
div.beginners-training-banner {height:472px; background:url("../images/banners/advice-for-beginners.jpg") no-repeat;}
div.fitness-training-banner {height:472px; background:url("../images/banners/fitness-training.jpg") no-repeat;}
div.hit-training-banner {height:452px; background:url("../images/banners/hit-training.jpg") no-repeat;}
div.workout-banner {height:495px; background:url("../images/banners/workout.jpg") no-repeat;}
div.training-journal-banner {height:520px; background:url("../images/banners/training-journal.jpg") no-repeat;}   

/* nutrition section */
div.supplements-banner {height:506px; background:url("../images/banners/supplement-products.jpg") no-repeat;}
div.protein-supplements-banner {height:506px; background:url("../images/banners/supplement-products.jpg") no-repeat;}
div.recovery-supplements-banner {height:506px; background:url("../images/banners/supplement-products.jpg") no-repeat;}
div.vitamin-supplements-banner {height:506px; background:url("../images/banners/supplement-products.jpg") no-repeat;}
div.diet-advice-banner {height:538px; background:url("../images/banners/diet-advice.jpg") no-repeat;}
div.gaining-muscle-banner {height:567px; background:url("../images/banners/gaining-muscle.jpg") no-repeat;}
div.boost-testosterone-banner {height:567px; background:url("../images/banners/boost-testosterone.jpg") no-repeat;}
div.diet-plan-banner {height:538px; background:url("../images/banners/diet.jpg") no-repeat;}

/* contact section */
div.enquiries-banner {height:447px; background:url("../images/banners/contact-us.jpg") no-repeat;}
div.personalised-plans-banner {height:538px; background:url("../images/banners/personalised-diets.jpg") no-repeat;}
div.downloads-banner {height:520px; background:url("../images/banners/downloads.jpg") no-repeat;}
div.links-banner {height:456px; background:url("../images/banners/useful-links.jpg") no-repeat;}

/* 4.2 - Backgrounds */

/* training advice */
div#beginners-advice-bg {background:url("../images/backgrounds/training-advice/beginners-advice.jpg") no-repeat bottom; height:302px}
div#hit-training-bg {background:url("../images/backgrounds/training-advice/hit-training.jpg") no-repeat bottom; height:302px}
div#fitness-training-bg {background:url("../images/backgrounds/training-advice/fitness-training.jpg") no-repeat bottom; height:302px}

/* beginners workout */
div#beginners-advice-content-1-bg {background:url("../images/backgrounds/beginners-advice/content-1.jpg") no-repeat bottom left; padding-top:25px; padding-bottom:35px}
div#beginners-advice-content-2-bg {background:url("../images/backgrounds/beginners-advice/content-2.jpg") no-repeat bottom; height:550px; padding-top:15px}

/* hit training */
div#hit-training-content-bg {background:url("../images/backgrounds/hit/content.jpg") no-repeat bottom; height:457px; padding-top:15px}

/* fitness training */
div#fitness-training-content-1-bg {background:url("../images/backgrounds/fitness-training/content-1.jpg") no-repeat left top; padding-top:25px; padding-bottom:35px}
div#fitness-training-content-2-bg {background:url("../images/backgrounds/fitness-training/content-2.jpg") no-repeat bottom; padding-top:20px; padding-bottom:25px}

/* gaining muscle */
div#gaining-muscle-content-bg {background:url("../images/backgrounds/gaining-muscle/content.jpg") no-repeat bottom; padding-top:15px; padding-bottom:25px}

/* diet advice */
div#diet-advice-content-bg {background:url("../images/backgrounds/diet-advice/content-2.jpg") no-repeat left bottom; padding-top:25px; padding-bottom:35px}

/* diet advice */
div#supplements-content-bg {background:url("../images/products/pack-shot.jpg") no-repeat left top; padding-top:25px; padding-bottom:40px}

/* workout */
div#workout-content-bg {background:url("../images/backgrounds/workout/content.jpg") no-repeat bottom; height:568px;}

/* boost testosterone */
div#testosterone-content-2-bg {background:url("../images/backgrounds/testosterone/content-2.jpg") no-repeat bottom; height:710px}

/* 4.3 - Other content */
div.hidden-content {}

/* 4.4 - Posters section */
div#single-posters {background:url("../images/backgrounds/posters/single-poster-bg.jpg") no-repeat; height:573px; width:806px;}
div#single-posters-intro {height:199px;}
div#single-posters-intro p {line-height:30%; margin:0 0 0 29px}

ul#poster-gallery {width:805px; margin:0!important}
ul#poster-gallery li {list-style:none; width:161px; float:left; text-align:center;}
ul#poster-gallery p {color:#fff; font-size:11px; line-height:40%; margin:10px 0 -5px 0}
ul#poster-gallery strong {font-size:20px;}

div#multipack-posters {background:url("../images/backgrounds/posters/multi-posters-bg.jpg") no-repeat; height:501px}
div#multipack-posters-3 {float:left; width:336px; margin:0 40px 0 27px}
div#multipack-posters-5 {float:left; width:403px}

/* 4.5 - gallery */
div#gallery-stage-bg {background:url("../images/backgrounds/gallery/stage-bg.jpg") no-repeat left top;}
div#gallery-stage-bg h3 {margin:0; padding:0; line-height:normal}
div#gallery-training-bg {background:url("../images/backgrounds/gallery/training-bg.jpg") no-repeat left top;}
div#gallery-training-bg h3 {margin:0; padding:0; line-height:normal}
div#gallery-various-bg {background:url("../images/backgrounds/gallery/various-bg.jpg") no-repeat left top;}
div#gallery-various-bg h3 {margin:0; padding:0; line-height:normal}

ul.gallery-photos {margin:0; padding:0}
ul.gallery-photos li {list-style:none; float:left;}
ul.gallery-photos li img {border:none; margin:-4px 0}

/* 4.6 - evo gym advert */
div#evo-gym-advert {background:#000 url(../images/backgrounds/evogym.gif) no-repeat bottom right; padding-top:25px; padding-bottom:20px }
div#evo-gym-advert p {width:500px}
/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clr {overflow: hidden; clear: both; height: 1px; margin-top: -1px}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.la {text-align:left}
.ra {text-align:right}
.ca {text-align:center}
.fl {float:left}
.fr {float:right}
.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}