/*SITE TEMPLATE*/

#Wrapper {
	position: relative; 
	width: 799px; 
	height: 980px; 
	z-index: 1; 
	left: 1px; 
	top: 5px; 
	background-color: #00FFFF;
	right: -1px; 
	margin-right: auto; 
	margin-left: auto;
	background-color:#000000
}
	

#Header {
	position: absolute;
	width: 799px;
	height: 200px;
	z-index: 8;
	background-image: url('images/MasterHeader.jpg');
	background-color: #000000;
	left: 0px;
	top: -7px;
	background-repeat: no-repeat;
}

#Body {
	position: absolute;
	width: 602px;
	height: 820px;
	z-index: 4;
	left: 197px;
	top: 193px;
	background-color: #000000;
}
/*Index, Classtimes & FAQ pages have their own layout - see below*/
#TopBar {
	position: absolute; 
	width: 600px; 
	height: 30px; 
	z-index: 5; 
	left: -7px; 
	top: 17px; 
	background-repeat: no-repeat; 
	background-image: url(images/topbar.jpg);
}
	
#Navigation {
	position: absolute;
	width: 199px;
	height: 820px;
	z-index: 1;
	left: 0px;
	top: 193px;
	background-color: #000000;
	float: left;
	background-image: url('images/navpanel.jpg');
	background-repeat: no-repeat;
}

/*These are the navigation button divs - compliments the inline code, Also Classtimes page has it's own NavigationClassTimes Layout - see below*/
#HomeButton {
	position: absolute;
	width: 131px;
	height: 19px;
	z-index: 4;
	left: 25px;
	top: 64px;
}

#ClassinfoButton {
	position: absolute; 
	width: 131px; 
	height: 19px; 
	z-index: 1; 
	left: 25px; 
	top: 97px; 
	bottom: 656px;
}

#PhotoGalleryButton {
	position: absolute; 
	width: 130px; 
	height: 20px; 
	z-index: 1; 
	left: 21px; 
	top: 131px; 
	bottom: 619px;
}

#LinksButton {
	position: absolute; 
	width: 131px; 
	height: 19px; 
	z-index: 1; 
	left: 26px;
	top: 161px; 
	bottom: 583px;
}

#ContactusButton {
	position: absolute; 
	width: 131px; 
	height: 19px; 
	z-index: 3; 
	left: 24px; 
	top: 193px;
}

#ProfilesButton {
	position: absolute; 
	width: 131px; 
	height: 19px; 
	z-index: 1; 
	left: 26px; 
	top: 225px;
}

#FaqButton {
	position: absolute; 
	width: 131px; 
	height: 19px; 
	z-index: 1; 
	left: 24px; 
	top: 257px;
}

#HistoryButton {
	position: absolute; 
	width: 131px; 
	height: 19px; 
	z-index: 1; 
	left: 25px; 
	top: 288px;
}

#EventsButton {
	position: absolute;
	width: 131px;
	height: 19px;
	z-index: 1;
	left: 24px;
	top: 317px;
}

#VideosButton {
	position: absolute;
	width: 131px;
	height: 19px;
	z-index: 1;
	left: 23px;
	top: 350px;
}

#TestimonialsButton {
	position: absolute;
	width: 131px;
	height: 19px;
	z-index: 1;
	left: 23px;
	top: 378px;
}

#ThisSpaceText {
	position:absolute;
	left:85px;
	top:103px;
	width:411px;
	height:72px;
	z-index:2;
}

/*INDEX PAGE LAYOUT*/

#BodyIndex {
	position: absolute;
	width: 602px;
	height: 1200px;
	z-index: 4;
	left: 197px;
	top: 193px;
	background-color: #000000;
}

#NavigationIndex{
	position: absolute;
	width: 199px;
	height: 1200px;
	z-index: 1;
	left: 0px;
	top: 193px;
	background-color: #000000;
	float: left;
	background-image: url('images/navpanel.jpg');
	background-repeat: no-repeat;
}

#introtext {
	position:absolute;
	left:14px;
	top:76px;
	width:568px;
	height:55px;
	z-index:8;
}
#whatiswingchuntext {
	position:absolute;
	left:13px;
	top:170px;
	width:568px;
	height:211px;
	z-index:7;
}

#Whatwillilearntext {
	position:absolute;
	left:14px;
	top:442px;
	width:582px;
	height:747px;
	z-index:6;
}

/*LINKS PAGE LAYOUT*/

#link1 {
	position:absolute;
	left:34px;
	top:136px;
	width:516px;
	height:20px;
	z-index:7;
}
#link2 {
	position:absolute;
	left:34px;
	top:159px;
	width:456px;
	height:20px;
	z-index:8;
}
#link3 {
	position:absolute;
	left:34px;
	top:181px;
	width:456px;
	height:20px;
	z-index:9;
}
#link4 {
	position:absolute;
	left:34px;
	top:202px;
	width:456px;
	height:20px;
	z-index:10;
}

#link5 {
	position:absolute;
	left:34px;
	top:222px;
	width:456px;
	height:20px;
	z-index:10;
}

#dragtiglinkslogo {
	position:absolute;
	left:33px;
	top:322px;
	width:200px;
	height:181px;
	z-index:12;
}
#williamchuengLink {
	position:absolute;
	left:380px;
	top:329px;
	width:170px;
	height:122px;
	z-index:11;
}



/*CLASSTIMES PAGE LAYOUT*/

#BodyClassTimes {
	position: absolute;
	width: 602px;
	height: 1400px;
	z-index: 4;
	left: 197px;
	top: 193px;
	background-color: #000000;
}

