﻿body {margin:0px;padding:0px;background-color:Black; font-family:Arial; font-size:12px;}
a img{border:none;}

#wrapper {width:1106px; margin:0px auto; background-repeat:no-repeat; min-height:656px; position:relative;}
#dropdown{background-image: url(images/dropdown.png); height:348px; width:790px; top:-275px; left:225px; position:absolute; z-index:999;}
#dropdown p{font-family:Arial; font-size:12px; margin-bottom:24px;}

#dropdown p a{text-decoration:none; color:#575758;}
#dropdown p a .site{color:#575758;}
#dropdown p a img{visibility:hidden;}

#dropdown p .selected{color:White;}
#dropdown p .selected .site{color:#ED1C25;}
#dropdown p .selected img{visibility:visible;}

#dropdown #clickarea {height:80px; width:101px; float:right; margin-top:265px; margin-right:42px;}
#dropdown #locationlist {float:left; width:207px; margin-top:50px; margin-left:22px;}
#dropdown #googlemap {float:left; width:373px; height:220px; margin-left:23px; margin-top:23px;}

#logo {float:left; margin-left:85px; margin-top:0px;}

#leftmenu {width:117px; float:left; margin-left:82px; margin-top:39px;}
#leftmenu .button{width:117px; background-color:#19191A; text-align:center; margin-bottom:5px;}
#leftmenu .button a{color:White; text-decoration:none;}
#leftmenu .button h1{font-family:Myriad Pro; font-size:14px; margin:0px; padding:8px; color:White; font-weight:normal; text-transform:uppercase; z-index:2; position:relative;}
#leftmenu .button a:hover{color:#EC2227;}
#leftmenu img{margin-top:33px;}

#textarea{width:812px; float:left; margin-left:16px; margin-top:20px; position:relative;}
#textarea #header{color:#ED1E24; float:left; width:577px;}
#textarea #header p{margin:0px; padding:0px;}
#textarea #header .telno{font-size:28px; float:left;}
#textarea #header a{color:#ED1E24; text-decoration:none; float:right; margin-top:16px; margin-right:5px;}

#rightmenu{float:right; height:354px; width:208px; background-image:url(images/newsletter_bg.png); background-position: bottom right; background-repeat:no-repeat; margin-top:35px; color:#C8C8C8;}
#rightmenu p{margin:0px; padding:0px; margin:10px; padding-top:116px; color:White;}
#rightmenu p input{margin-bottom:7px;}
#rightmenu .list{margin-top:5px;margin-bottom:13px;margin-left:4px;}
#rightmenu .list img{margin-top:2px; margin-bottom:2px;}
#rightmenu .item{margin:0px; color:#C8C8C8; font-size:11px;}
#rightmenu .header{color:White; font-size:12px; font-weight:bold;}

#rightmenu .textholder{width:181px; height:24px; background-color:White; margin-left:8px; font-size:12px; color:#2B2B2B; font-weight:bold; padding-left:5px;}
#rightmenu .textholder input{margin-top:1px; border:none;}

#rightmenu #name{ margin-top:11px;}
#rightmenu #email{ margin-top:11px;}
#rightmenu #number{margin-top:11px;}

#rightmenu #name input{width:175px;}
#rightmenu #email input{width:175px;}
#rightmenu #number input{width:175px;}

#rightmenu img{margin-top:11px;}

#textarea .welcometext{text-transform:uppercase; color:White; font-weight:bold; margin-top:19px;}
#textarea .redtext{color:#FF0000;}

#textarea .photoarea{margin-left:4px;}
#textarea .photoarea img{float:right;}
#textarea .photoarea p{font-size:11px; color:White; margin-left:33px; margin-top:17px; line-height:15px; width:535px;}
#textarea .photoarea a{text-decoration:none;}

#textarea .photoarea h2{display: block; text-indent: -2000px; z-index: 1000; background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px;}
#textarea #aboutus{width:816px;height:226px; background-image:url(images/photoback_aboutus.png);}
#textarea #aboutus h2{background-image:url(images/h2-aboutus.png); width:104px; height:27px;}

#textarea #muaythai{width:816px;height:211px; background-image:url(images/photoback_thaiboxing.png);}
#textarea #muaythai h2{background-image:url(images/h2-muaythai.png); width:232px; height:23px;}

#textarea #personaltrainer{width:816px;height:218px; background-image:url(images/photoback_personaltrainer.png);}
#textarea #personaltrainer h2{background-image:url(images/h2-whypt.png); width:276px; height:27px;}

#textarea #clients h2{display: block; text-indent: -2000px; z-index: 1000; background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px;}
#textarea #clients h2{background-image:url(images/h2-clients.jpg); width:243px; height:28px;}

