/*
-------------------------------------------------
URI: http://www.longfordsfitness.co.uk/
Created by Rik Hopkinson
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	4.2 primary navigation
	4.3 footer links
	4.4 lists
	
5: TEMPLATE / PAGE SPECIFIC
   5.1 h tags
   5.2 flash
   5.3 get started page elements
   5.4 facilities page elements
   5.5 fitness classes page elements
   5.6 personal trainers page elements
   
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px; cursor:hand; background:#000000 url(../images/backgrounds/home.jpg) center top no-repeat }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.1em; color:#666666; margin:0 0 12px 0 }
a { font-size:1.1em; color:#000; font-weight:bold;  }
a:hover { font-size:1.1em; color:#cccccc; font-weight:bold; }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#a0a0a0 }
blockqoute {  }
table { border:1px dotted #CCCCCC; margin-left:19px; width:93%; }
th, td { border:1px dotted #CCCCCC; padding:5px; font-size:12px; color:#666666; }
fieldset { border:1px solid #ccc; }
legend {  }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* 2.1 - index page */
h1.ttl-longfords-fitness-gym-chorlton-manchester { }
h1.ttl-longfords-fitness-gym-chorlton-manchester a { background:url("../images/titles/longfords-fitness-gym-chorlton-manchester.png"); text-indent:-9999px; width:411px; height:133px; float:left; }

h2.ttl-home-strap { background:url("../images/titles/home-strap.gif"); text-indent:-9999px; width:270px; height:226px }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { width:960px; margin:0 auto; position:relative; text-align:left }

/* 3.3 - header */
div#header {  }

/* 3.4 - content */
div#content { background:#fff; margin-top:54px }

/* 3.5 - primary content */
div#primary-content { background:#fff; margin:0 12px }
body.normal-state div#primary-content { width:306px; margin:0 auto; padding:15px; float:left }
body.normal-state div#primary-content-get-started { width:306px; margin:0 auto; padding:15px; float:left }
body.normal-state div#primary-content-facilities { width:306px; margin:0 auto; padding:15px; float:left }
body.normal-state div#primary-content-fitness-classes { width:306px; margin:0 auto; padding:15px; float:left }
body.normal-state div#primary-content-gallery { width:306px; margin:0 auto; padding:15px; float:left }
body.normal-state div#primary-content-personal-trainers { width:306px; margin:0 auto; padding:15px; float:left }
body.normal-state div#primary-content-contact { width:306px; margin:0 auto; padding:15px; float:left }

/* 3.6 - secondary content */
div#secondary-content {  }
body.normal-state div#secondary-content { width:624px; height:730px; margin:0 auto; padding-top:20px; float:left }
body.normal-state div#secondary-content-get-started { width:624px; height:730px; margin:0 auto; float:left; }
body.normal-state div#secondary-content-facilities { width:624px; height:730px; margin:0 auto; float:left; }
body.normal-state div#secondary-content-facilities-bg { width:960px; height:730px; margin:0 auto; float:left; background:url(../images/backgrounds/facilities.jpg) no-repeat top right; }
body.normal-state div#secondary-content-fitness-classes { width:624px; height:730px; margin:0 auto; float:left }
body.normal-state div#secondary-content-fitness-classes-bg { width:960px; height:730px; margin:0 auto; float:left; background:url(../images/backgrounds/fitness-classes.jpg) no-repeat top right; }
body.normal-state div#secondary-content-gallery { width:624px; height:730px; margin:0 auto; float:left; padding-top:27px; }
body.normal-state div#secondary-content-gallery-bg { width:960px; height:730px; margin:0 auto; float:left; background:url(../images/backgrounds/gallery.jpg) no-repeat top right; }
body.normal-state div#secondary-content-personal-trainers { width:624px; height:730px; margin:0 auto; padding-top:300px; float:left }
body.normal-state div#secondary-content-personal-trainers-bg { width:960px; height:730px; margin:0 auto; float:left; background:url(../images/backgrounds/personal-trainers.jpg) no-repeat top right; }
body.normal-state div#secondary-content-contact { width:624px; height:730px; margin:0 auto; float:left; background:url(../images/backgrounds/contact.jpg) no-repeat top right; }
body.normal-state div#secondary-content-contact-orphan { height:730px; margin:0 auto; float:left; background:url(../images/backgrounds/contact.jpg) no-repeat top right; }
body.normal-state div#secondary-content-contact p {  margin:40px 40px 20px 20px; font-size:14px; line-height:150% }

