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

body { 
background: url(images/bg1400.jpg) no-repeat top left;
background-color: #000000;
font-family: Verdana, Tahoma, Arial; 
font-size: 14px; 
line-height: 150%;
color: #eeedec; 
} 

h1 { font: bold 5px }

body { 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
} 

#container {
width: 1020px;
height: 855px;
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
}

/*
#header {
background-image: url(images/LOGO.png); 
height: 190px; 
background-repeat: no-repeat; 
background-position: left; 
}
*/

/* link */

a:link, a:active {
font-size: 18px;
color: #eeedec;
text-decoration: none;
line-height: 150%;
}

a:visited {
font-size: 18px;
color: #cc3333;
text-decoration: none;
line-height: 150%;
}

a:hover {
font-size: 100%;
color: #ccc;
text-decoration: none;
line-height: 150%;
}

li {
list-style-type: square;
}

/* content */

#contentText {
position:absolute;
left: 5px;
top:240px;
float: left; 
width: 775px; 
height: 615px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}

#contentIndex {
position:absolute;
left: 5px;
top:240px;
float: left; 
width: 760px; 
height: 615px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}

#gallery {
position:absolute;
left:10px;
top:240px;
float: left; 
width: 775px; 
height: 615px;
padding-right: 10px;
overflow: auto;
}


#contentImg {
position:absolute;
left:400px;
top:210px;
float: Right; 
width: 375px; 
margin: 10px 20px 10px 20px; 	
}


/* right */

#rightnews { 
font-size: 16px;
position:absolute;
left:815px;
top:75px;
float: right; 
width: 250px; 
height: 520px;
margin-left: 10px; 
margin-top: 10px; 
margin-bottom: 10px; 
padding-top: 5px; 
padding-right: 2px; 
padding-bottom: 1px; 
padding-left: 2px; 
}

#footer { 
font-size: 11px;
position:absolute;
left:830px;
top:550px;
float: right; 
width: 180px; 
height: 100px;
margin-left: 10px; 
margin-top: 10px; 
margin-bottom: 10px; 
padding-top: 5px; 
padding-right: 2px; 
padding-bottom: 1px; 
padding-left: 2px; 
}

/*
#rightlinks { 
position:absolute;
left:830px;
top:525px;
float: right; 
width: 150px;
height: 520px; 
margin-left: 10px; 
margin-top: 10px; 
margin-bottom: 10px; 
padding-top: 5px; 
padding-right: 2px; 
padding-bottom: 1px; 
padding-left: 2px; 
}
*/

/* course.html */
#courseTab {
position: absolute;
left: 10px;
top: 195px;
}

ul { list-style: none; }

li { display:inline; }

/* navigation */

ul.navL { background:url(images/navL.png); float:left; width:133px; position:absolute; top:0px; left:490px }
	ul.navL li { float:left; list-style-type:none }
	ul.navL li a { width:133px; height:35px; display:block; position:absolute; left:7px; text-indent:-9999px; outline:none; border:none }
	ul.navL li a:hover { border:none }
	li.buttonHome a, li.buttonCourse a, li.buttonSchedule a, li.buttonContact a, li.buttonMT a { background:url(images/navL.png) }

			/*  
			Measurements for the nav image replacement:

				The distance from the far-left to the...

				initial state = 0
				rollover state = 106px

				The distance from the top to the...

				news button = 0
				gigs button = 23px
				music button = 46px
				info button = 69px
				contact button = 92px

				The width of all buttons = 106px
			*/

	li.buttonHome a 			{ background-position:0 0; top:0 }
	li.buttonHome a:hover		{ background-position:-138px 0 }

	li.buttonCourse a 			{ background-position:0 -35px; top:35px }
	li.buttonCourse a:hover		{ background-position:-138px -35px }

	li.buttonSchedule a 		{ background-position:0 -70px; top:70px }
	li.buttonSchedule a:hover	{ background-position:-138px -70px }

	li.buttonContact a 			{ background-position:0 -105px; top:105px }
	li.buttonContact a:hover	{ background-position:-138px -105px }
	
	li.buttonMT a 		       	{ background-position:0 -140px; top:140px }
	li.buttonMT a:hover	        { background-position:-138px -140px }
	

ul.navR { background:url(images/navR.png); float:left; width:126px; position:absolute; top:0px; left:630px }
	ul.navR li { float:left; list-style-type:none }
	ul.navR li a { width:126px; height:35px; display:block; position:absolute; left:7px; text-indent:-9999px; outline:none; border:none }
	ul.navR li a:hover { border:none }
	li.buttonTrainer a, li.buttonFighter a, li.buttonProd a, li.buttonGallery a, li.buttonFaq a { background:url(images/navR.png) }

			/*  
			Measurements for the nav image replacement:

				The distance from the far-left to the...

				initial state = 0
				rollover state = 106px

				The distance from the top to the...

				news button = 0
				gigs button = 23px
				music button = 46px
				info button = 69px
				contact button = 92px

				The width of all buttons = 106px
			*/

	li.buttonTrainer a 			{ background-position:0 0; top:0 }
	li.buttonTrainer a:hover	{ background-position:-131px 0 }

	li.buttonFighter a 			{ background-position:0 -30px; top:30px }
	li.buttonFighter a:hover	{ background-position:-131px -30px }

	li.buttonProd a 		    { background-position:-5px -65px; top:65px }
	li.buttonProd a:hover	    { background-position:-131px -65px }

	li.buttonGallery a 			{ background-position:0 -105px; top:105px }
	li.buttonGallery a:hover	{ background-position:-131px -105px }
	
    li.buttonFaq a              { background-position: -10px -145px; top:145px }
    li.buttonFaq a:hover        { background-position:-131px -145px }

/*
ul.course { background:url(images/courses.png); float:left; width: 775px; position: absolute; top: 400px; left 10px }
	ul.course li { float:left; list-style-type:none; display:inline }
	ul.course li a { width:775px; height:30px; display:inline; position:absolute; left:0; text-indent:-9999px; outline:none; border:none }
	li.buttongp a, li.buttonpt a, li.buttonst a { background:url(images/courses.png) }
	
	li.buttongp a	{ background-position:0 0; top:0 }

	li.buttonpt a	{ background-position:250px 0; top:0 }

	li.buttonst a 	( background-position:500px 0; top:0 }
*/