#textarea .trainer{width:652px; height:206px; background-image:url(images/trainer_bg.png); color:White; font-size:11px;}
#textarea .trainer img{float:left; margin-right:8px;}
#textarea .trainer p{margin:0px;}
#textarea .trainer .name{font-size:24px; padding-top:35px; padding-bottom:5px;}
#textarea .trainer .trainertext{width:335px; float:left;}
#textarea .trainer .options{width:83px; float:right; height:146px; border-left:2px solid black; margin-top:37px;}
#textarea .trainer .options img{float:none; margin:0px;}
#textarea .trainer .options .seperator{margin-top:10px; margin-bottom:10px;}

#textarea #gallery {background-image:url(images/gallery_bg.png); height:260px; width:813px;}
#textarea #gallery p{padding-top:25px; margin-left:10px;}

#textarea .galleryimage {background-image:url(images/gallerytemplate_bw.png); width:115px; height:140px; float:left; margin-left:4px; margin-right:4px;}
#textarea .galleryimage:hover {background-image:url(images/gallerytemplate_preview.png); width:128px; height:156px; margin-left:0px; margin-right:0px;}

#textarea .galleryimage .blackwhite{width:111px; height:136px; margin-top:1px; margin-left:1px;}
#textarea .galleryimage:hover .blackwhite{width:124px; height:152px;}
#textarea .galleryimage .preview{visibility:hidden; height:0px; width:0px;}
#textarea .galleryimage:hover .preview{width:124px; height:152px; visibility:visible;}
#textarea .arrow{margin-top:55px; float:left; margin-left:4px; margin-right:4px;}

#textarea .intro{width:394px; background-image:url(images/intro_bg2.png); float:left; margin-right:20px; height:236px; margin-top:17px; font-size:11px;color:white;}
#textarea .intro p{color:white; margin-left:12px; margin-top:10px; padding:0px; font-size:11px;}
#textarea .intro .redtext{color:#EC2227;}
#textarea .intro a{text-decoration:none;color:#EC2227;}
#textarea .intro table{margin-left:12px;}
#textarea .intro .introsep{height:3px; background-image:url(images/introsep.png); background-position:center; background-repeat:no-repeat;}

#textarea #timetable{background-image:url(images/timetable_bg.png); width:802px; height:706px;}
#textarea #timetable table .timetablearea{background-image:url(images/day_bg.png); width:101px; height:94px; padding-top:16px; margin-top:7px; margin-right:5px; margin-left:5px; font-size:12px; text-align:center; color:White;}
#textarea #timetable table td{text-align:center;}
#textarea #timetable table{padding-top:80px; margin-left:12px; font-size:5px;}
#textarea #timetable table .timetablearea .redtext{color:#EB2027;}

#textarea #classeslv1{background-image:url(images/classes_rightimg.jpg); background-position:right;}
#textarea #classeslv1 img{margin-right:41px; margin-top:20px;}

#textarea #classeslv2{background-image:url(images/classes_leftimg.jpg); background-position:left;}
#textarea #classeslv2 img{margin-left:28px; margin-top:20px;}

#textarea #classeslv3{background-image:url(images/classes_rightimg.jpg); background-position:right;}
#textarea #classeslv3 img{margin-right:41px; margin-top:20px;}

#textarea #classeslv4{background-image:url(images/classes_leftimg.jpg); background-position:left;}
#textarea #classeslv4 img{margin-left:28px; margin-top:20px;}

#textarea #classeslv5{background-image:url(images/classes_rightimg.jpg); background-position:right;}
#textarea #classeslv5 img{margin-right:41px; margin-top:20px;}


#textarea .classlevel{width:819px; height:207px; background-repeat:no-repeat;}

#textarea .classlevel h2{font-size:25px; padding:0px; margin:0px; padding-left:20px; padding-top:33px; font-weight:normal;}
#textarea .classlevel p{padding:0px; margin:0px; padding-left:20px; padding-right:20px; padding-top:7px; font-size:11px;}
#textarea .classlevel {color:White;} 

#textarea #classeslv2 h2{padding-left:340px;}
#textarea #classeslv4 h2{padding-left:340px;}

#textarea #classeslv1 p{padding-right:395px;}
#textarea #classeslv2 p{padding-left:340px;}
#textarea #classeslv3 p{padding-right:395px;}
#textarea #classeslv4 p{padding-left:340px;}
#textarea #classeslv5 p{padding-right:395px;}