/* 3.7 - tertiary content */
div#tertiary-content {  }

/* 3.8 - footer */
div#footer { margin-top:25px 0px auto; padding:0 0 11px 30px; background:url(../images/backgrounds/footer.png) center bottom scroll no-repeat; }
div#footer img { margin:197px 21px 0 -18px; }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - 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 }

/* 4.2 - primary navigation */
div#primary-navigation { margin:0 auto; float:right; padding-right:5px }
div#primary-navigation li { float:left; padding:0; list-style:none; text-indent:-3000px }

a.nav-home-btn { display:block; width:101px; height:36px; text-decoration:none; background:url("../images/navigation/home-btn.png") top left; text-indent:-3000px }
a.nav-home-btn:hover { background-position:50% -36px }
a.nav-gym-membership-btn { display:block; width:137px; height:36px; text-decoration:none; background:url("../images/navigation/gym-membership-btn.png") top left; text-indent:-3000px }
a.nav-gym-membership-btn:hover { background-position:50% -36px }
a.nav-facilities-btn { display:block; width:101px; height:36px; text-decoration:none; background:url("../images/navigation/facilities-btn.png") top left; text-indent:-3000px }
a.nav-facilities-btn:hover { background-position:50% -36px }
a.nav-fitness-classes-btn { display:block; width:184px; height:36px; text-decoration:none; background:url("../images/navigation/fitness-classes-btn.png") top left; text-indent:-3000px }
a.nav-fitness-classes-btn:hover { background-position:50% -36px }
a.nav-gallery-btn { display:block; width:88px; height:36px; text-decoration:none; background:url("../images/navigation/gallery-btn.png") top left; text-indent:-3000px }
a.nav-gallery-btn:hover { background-position:50% -36px }
a.nav-personal-trainers-btn { display:block; width:139px; height:36px; text-decoration:none; background:url("../images/navigation/personal-trainers-btn.png") top left; text-indent:-3000px }
a.nav-personal-trainers-btn:hover { background-position:50% -36px }
a.nav-contact-btn { display:block; width:89px; height:36px; text-decoration:none; background:url("../images/navigation/contact-btn.png") top left; text-indent:-3000px }
a.nav-contact-btn:hover { background-position:50% -36px }


/* 4.3 - footer links */
ul#footer-links { float:right; list-style:none; }
ul#footer-links li {float:left; margin:0 0 0 10px}
ul#footer-links li a {color:#fff; text-decoration:none }
ul#footer-links li a:hover {color:#ff9900} 
div#footer span {float:left; font-size:1.1em; margin:0 0 0 0}
div#footer span a {color:#fff; text-decoration:none }
div#footer span a:hover {color:#ff9900}

