@charset "utf-8";
body { margin: 0px; padding: 0px; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: left top; font-family: Arial, Helvetica, sans-serif; 
}
#live  { background-image: url(../images/live-bg.jpg); }
#learn { background-image: url(../images/learn-bg.jpg); }
#play { background-image: url(../images/play-bg.jpg); }
#protect { background-image: url(../images/protect-bg.jpg); }
#shop { background-image: url(../images/shop-bg.jpg); }

#work { background-image: url(../images/work-bg.jpg); }
#flasharea { padding-top: 8px; float: left; width: 840px; clear: both; margin: 0px; padding-bottom: 0px; padding-left: 0px; height: 179px; }
#exercise { background-image: url(../images/exercise-bg.jpg); }


div.contact-form {}
div.contact-form dl {  }
div.contact-form dt { float:left; width:100px; line-height:26px; }
div.contact-form dd { padding:0px 0px 20px 0px; }
	
input.text, textarea {padding:4px; width:300px; font-size:1em; font-family:Arial;}	
select.select {padding:4px; font-size:1em; font-family:Arial;}
input.radio {margin-top:5px; font-size:1em; font-family:Arial;}
		
fieldset        {border:0px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:250px;}
input,
select,
textarea   {border:1px solid #ccc;padding:5px;margin:0px 0px 0 0;}
input:focus,
textarea:focus  {background:#d5e6ee;}
textarea        {font-size:0.75em; font-family:Arial; width:250px; }
label           {display:block; margin:12px 0 0; font-weight:700; font-size:0.75em; font-family:Arial; float:left; clear:left; width:130px;}
label:after     {content:": ";}
button          {float:left; clear:both; margin-left:130px; margin-top:10px; padding:2px;}





#wrapper { width: 840px; margin-right: auto; margin-left: auto; }
#header  .logo { height: 64px; width: 343px; float: left; }
#header { width: 840px; position: relative; }
#header .mini-nav { background-color: #FFFFFF; float: right; position: absolute; top: 50px; right: 0px; padding-right: 25px; padding-left: 25px; }
#header .mini-nav a { text-transform: uppercase; color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.9em; padding: 10px; float: left; }
#header  .mini-nav  a:hover { text-transform: uppercase; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.9em; padding: 10px; float: left; background-color: #000000; }
.btnlive { height: 40px; float: left; width: 46px; background-image: url(../images/btn-live.jpg); background-position: 0px 0px; }

.btnlive  span, .btnwork span, .btnplay span, .btnshop span, .btnlearn span, .btnexercise span, .btnprotect span { display: none; }
#nav  { clear: left; float: left; width: 840px; height: 40px; padding-top: 0px; }
#footer { background-color: #c8e9f8; clear: both; }
#news-box { background-color: #E62C8D; width: 320px; float: right; background-image: url(../images/newsbox-bg.jpg); background-repeat: repeat-y; background-position: left top; padding-top: 5px; }
#news-box .news-thumb .title { background-color: #000000; color: #FFFFFF; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-weight: bold; font-size: 0.85em; }
#news-box  .textarea   { padding-left: 35px; padding-right: 20px; color: #FFFFFF; }

#news-box  .news-thumb  { width: 312px; }
#footer-content { width: 800px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.homelinks { clear: both; padding-top: 20px; padding-bottom: 0px; }
.homelinks #centre { padding-right: 58px; padding-left: 58px; }

#footer-content a { font-size: 0.7em; text-transform: uppercase; color: #000000; text-decoration: none; padding-right: 5px; padding-left: 5px; }
#footer #footer-content .left { float: right; }
.clear { clear: both; }
#footer #footer-content .right { float: left; }

#content { clear: left; width: 840px; padding-top: 40px; padding-bottom: 40px; }

a.btnlive { height: 40px; width: 46px; background-image: url(../images/btn-live.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }
a.btnwork { height: 40px; width: 69px; background-image: url(../images/btn-work.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }
a.btnplay { height: 40px; width: 60px; background-image: url(../images/btn-play.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }
a.btnshop { height: 40px; width: 69px; background-image: url(../images/btn-shop.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }
a.btnlearn { height: 40px; width: 76px; background-image: url(../images/btn-learn.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }
a.btnexercise { height: 40px; width: 101px; background-image: url(../images/btn-exercise.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }
a.btnprotect { height: 40px; width: 85px; background-image: url(../images/btn-protect.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; display: block; }


a.btnlive:hover { height: 40px; width: 46px; background-image: url(../images/btn-live.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
a.btnwork:hover { height: 40px; width: 69px; background-image: url(../images/btn-work.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
a.btnplay:hover { height: 40px; width: 60px; background-image: url(../images/btn-play.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
a.btnshop:hover { height: 40px; width: 69px; background-image: url(../images/btn-shop.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
a.btnlearn:hover { height: 40px; width: 76px; background-image: url(../images/btn-learn.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
a.btnexercise:hover { height: 40px; width: 101px; background-image: url(../images/btn-exercise.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
a.btnprotect:hover { height: 40px; width: 85px; background-image: url(../images/btn-protect.jpg); background-position: 0px -40px; background-repeat: no-repeat; float: left; display: block; }
h1 { font-size: 1.2em; }
p { font-size: 0.8em; }
h2 { font-size: 0.9em; }
ul, ol { font-size: 0.8em;}
li { padding-top: 5px; padding-bottom: 5px; }
a { color: #FF3399; }
.picture { padding-bottom: 4px; }
#default #nav { padding-top: 8px; }