#textarea #prices{width:529px; height:161px; background-image:url(images/gray_bg.jpg); margin-top:40px; float:left;}
#textarea #prices img{margin:0px; padding:0px;}
#textarea #prices p{margin:0px; padding:0px; font-size:11px;margin-left:20px; color:White; margin-top:10px; margin-bottom:10px;}
#textarea #prices p a{color:#EB2027;}
#textarea #prices table{margin:0px; padding:0px; font-size:11px;margin-left:20px; color:White;}
#textarea .optionitemmid2 {margin-left:36px; margin-top:25px;}

#textarea #clientarea{width:872px; background-image:url(images/client_bg.jpg); background-position:center top; background-repeat:repeat-y; margin-top:30px;}
#textarea #clientarea .clientcell {width:436px; height:197px;}
#textarea #clientarea .clientcell .clienttext{ width:214px; margin-top:19px; margin-right:34px; float:right;}
#textarea #clientarea .clientcell .clienttext h3{color:White; font-size:16px; font-weight:bold; margin:0px; padding:0px;}
#textarea #clientarea .clientcell .clienttext p{color:White; padding:0px; margin:0px; margin-top:13px; margin-bottom:10px;}

#textarea #events_top{background-image:url(images/upcoming_events_top.jpg); width:805px; height:20px;}
#textarea #events_mid{background-image:url(images/upcoming_events_middle.jpg); width:800px; background-repeat:repeat-y; padding-left:6px; padding-bottom:19px;}
#textarea #events_mid p{font-size:13px; font-weight:bold; padding:0px; margin:0px; color:White; padding-top:15px; padding-bottom:18px; margin-left:21px;}
#textarea #events_mid .eventtext{height:61px; width:369px; float:left; background-color:#19191A; margin-left:11px; padding-top:11px; padding-left:10px;}
#textarea #events_mid .eventtext p{padding:0px; margin:0px; margin-bottom:12px;}
#textarea #events_mid .eventtext .redtext{color:#ED1C24; font-weight:normal;}
#textarea #events_bottom{background-image:url(images/upcoming_events_bottom.jpg); width:805px; height:10px;}

#textarea #equipment h2{background-image:url(images/h2-equipment.png); height:28px; width:129px; display: block; text-indent: -2000px; z-index: 1000; background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px;}
#textarea #equipment {width:811px; height:165px; background-image:url(images/gloves_bg.png); background-repeat:repeat-x; background-position:top;}
#textarea #equipment p{color:White; margin-left:35px; margin-top:20px; margin-right:10px; padding:0px;}
#textarea #equipment a{ font-weight:bold; text-decoration:none; color:#FF0000;}

#textarea .video {width:412px; height:323px; background-image:url(images/youtube_bg.png);}
#textarea .video span{font-size:14px; color:#BB0000; background-color:Black; text-transform:uppercase; padding-left:10px; padding-right:10px; margin-left:20px;}
#textarea .video p{color:White; font-size:13px; margin-left:28px;}

#textarea #links{color:White;}

#bottommenu {width:1106px;}
#bottommenu .menuitem{float:left;}
#bottommenu .menuitem p{font-size:11px; color:White;  margin:0px; margin-left:10px; line-height:15px; margin-bottom:16px;}
#bottommenu .menuitem .innertext{height:155px; font-size:12px; font-style:italic;}

#bottommenu #thaiboxing{background-image:url(images/thaiboxing_photo_bg.png); background-repeat:repeat-y; width:226px; height:427px;}
#bottommenu #thaiboxing .headerimage{width:226px; height:246px; background-image:url(images/thaiboxing_photo_bw.jpg);}
#bottommenu #thaiboxing .headerimage:hover{background-image:url(images/thaiboxing_photo.jpg);}
#bottommenu #thaiboxing .moreinfo{margin-right:11px;}

#bottommenu #personaltrainer{background-image:url(images/personaltrainer_photo_bg.png); background-repeat:repeat-y; width:231px; height:427px;}
#bottommenu #personaltrainer .headerimage{width:231px; height:246px; background-image:url(images/personaltrainer_photo_bw.jpg);}
#bottommenu #personaltrainer .headerimage:hover{background-image:url(images/personaltrainer_photo.jpg);}
#bottommenu #personaltrainer p{margin-left:19px;}
#bottommenu #personaltrainer .moreinfo{margin-right:7px;}

#bottommenu #fitness{background-image:url(images/fitness_photo_bg.png); background-repeat:repeat-y; width:228px; height:427px;}
#bottommenu #fitness .headerimage{width:228px; height:246px; background-image:url(images/fitness_photo_bw.jpg);}
#bottommenu #fitness .headerimage:hover{background-image:url(images/fitness_photo.jpg);}
#bottommenu #fitness p{margin-left:23px;}
#bottommenu #fitness .moreinfo{margin-right:0px;}

.optionitem{margin-left:36px; margin-top:30px;}
.optionitemmid{margin-left:36px; margin-top:41px;}