/* 4.4 - lists */
ul.normal-list { list-style:none; margin:0 0 10px 5px; font-size:1.2em }
ul.normal-list li { color:#333; padding:0 0 0 25px; margin:10px 0; background:url("../images/other/tick.png") 0 50% no-repeat; line-height:150% }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* 5.1 - h tags */
h2.gym-membership-ttl { background:url("../images/titles/h2/gym-membership-ttl.gif") no-repeat; text-indent:-9999px; width:270px; height:226px;  text-indent:-9999px; display:block;  }
h2.facilities-ttl { background:url("../images/titles/h2/facilities-ttl.gif") no-repeat; text-indent:-9999px; width:270px; height:226px;  text-indent:-9999px; display:block;  }
h2.fitness-classes-ttl { background:url("../images/titles/h2/fitness-classes-ttl.gif") no-repeat; text-indent:-9999px; width:270px; height:226px;  text-indent:-9999px; display:block; }
h2.gallery-ttl { background:url("../images/titles/h2/gallery-ttl.gif") no-repeat; text-indent:-9999px; width:270px; height:226px;  text-indent:-9999px; display:block }
h2.personal-trainers-ttl { background:url("../images/titles/h2/personal-trainers-ttl.gif") no-repeat; text-indent:-9999px; width:270px; height:226px;  text-indent:-9999px; display:block;  }
h2.contact-ttl { background:url("../images/titles/h2/contact-ttl.gif") no-repeat; text-indent:-9999px; width:270px; height:226px;  text-indent:-9999px; display:block; }

h3.step-one-ttl { background:url("../images/titles/h3/get-started/step-one.gif") no-repeat; text-indent:-9999px; width:133px; height:34px; display:block }
h3.step-two-ttl { background:url("../images/titles/h3/get-started/step-two.gif") no-repeat; text-indent:-9999px; width:133px; height:34px; display:block }
h3.step-three-ttl { background:url("../images/titles/h3/get-started/step-three.gif") no-repeat; text-indent:-9999px; width:133px; height:34px; display:block }
h3.bronze-ttl { background:url("../images/titles/h3/get-started/bronze.gif") no-repeat;  margin-left:10px; text-indent:-9999px; margin-left:10px; width:160px; height:34px; display:block }
h3.bronze-off-ttl { background:url("../images/titles/h3/get-started/bronze-off.gif") no-repeat;  margin-left:10px; text-indent:-9999px; width:180px; height:34px; display:block }
h3.silver-ttl { background:url("../images/titles/h3/get-started/silver.gif") no-repeat;  margin-left:10px; text-indent:-9999px; width:133px; height:34px; display:block }
h3.gold-ttl { background:url("../images/titles/h3/get-started/gold.gif") no-repeat;  margin-left:10px; text-indent:-9999px; width:133px; height:34px; display:block }
h3.main-gym-facilities-ttl { background:url("../images/titles/h3/main-gym-facilities-ttl.gif") no-repeat; text-indent:-9999px; width:378px; height:30px; display:block; margin-left:15px; }
h3.class-times-ttl { }
h3.class-times-ttl a { background:url("../images/titles/h3/fitness-classes/class-times.png") no-repeat; text-indent:-9999px; width:221px; height:60px; display:block; margin:20px 15px 0; }
h3.about-our-classes-ttl { background:url("../images/titles/h3/fitness-classes/about-our-classes.gif") no-repeat; text-indent:-9999px; width:350px; height:30px; display:block; margin:20px 15px 0; }
h3.monday-ttl { background:url("../images/titles/h3/fitness-classes/monday.gif") no-repeat; text-indent:-9999px; width:133px; height:34px; display:block }
h3.tuesday-ttl { background:url("../images/titles/h3/fitness-classes/tuesday.gif") no-repeat; text-indent:-9999px; width:133px; height:34px; display:block }
h3.wednesday-ttl { background:url("../images/titles/h3/fitness-classes/wednesday.gif") no-repeat; text-indent:-9999px; width:150px; height:34px; display:block }
h3.thursday-ttl { background:url("../images/titles/h3/fitness-classes/thursday.gif") no-repeat; text-indent:-9999px; width:133px; height:34px; display:block }
h3.specialists-ttl { background:url("../images/titles/h3/specialists-ttl.gif") no-repeat; text-indent:-9999px; width:522px; height:30px; display:block; margin:180px 0 0 15px;  }
h3.packages-for-you-ttl { background:url("../images/titles/h3/packages-for-you-ttl.gif") no-repeat; text-indent:-9999px; width:522px; height:35px; display:block; margin-left:15px; }
h3.fill-in-our-form-ttl { background:url("../images/titles/h3/fill-in-our-form-ttl.gif") no-repeat; text-indent:-9999px; width:378px; height:30px; display:block }

/* 5.2 - flash */
div#flashDiv {}
div#flashDiv img { padding-left:270px }

/* 5.3 - get started page elements */
.column { margin:0 auto }
.column dl { width:170px; padding:20px 20px 10px 16px; float:left }
.column dt { font-size:1.4em; color:#454543; font-weight:bolder; letter-spacing:-1px }
.column dd { font-size:1.1em; color:#a0a0a0; line-height:150%; padding-right:20px; }

.column-bg { margin:0 auto; }
.column-bg dl { width:264px; height:245px; margin-bottom:20px; padding:10px 20px 10px 16px; float:left; background:url(../images/global/fitness-classes-dl-bg.jpg) center no-repeat;  }
.column-bg dt { font-size:1.4em; color:#454543; font-weight:bolder; letter-spacing:-1px }
.column-bg dd { font-size:1.1em; color:#a0a0a0; line-height:150%; padding-left:10px; }

.orange { font-size:1.2em; color:#cc6633; font-weight:bold; letter-spacing:-1px }
.black { font-size:1.2em; color:#454543; font-weight:bold; letter-spacing:-1px; padding-left:19px; display:block }
.blue { color:#2259fa; font-weight:bold; }
.last { padding-bottom:58px }

h2.yearly-ttl { background:url("../images/titles/yearly-ttl.gif") no-repeat; text-indent:-9999px; width:750px; height:125px; display:block; margin-top:155px; }

h2.monthly-ttl { background:url("../images/titles/monthly-ttl.gif") no-repeat; text-indent:-9999px; width:750px; height:51px; display:block; margin-top:15px; }

/* 5.4 - facilities page elements */
.column-facilities { margin:0 auto; padding-top:244px; }
.column-facilities dl { width:170px; padding:20px 20px 10px 16px; float:left }
.column-facilities dt { font-size:1.4em; color:#cc6633; font-weight:bolder; letter-spacing:-1px; padding-bottom:12px; }
.column-facilities dd { font-size:1.1em; color:#a0a0a0; line-height:150%; padding:0 20px 0 14px; background:url(../images/global/dot.png) no-repeat top left;  }

table {  }

/* 5.5 - fitness classes page elements */
.column-fitness-classes { margin:0 auto; padding-top:140px; }
.column-fitness-classes dl {height:236px; margin:0 10px 10px; padding:19px 20px 10px 16px; width:226px; float:left; background:url(../images/global/fitness-classes-dl-bg.jpg) center no-repeat; }
.column-fitness-classes dt { font-size:1.4em; color:#265cfa; font-weight:bolder; letter-spacing:-1px; }
.column-fitness-classes dd { font-size:1.1em; color:#a0a0a0; line-height:150%; padding:1px 20px 0 0; }
.last-classes { margin-bottom:12px }

/* 5.6 - personal trainers page elements */
.column-personal-trainers { margin:0 auto; }
.column-personal-trainers dl {height:236px; margin:0 10px 10px 0; padding:20px 20px 10px 28px; width:245px; float:left; background:url(../images/global/fitness-classes-dl-bg.jpg) center no-repeat; }
.column-personal-trainers dt { font-size:1.4em; color:#265cfa; font-weight:bolder; letter-spacing:-1px; }
.column-personal-trainers dd { font-size:1.1em; color:#a0a0a0; line-height:150%; padding:1px 20px 0 0; }

.p-style { font-size:1.2em; line-height:150%; padding:10px 15px; }

.column-pt { margin:0 auto }
.column-pt dl { padding:0 8px 10px 15px; width:182px; float:left }
.column-pt dt { font-size:1.4em; color:#454543; font-weight:bolder; letter-spacing:-1px }
.column-pt dd { font-size:1.1em; color:#a0a0a0; line-height:150%; padding-right:20px; }

.black-pt { font-size:1.2em; color:#454543; font-weight:normal; letter-spacing:0px; display:block }


/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.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 }
.nb { border:0 none }
.font-change { font-family:"Georgia", Times New Roman, Times, serif; font-style:italic }
.share-logo-title { font-size:1.2em; color:#fff; font-weight:bold }
.share-logo-padding { padding-top:4px }
.built { font-size:0.8em; color:#fff; padding:3px 0 0 0  }
.margin { margin-left: 13px; }