@charset "UTF-8";
/* CSS Document */

body { background:#710c0c url(images/bg-red.gif); font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; height: 100%; font-size: 62.5%; color: #FFFFFF; text-align: center; }
a, object, a img { outline:none; border:none; text-decoration:none; font-weight:bold; color:#FFF  }
a:hover, object:hover { text-decoration:underline; outline:none; border:none; }


p { font-size:1.2em; color:#b8b8b8; line-height:1.3em; padding:0; margin:6px 0 6px 0 }
strong{color:#ebebeb}
h3 { font-size:1.7em; font-weight:bold }
hr { background-color:#480000; border:0 none; clear:both; color:#480000; height:1px; margin:10px 20px 10px 20px; padding:0; }
#wrap { background: url(images/gradientbg.jpg); margin: 0px auto 0px auto; padding: 0 0 0 0; width: 960px; text-align: left; }
#header { margin-bottom:45px }
#header h1 { text-indent: -9999px; background:url(images/team-spirit-media-group-logo.png); display:block; width:273px; height:122px; margin:35px 0 0 20px; padding:0; float:left; }
#header ul { float: left; margin: 129px 0 0 28px; _margin:129px 0 0 14px;  padding:0 }
#header li { float: left; margin: 0; list-style:none }
#header .menu-home { margin-left: 13px; }
#header li a { display: block; height: 29px; text-indent: -9999px; }
#header .menu-home a { width: 104px; background: url(images/menu-home2.png) no-repeat 0 0; }
#header .menu-home a:hover, #header .menu-home a.here { background-position: 0 -29px; }
#header .menu-tv a { width: 42px; background: url(images/menu-tv2.png) no-repeat 0 0; }
#header .menu-tv a:hover, #header .menu-tv a.here { background-position: 0 -29px; }
#header .menu-publishing a { width: 116px; background: url(images/menu-publishing2.png) no-repeat 0 0; }
#header .menu-publishing a:hover, #header .menu-publishing a.here { background-position: 0 -29px; }
#header .menu-pr a { width: 42px; background: url(images/menu-pr2.png) no-repeat 0 0; }
#header .menu-pr a:hover, #header .menu-pr a.here { background-position: 0 -29px; }
#header .menu-management a { width: 221px; background: url(images/menu-management2.png) no-repeat 0 0; }
#header .menu-management a:hover, #header .menu-management a.here { background-position: 0 -29px; }
#header .menu-contact a { width: 80px; background: url(images/menu-contact2.png) no-repeat 0 0; }
#header .menu-contact a:hover, #header .menu-contact a.here { background-position: 0 -29px; }
#color-boxes { margin:25px 0 0 20px; _margin:25px 0 0 10px; float:left }
#green-box { background: url(images/greenbox.png) no-repeat; width:377px; height:178px; padding-top:5px; float:left }
#green-box p, #green-box h3, #green-box h2 { margin:10px 150px 0 15px }
h2.green-title { text-indent: -9999px; background:url(images/boxtitle-publishing.png); display:block; width:114px; height:21px; margin-top:20px }
#orange-box { background: url(images/orangebox.png) no-repeat; width:377px; height:178px; padding-top:5px; float:left }
#orange-box p, #orange-box h3, #orange-box h2 { margin:10px 50px 0 15px }
h2.orange-title { text-indent: -9999px; background:url(images/boxtitle-pr.png); display:block; width:176px; height:21px; margin-top:20px }
#turquoise-box { background: url(images/turquoisebox.png) no-repeat; width:377px; height:165px; padding-top:5px; float:left }
#turquoise-box p, #turquoise-box h3, #turquoise-box h2 { margin:10px 130px 0 15px }
#turquoise-box p { margin-top:40px }
h2.turquoise-title { text-indent: -9999px; background:url(images/boxtitle-tv.png); display:block; width:106px; height:21px; margin-top:20px }
#purple-box { background: url(images/purplebox.png) no-repeat; width:377px; height:165px; padding-top:5px; float:left }
#purple-box p, #purple-box h3, #purple-box h2 { margin:10px 150px 0 15px }
h2.purple-title { text-indent: -9999px; background:url(images/boxtitle-management2.png); display:block; width:243px; height:21px; margin-top:20px }
#grey-box { float:left; background: url(images/greybox.png) no-repeat; width:123px; height:302px; padding-top:5px; margin:14px 0 0 48px }
#grey-box h2.followus { text-indent: -9999px; background:none; width:0; margin:0; padding:0; display:none; visibility:hidden;}
#grey-box ul { margin: 25px 0 0 25px; padding:0 }
#grey-box li { margin: 0 0 22px 0; list-style:none }
#grey-box li a { display: block; height: 32px; width:32px; text-indent: -9999px; }
#grey-box li a:hover { background-position: -32px 0; }
#grey-box .social-twitter a { background: url(images/social-twitter.png) no-repeat 0 0; }
#grey-box .social-linkedin a { background: url(images/social-linkedin.png) no-repeat 0 0; }
#grey-box .social-myspace a { background: url(images/social-myspace.png) no-repeat 0 0; }
#grey-box .social-facebook a { background: url(images/social-facebook.png) no-repeat 0 0; }
#grey-box .social-youtube a { background: url(images/social-youtube.png) no-repeat 0 0; }

/*#grey-box { float:left; background: url(images/greybox2.png) no-repeat; width:146px; height:331px; padding:10px; margin:22px 0 0 0 }
#grey-box h2.feed { text-indent: -9999px; background: url(images/title-news-events.gif) no-repeat;  height:35px; width: 150px; margin:0; padding:0; }*/



#grey-box p{font-size:1.1em; color:#666}
.date{font-size:0.9em}
#grey-box a{ color:#333}
#login-box { background: url(images/loginbox.png) no-repeat; width:920px; height:64px; padding-top:5px; margin:20px 0 0 20px }
#login-box p, #login-box h3, #login-box h2 { margin:17px 50px 0 15px }
h2.login-title { text-indent: -9999px; background:url(images/boxtitle-login.png); display:block; width:55px; height:21px; float:left }
#loginform { float:left; margin-top:16px }
#login-box label { float:left; font-size:1.2em; color:#FFF; line-height:1.3em; margin:5px 10px 0 20px }
#username, #password { float:left; background:url(images/textfield.png) no-repeat; border:none; width:220px; height:19px; padding:3px 20px 3px 20px; color:#ff8a63 }
#username:focus, #password:focus { float:left; background:url(images/textfield-a.png) no-repeat; }
#enter { background:url(images/enterbtn.png) no-repeat; margin:0 0 0 20px; padding:0; width:67px; height:25px; border:none }
#enter:hover { background-position:-67px 0; cursor:pointer }

#footer p{text-align:center; font-size:1.1em;}

#footer em{font-style:normal; color:#de7b3b}
#footer a{ font-weight:normal; color:#b8b8b8}



/*shared content page style*/

#leftcol{float:left; width:780px;}
#rightcol{float:left; width:100px;}

#mainbox{height:230px;  padding:80px 320px 0 50px}
#mainbox h1{display:none; visibility:hidden}
#mainbox p{ margin:0 0 10px 0}


#rightcol #grey-box{margin: -10px 0 0 48px; float:none;}

#rightcol #banner1, #rightcol #banner2, #rightcol #banner3,  #rightcol #banner4{margin: 10px 0 0 48px; _margin: 10px 0 0 10px; padding:0; width:100px;}
#rightcol #banner1 {margin-top:0}

.projectbox{background:url(images/projectbox.gif) no-repeat; padding:10px 10px 10px 25px; margin:5px 0 20px 20px;  _margin:5px 0 20px 20px;  height:345px}
.projectbox img{float:right; margin-left:20px}
.projectbox p, .pr-white-content p,  .pr-white-content strong, .projectbox a{color:#444444;}

.projectboxlogos{background:url(images/logos-bg.png) no-repeat; padding:10px 50px 10px 50px; margin:5px 0 20px 20px;  _margin:5px 0 20px 20px;  height:184px}
.oklink{width: 300px; height: 164px; float: left; background-image:url(images/OK!-Famously-Fit-Logos.png)}
.oklink a{width: 300px; height: 164px; display:block}
.yorklink{width: 300px; height: 164px; float: right; background-image:url(images/york-fitness-logo.png)}
.yorklink a{width: 300px; height: 164px; display:block}


/*publishing*/

.publishing #mainbox{background:url(images/publishing-mainbox.png) no-repeat}
h2.fflogo { text-indent: -9999px; background:url(images/famouslyfit-logo-project.png) no-repeat; display:block; width:220px; height:36px; margin-top:20px }
h2.wclogo { text-indent: -9999px; background: url(images/worldclub-logo-publish.png) no-repeat; display:block; width:220px; height:42px; margin-top:20px }

h2.moreprojects { text-indent: -9999px; background:url(images/other-projects-title.png) no-repeat; display:block; width:220px; height:36px; margin:0 }

.publishing #moreprojectbox{background: url(images/moreprojects-publishing.png) no-repeat; padding:10px 10px 10px 25px; margin:5px 0 20px 20px}


/*pr*/

.pr #mainbox{background:url(images/pr-mainbox.png) no-repeat}

.pr-white{float:left; width:554px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.pr-white-top{ background:url(images/pr-white-top.png) no-repeat top left; height:10px; margin:0; width:544px}
.pr-white-content {background:url(images/pr-white.png) repeat-y; margin:0; padding:0 ;  width:544px }
.pr-white-content img {float:right; margin:0 20px 30px 10px}
.pr-white-content p { margin:20px 20px 25px 20px; font-style: italic; }
.pr-white-content a { color:#333 }


.pr-white-bottom{ background:url(images/pr-white-bottom.png) no-repeat; height:10px; margin:0;}

.pr #mainbox{background:url(images/pr-mainbox.png) no-repeat}

.lee-green{float:left; width:753px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.lee-green-top{ background:url(images/management-lee-header.png) no-repeat; float:left; top left; height:50px; margin:0; width:753px}
.lee-green-content {background:url(images/management-lee-bg-hidden.jpg) no-repeat; float:left;margin:0; padding:0 0 0 0;  width:753px }
.lee-green-content img {float:right; margin:0 20px 30px 10px}
.lee-green-content p { margin:10px 20px 25px 20px; font-style: italic; color:#333;}
.lee-green-content a {float:right; color:#FFF ; text-decoration:underline; padding:0 230px 0 0}
#leemainbox{height:235px;  padding:0 200px 10px 10px}

.lee-pic{background:url(images/lee1.jpg) width:151px; no-repeat;}

.lee-green-bottom{ background:url(images/management-lee-btm.png) no-repeat; float:left; height:10px; margin:0; width:753px}

.jo-purple{float:left; width:753px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.jo-purple-top{ background:url(images/management-jo-header.png) no-repeat; float:left; top left; height:50px; margin:0; width:753px}
.jo-purple-content {background:url(images/management-jo-bg-hidden.jpg) no-repeat; float:left;margin:0; background-color:#84768d; padding:0 ;  width:753px }
.jo-purple-content img {float:right; margin:0 20px 30px 10px}
.jo-purple-content p { margin:0 20px 25px 20px; font-style: italic; color:#333 }
.jo-purple-content a {float:right; color:#FFF ; text-decoration:underline; padding:0 230px 0 0}
#jomainbox{height:235px;  padding:10px 200px 10px 10px}

.jo-pic{background:url(images/jo1.jpg) width:151px; no-repeat;}

.jo-purple-bottom{ background:url(images/management-jo-btm.png) no-repeat; float:left; height:10px; margin:0; width:753px}

.mark-red{float:left; width:753px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.mark-red-top{ background:url(images/management-mark-header.png) no-repeat; float:left; top left; height:50px; margin:0; width:753px}
.mark-red-content {background:url(images/management-mark-bg-hidden.jpg) no-repeat; float:left;margin:0; background-color:#a88085; padding:0 ;  width:753px }
.mark-red-content img {float:right; margin:0 20px 30px 10px}
.mark-red-content p { margin:10px 20px 25px 20px; font-style: italic; color:#333 }
.mark-red-content a {float:right; color:#FFF ; text-decoration:underline; padding:0 230px 0 0}
#markmainbox{height:240px;  padding:0 200px 0 10px}

.mark-pic{background:url(images/mark1.jpg) width:151px; no-repeat;}

.mark-red-bottom{ background:url(images/management-mark-btm.png) no-repeat; float:left; height:10px; margin:0; width:753px}

.mike-green{float:left; width:753px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.mike-green-top{ background:url(images/management-mike-header.png) no-repeat; float:left; top left; height:50px; margin:0; width:753px}
.mike-green-content {background:url(images/management-mike-bg-hidden.jpg) no-repeat; float:left;margin:0; background-color:#c8c189; padding:0 ;  width:753px }
.mike-green-content img {float:right; margin:0 20px 30px 10px}
.mike-green-content p { margin:10px 20px 25px 20px; font-style: italic; color:#333 }
.mike-green-content a {float:right; color:#FFF ; text-decoration:underline; padding:0 230px 0 0}
#mikemainbox{height:240px;  padding:0 200px 0 10px}

.mark-pic{background:url(images/mike1.jpg) width:151px; no-repeat;}

.mike-green-bottom{ background:url(images/management-mike-btm.png) no-repeat; float:left; height:10px; margin:0; width:753px}

.harry-blue{float:left; width:753px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.harry-blue-top{ background:url(images/management-mark-s-header.png) no-repeat; float:left; top left; height:50px; margin:0; width:753px}
.harry-blue-content {background:url(images/management-mark-s-bg-hidden.jpg) no-repeat; float:left;margin:0; background-color:#8b9ecf; padding:0 ;  width:753px }
.harry-blue-content img {float:right; margin:0 20px 30px 10px}
.harry-blue-content p { margin:10px 20px 25px 20px; font-style: italic; color:#333 }
.harry-blue-content a {float:right; color:#FFF ; text-decoration:underline; padding:0 230px 0 0}
#harrymainbox{height:240px;  padding:0 200px 0 10px}

.harry-pic{background:url(images/harry1.jpg) width:151px; no-repeat;}

.harry-blue-bottom{ background:url(images/management-harry-btm.png) no-repeat; float:left; height:10px; margin:0; width:753px}

.cengiz-orange{float:left; width:753px;  margin:0 0 20px 20px; _margin:0 0 20px 10px; }
.cengiz-orange-top{ background:url(images/management-cengiz-header.png) no-repeat; float:left; top left; height:50px; margin:0; width:753px}
.cengiz-orange-content {background:url(images/management-cengiz-bg-hidden.jpg) no-repeat; float:left;margin:0; background-color:#8b9ecf; padding:0 ;  width:753px }
.cengiz-orange-content img {float:right; margin:0 20px 30px 10px}
.cengiz-orange-content p { margin:10px 20px 25px 20px; font-style: italic; color:#333; text-align:left;}
.cengiz-orange-content a {color:#FFF ; text-decoration:underline; padding:0 230px 0 0}
#cengizmainbox{height:245px;  padding:0 200px 0 10px}

.cengiz-pic{background:url(images/harry1.jpg) width:151px; no-repeat;}

.cengiz-orange-bottom{ background:url(images/management-cengiz-btm.png) no-repeat; float:left; height:10px; margin:0; width:753px}




.pr-black-top{ background:url(images/pr-black-top.png) no-repeat; height:10px; margin:0;}
.pr-black-content {background:url(images/pr-black.png) repeat-y; margin:0 0 0 0; padding:20px 10px 20px 10px;}
.pr-black-bottom{ background:url(images/pr-black-bottom.png) no-repeat; height:10px; margin:0;}


.pr-black{float:left; width:189px; margin-left:10px}

h2.archiviements { text-indent: -9999px; background:url(images/past-archievements.gif) no-repeat; display:block; width:220px; height:27px; margin:0 20px 0 20px }
h2.wclogo { text-indent: -9999px; background: url(images/worldclub-logo-publish.png) no-repeat; display:block; width:220px; height:42px; margin-top:20px }

h2.moreprojects { text-indent: -9999px; background:url(images/other-projects-title.png) no-repeat; display:block; width:220px; height:36px; margin:0 }

.pr #moreprojectbox{background: none; padding:10px 10px 10px 25px; margin:5px 0 20px 20px}

h2.testimonials { text-indent: -9999px; background:url(images/title-testimonials.gif) no-repeat; display:block; width:150px; height:27px; margin-top:0; margin-left:15px}

.quote_up {background:url(images/Uquote.gif) no-repeat; width:14px; height:13px; margin:20px 0 3px 0}
.quote_down {background:url(images/Dquote.gif) no-repeat; width:14px; height:13px; margin:0 0 0 155px}
p.quotetxt{ font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#b1b1b1; font-size:10px; line-height:13px; padding:0; margin: 0 0 10px 10px;}
p.quotesign{font-family:Verdana, Geneva, sans-serif;font-weight:normal;color:#c7c7c7;font-size:9px;line-height:13px;padding:0;margin:0 0 0  10px;font-style: italic;}
.image{ text-align:center;  margin-bottom:10px}



/*management*/

.management #mainbox{background:url(images/management-mainbox2.png) no-repeat; padding-right:240px}
h2.leesbio { text-indent: -9999px; background:url(images/leesbio.gif) no-repeat; display:block; width:220px; height:27px; margin:0  20px 0 20px}
h2.wclogo { text-indent: -9999px; background: url(images/worldclub-logo-publish.png) no-repeat; display:block; width:220px; height:42px; margin-top:20px }
h2.moreprojects { text-indent: -9999px; background:url(images/other-projects-title.png) no-repeat; display:block; width:220px; height:36px; margin:0 }

#block1 {padding:0 200px 0 10px}
#block2 {padding:0 200px 0 10px}
#block3 {padding:0 200px 0 10px}
#block4 {padding:0 200px 0 10px}
#block5 {padding:0 200px 0 10px}
#block6 {padding:0 200px 0 10px}

/*contact*/
h2.contactinfo { text-indent: -9999px; background: url(images/contact-us-title.png) no-repeat; display:block; width:150px; height:27px; margin-top:0 }
#contact-leftcol{ float:left; margin-left:20px; width:175px}
#contact-rightcol{width:602px; float:left;  margin-left:20px}

#contact-leftcol p {font-size:1.1em}

.contact  #grey-box h2.followus { text-indent: -9999px; background: url(images/followus-title.png) no-repeat; width:150px;  height:30px; margin:10px 0 0 20px; padding:0; display: block; visibility: visible;}
.contact #grey-box { float:left; background: url(images/contact-white.png) no-repeat; width:296px; height:302px; padding-top:5px; margin:14px 0 0 0 }
.contact #grey-box ul { margin: 15px 0 0 25px; padding:0 }
.contact #grey-box li { margin: 0 20px 0 0; list-style:none; float:left }


.contact #contactform {background:url(images/contact-black.png) no-repeat; padding-left:15px;padding-right:40px;padding-top:20px;  margin-left:20px; height:200px; margin-top:20px}

#contactform p{margin:0; padding:0}



h2.talktous { text-indent: -9999px; background: url(images/talktous-title.png) no-repeat; display:block; width:150px; height:25px; float:left; margin-top:0px }

#name, #company, #telephone, #email, #enquiry{ width:257px; background:#4f4f4f; border: none}

#contactform input, #contactform textfield { color:#CCC; padding:2px 5px 2px 5px}

#enquiry{color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:1.2em}

#contactform input:focus, #enquiry:focus {background:#666}

#loginform { float:left; margin-top:16px }
#login-box label { float:left; font-size:1.2em; color:#FFF; line-height:1.3em; margin:5px 10px 0 20px }
#username, #password { float:left; background:url(images/textfield.png) no-repeat; border:none; width:220px; height:19px; padding:3px 20px 3px 20px; color:#ff8a63 }
#username:focus, #password:focus { float:left; background:url(images/textfield-a.png) no-repeat; }
#submit { background: url(images/submit-btn.gif) no-repeat; margin:0 0 0 20px; padding:0; width:67px; height:25px; border:none }
#submit:hover { background-position:-67px 0; cursor:pointer }




/*
tv
*/

h2.fftvlogo { text-indent: -9999px; background: url(images/fftv.gif) no-repeat; display:block; width:220px; height:55px; margin-top:20px }
h2.tstvtitle { text-indent: -9999px; background: url(images/title-tstv.gif) no-repeat; display:block; width:200px; height:80px; margin-top:1px }

.tv #mainbox{background: url(images/tv-mainbanner.png) no-repeat;}