#NavigationClassTimes {
	position: absolute;
	width: 199px;
	height: 1400px;
	z-index: 1;
	left: 0px;
	top: 193px;
	background-color: #000000;
	float: left;
	background-image: url('images/navpanel.jpg');
	background-repeat: no-repeat;
}



#ClassTimesText {
	position:absolute;
	left:17px;
	top:63px;
	width:572px;
	height:519px;
	z-index:16;
}
#Picture {
	position:absolute;
	left:410px;
	top:63px;
	width:149px;
	height:164px;
	z-index:13;
}
#Trainglocation1 {
	position:absolute;
	left:17px;
	top:750px;
	width:573px;
	height:300px;
	z-index:10;
}
#trainingmap {
	position:absolute;
	left:293px;
	top:1080px;
	width:285px;
	height:252px;
	z-index:11;
}
#MapText {
	position:absolute;
	left:362px;
	top:1060px;
	width:169px;
	height:23px;
	z-index:12;
}

/*PHOTOGALLERY PAGE LAYOUT*/


#PhotoGalleryEntrance {
	position:absolute;
	left:112px;
	top:103px;
	width:400px;
	height:400px;
	z-index:2;
}

/*CONTACTUS PAGE LAYOUT*/
#ContactInfo {
	position:absolute;
	left:20px;
	top:178px;
	width:207px;
	height:162px;
	z-index:8;
}

#InstructerPic {
	position:absolute;
	left:190px;
	top:122px;
	width:422px;
	height:491px;
	z-index:7;
}

/*PROFILES PAGE LAYOUT*/

#ContactInfo {
	position:absolute;
	left:20px;
	top:178px;
	width:207px;
	height:162px;
	z-index:8;
}

#InstructerPic {
	position:absolute;
	left:190px;
	top:122px;
	width:422px;
	height:491px;
	z-index:7;
}

#ProfileHeading {
	position:absolute;
	left:191px;
	top:50px;
	width:178px;
	height:29px;
	z-index:16;
}

#Si-FooProfilePhoto {
	position:absolute;
	left:6px;
	top:121px;
	width:194px;
	height:171px;
	z-index:12;
}

#Si-FooProfileName {
	position:absolute;
	left:7px;
	top:292px;
	width:163px;
	height:22px;
	z-index:13;
	background-color: #000000;
}
#Si-FooProfiletext {
	position:absolute;
	left:201px;
	top:118px;
	width:388px;
	height:173px;
	z-index:14;
}
#Si-MoProfilePhoto {
	position:absolute;
	left:364px;
	top:500px;
	width:189px;
	height:151px;
	z-index:6;
}
#Si-MoProfileName {
	position:absolute;
	left:365px;
	top:650px;
	width:150px;
	height:22px;
	z-index:9;
}
#Si-MoProfileText {
	position:absolute;
	left:6px;
	top:500px;
	width:349px;
	height:182px;
	z-index:8;
}
#Si-FuAlfredoProfilePhoto {
	position:absolute;
	left:8px;
	top:750px;
	width:154px;
	height:192px;
	z-index:12;
}

#Si-FuAlfredoProfiletext {
	position:absolute;
	left:170px;
	top:750px;
	width:425px;
	height:173px;
	z-index:14;
}

#Si-FuAlfredoProfileName {
	position:absolute;
	left:9px;
	top:950px;
	width:206px;
	height:22px;
	z-index:13;
	background-color: #000000;
}

#GMWilliamCheungProfilePhoto {
	position:absolute;
	left:461px;
	top:1000px;
	width:134px;
	height:176px;
	z-index:12;
}
#gmProfiletext {
	position:absolute;
	left:12px;
	top:1000px;
	width:436px;
	height:173px;
	z-index:14;
}

#gmProfileName {
	position:absolute;
	left:390px;
	top:1170px;
	width:206px;
	height:22px;
	z-index:13;
	background-color: #000000;
}
/*FAQ PAGE LAYOUT*/
#FAQHeading {
	position:absolute;
	left:3px;
	top:50px;
	width:326px;
	height:47px;
	z-index:11;
}

#FAQText {
	position:absolute;
	left:6px;
	top:110px;
	width:574px;
	height:673px;
	z-index:9;
}

/*HISTORY PAGE LAYOUT*/
#HistoryHeading {
	position:absolute;
	left:3px;
	top:50px;
	width:448px;
	height:47px;
	z-index:11;
}
#HistoryText {
	position:absolute;
	left:6px;
	top:106px;
	width:574px;
	height:673px;
	z-index:9;
}

/*EVENTS PAGE LAYOUT*/

#EventsHeading {
	position:absolute;
	left:3px;
	top:50px;
	width:448px;
	height:47px;
	z-index:11;
}
#EventsText {
	position:absolute;
	left:6px;
	top:106px;
	width:574px;
	height:673px;
	z-index:9;
}

/*VIDEOS PAGE LAYOUT*/

#Vid1 {
	position:absolute;
	left:267px;
	top:137px;
	width:320px;
	height:265px;
	z-index:9;
	background-color: #000000;
}

#Vid2 {
	position:absolute;
	left:267px;
	top:485px;
	width:320px;
	height:265px;
	z-index:9;
	background-color: #000000;
}

#Vid1text {
	position:absolute;
	left:15px;
	top:139px;
	width:240px;
	height:143px;
	z-index:9;
}

#Vid2text {
	position:absolute;
	left:15px;
	top:486px;
	width:240px;
	height:143px;
	z-index:9;
}

/*TESTIMONIALS PAGE LAYOUT*/

#TestimonialText {
	position:absolute;
	left:5px;
	top:120px;
	width:574px;
	height:600px;
	z-index:9;
}