#bottommenu .optionitem{margin-left:10px; margin-top:25px;}
#bottommenu .optionitemmid{margin-left:10px; margin-top:32px;}

.moreinfo {background-image:url(images/moreinfo.png); width:101px; height:18px; float:right; margin-bottom:4px;}
.moreinfo img{visibility:hidden;}
.moreinfo:hover img{visibility:visible; border:none;}

#footer{background-image:url(images/footer_bg.png); background-position:top; background-repeat:repeat-x; width:100%; margin-top:18px; }
#footer #newmenu{ height:354px; background-color:#2B2A2C; width:100%;}
#footer #newmenu table{margin-top:0px; padding-left:0px;margin-left:295px;}
 #footer #newmenu table td{border-right:1px black solid;}
#footer #links{background-image:url(images/links_bg.png); background-position:top left; width:1106px; margin:0px auto; min-height:281px; background-repeat:no-repeat;position:relative; margin-top:-21px;}
#footer #links p{color:White; margin:0px; padding:0px; margin-top:1px; margin-bottom:5px;}
#footer #links table{padding-top:47px; margin-left:221px;}
#footer #links table td{vertical-align:top;}
#footer #links table .col1{width:178px;}
#footer #links table .col2{width:217px;}
#footer #links table .col3{width:220px;}
#footer #links h3{font-size:14px; text-transform:uppercase; font-weight:normal; color:#ED1C24; background-image:url(images/linkline.png); background-position:bottom; background-repeat:no-repeat; width:183px; line-height:20px; padding:0px; margin:0px; margin-bottom:18px;}
#footer #links .redtext{color:#ED1C24;}
#footer #links a{text-decoration:none; color:White;}
#footer .copyright{font-size:10px; color:#808080; margin:0px; padding:0px; margin-bottom:20px;}
#footer .backtotop{position:absolute; top:-21px; left:210px;}

.clearer{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}

.splat{position:relative; left:-1000px;}
.default .splat{top:-885px; left:5px; z-index:1;}
.muaythai .splat{top:-838px; left:0px; z-index:1;}
.personaltrainers .splat{top:-780px; left:0px; z-index:1;}
.classes .splat{top:-740px; left:0px; z-index:1;}
.events .splat{top:-700px; left:0px; z-index:1;}
.clients .splat{top:-660px; left:-10px; z-index:1;}
.equipment .splat{top:-625px; left:-10px; z-index:1;}
.videos .splat{top:-588px; left:5px; z-index:1;}

.subheader {margin-left:12px;}
.hiddenelement{visibility:hidden;}
#rightvideo{ margin-right:70px;}
.homevideo{width:412px; height:323px; background-image:url(images/youtube_bg.png); float:right; margin-top:24px;}

.homevideo span{font-size:14px; color:#BB0000; background-color:Black; text-transform:uppercase; padding-left:10px; padding-right:10px; margin-left:20px;}
.homevideo p{color:White; font-size:13px; margin-left:28px;}

#socialtable td{padding-left:5px; padding-right:7px; padding-bottom:10px;}
.popup{height:100%; width:100%; position:fixed; left:0px; top:0px; background-image:url(images/popup_bg.png); background-repeat:repeat; z-index:999;}
.popup #freebook{background-image:url(images/free_popup.png); width:487px; height:383px; margin:0 auto; position:relative; top:50%; margin-top:-193px;}
.popup #freebook .close{float:right; margin:11px;}
.popup #freebook .description{padding-left:35px; color:White;}
.popup #freebook table{padding-top:183px; }

.popup #freebook .textholder{width:181px; height:24px; background-color:White; margin-left:8px; font-size:12px; color:#2B2B2B; font-weight:bold; padding-left:5px;}
.popup #freebook .textholder input{margin-top:2px; border:none;}

.popup #freebook #freename{ margin-top:0px;}
.popup #freebook #freeemail{ margin-top:11px;}
.popup #freebook #freenumber{margin-top:11px;}

.popup #freebook #freename input{width:175px;}
.popup #freebook #freeemail input{width:175px;}
.popup #freebook #freenumber input{width:175px;}

.popup #freebook #freecapture{}
.socialicon{background-image:url(images/social.png); height:45px; width:45px;}
.socialicon:hover{background-image:url(images/social_roll.png);}

.twitterfeed {text-align:right; padding-right:20px; font-weight:bold; color:Red; height:270px; overflow:hidden;}
.twitterfeed a{text-decoration:none; color:White;}

.youtubefeed {text-align:left; padding-right:20px; font-weight:bold; color:White; height:270px; overflow:hidden; width:220px;}
.youtubefeed a{text-decoration:none; color:Red}
