* {/* for demo only*/
     margin: 0 auto;
     padding: 0 auto;
     margin-left: 0 auto ;
     margin-right: 0 auto ;
}
html, body {
    height:100%;/* needed to base 100% height on something known*/
      top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:980px;
  height: 100%;
  margin: auto;
}
#outer {
    width:950px;
    background:#ffffff;
    margin:0 auto;
    min-height:100%;
    margin-top:-100px;/*footer height - this drags the outer 40px up through the top of the monitor */
}
* html #outer {
    height:100%
}
#header {
    background:white;
    border-top:100px solid #fff; /* soak up negative margin and allows header to start at top of page*/
}
#footer {/* footer now sits at bottom of window*/
    background:white;
    width:900px;
    margin:0 auto;
    height:100px;/* must match negative margin of #outer */
    clear:both;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:center;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#outer:after {/* thank you Erik J - instead of using display table for ie8*/
    clear:both;
    display:block;
    height:1%;
    content:" ";
}
#content {
    width: 950px;
    position: absolute;
    top: 0px;
    margin-left: auto ;
    margin-right: auto ;
}
a:link {
    text-decoration: none;  
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 11px;
}
a:hover { 
    text-decoration: none;  
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 11px;
}
a:visited {
    text-decoration: none;  
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 11px;
}
a:active {
    text-decoration: none;  
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 11px;
}

.caps {
text-transform: uppercase; 
}
h1 { 
    color: #000000;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-size: 15px;
    font-weight: bold; 
    line-height : 1.2;
} 


h2 { 
    color: #000000;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-style : italic;
    font-size: 14px;
    font-weight: bold; 
    line-height : 1.2;
} 

h3 { 
    color: #000000;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-style : italic;
    font-size: 13px;
    font-weight: bold; 
    line-height : 1.2;
} 

p { 
    color: #000000;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-size: 12px;
    font-weight: normal; 
    line-height : 1.2;
} 
.para-1 {
    font family : arial, helvetica, sans-serif; 
    font-size : 20px;         
    font-weight : bold; 
    line-height : 1.2;
	text-indent : 10px;
}
.para-2 { 
    color: #ffffff;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-size: 12px;
    font-weight: normal; 
    line-height : 1.1;
} 
.para-3 { 
    color: #FFFFFF;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-size: 12px;
    font-weight: bold; 
    line-height : 1.2;
}

.para-4 { 
    color: #000000;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-style : italic;
    font-size: 14px;
    font-weight: bold; 
    line-height : 1.2;
} 

.para-5 { 
    color: #000000;
    text-decoration: none;  
    font-family : arial, helvetica, sans-serif; 
    font-style : italic;
    font-size: 13px;
    font-weight: bold; 
    line-height : 1.2;
} 

.indent { 
    text-indent:50px;
    } 




#starlogo {
position : absolute;
left : 80px;
top : 15px;
z-index : 15;
}
#white {
position : absolute;
left : 75px;
top : 15px;
z-index : 14;
}

#top {
position : absolute;
left : 0px;
top : 0px;
z-index : 5;
}
#tic {
position : absolute;
left : 575px;
top : 3px;
z-index : 10;
}
#topphrase {
font-size : 23px;
font-family: arial, verdana;
font-color: #FFFFFF;
position : absolute;
left : 430px;
top: : 0px;
margin : 25px;
z-index : 20;
}
.white {
     color:#ffffff;
}
.padding {
margin : 5px;
 }

  #facebook {
position: absolute;
top: 93px;
left : 830px;
 }
 #facebooktext {
position: absolute;
top: 98px;
left : 720px;
 }
#nav {
position : absolute;
width : 950px;
left : 15px;
top : 130px;
z-index : 600;
}
.menu {
     color:#ffffff;
     text-transform: uppercase; 
}
.caps {
text-transform: uppercase; 
}
#redgrad {
position : absolute;
left : 0px;
top : 780px;
z-index : 21;
} 
#red {
position : absolute;
left : 0px;
top : 375px;
z-index : 20;
} 
#redaddress {
width : 180px;
height : 335px;
position : absolute;
left : 4px;
top : 400px;
z-index : 120;
}
#border-hours {
position : absolute;
left : -1px;
top : 743px;
z-index : 130;
}
ul#font {
    font-family : arial, helvetica, sans-serif; 
    font-size: 12px;
    font-weight: normal; 
    line-height : 1.2;
} 
li#font {
    font-family : arial, helvetica, sans-serif; 
    font-size: 12px;
    font-weight: normal; 
    line-height : 1.2;
} 
table#hours {
   font-family: arial, helvetica, sans-serif;
   color: white; 
   font-size: 9pt;
   width: 180px;
} 
table#personal-training {
   font-family: arial, helvetica, sans-serif;
   font-size: 12pt;
} 
#bordertop {
position : absolute;
left : 0px;
top : 168px;
z-index : 200;
} 
#borderleft {
position : absolute;
left : 0px;
top : 168px;
z-index : 200;
} 
#borderright {
position : absolute;
left : 900px;
top : 168px;
z-index : 200;
} 
#borderbottom {
position : absolute;
left : 0px;
top : 370px;
z-index : 200;
} 
#divider1 {
width : 2px;
height : 211px;
position : absolute;
left : 300px;
top : 168px;
z-index : 200;
} 
#divider2 {
width : 2px;
height : 211px;
position : absolute;
left : 600px;
top : 168px;
z-index : 200;
} 
#groupphoto {
position : absolute;
left : 0px;
top : 166px;
z-index : 25;
} 
#imagebar1 {
position : absolute;
left : 0px;
top : 170px;
z-index : 25;
} 
#imagebar2 {
position : absolute;
left : 300px;
top : 170px;
z-index : 30;
} 
#imagebar3 {
position : absolute;
left : 600px;
top : 170px;
z-index : 35;
} 




#restore {
width : 680px;
height : 207px;
position : absolute;
left : 210px;
top : 380px;
z-index : 60;
} 

#news {
width : 660px;
height : 74px;
position : absolute;
left : 240px;
top : 420px;
z-index : 70;
} 

#indextext {
width : 600px;
padding-right : 5px;
padding-left : 5px;
position : absolute;
left : 270px;
top : 470px;
z-index : 80;
}

#like-it {
position: absolute;
left : 860px;
top : 380px;
width: 50px;
z-index : 70;
}

#section-titles {
height: 100%;
width : 700px;
padding-right : 5px;
padding-left : 5px;
position : absolute;
left : 230px;
top : 375px;
z-index : 80;
}

#introducingbox {
width : 700px;
padding-right : 0px;
padding-left : 0px;
position : absolute;
left : 210px;
top : 730px;
z-index : 100;
}
#topcaption {
position: relative;
left: 0px;
top: -164px;
width: 220px;
z-index: 120;
} 
#topbkgd {
position: relative;
left: 0px;
top: -150px;
padding-right : 0px;
padding-left : 0px;
background-image: url('images/captionbackground.jpg');
opacity:0.5;              
filter:alpha(opacity=50); 
z-index: 115;
} 
#box1 {
width : 220px;
padding-right : 0px;
padding-left : 0px;
position : absolute;
left : 220px;
top : 740px;
z-index : 110;
}
#box2 {
width : 220px;
padding-right : 0px;
padding-left : 0px;
position : absolute;
left : 450px;
top : 740px;
z-index : 110;
}
#box3 {
width : 220px;
padding-right : 0px;
padding-left : 0px;
position : absolute;
left : 680px;
top : 740px;
z-index : 110;
}

#captionbkgd {
position: relative;
left: 0px;
top: -70px;
padding-right : 0px;
padding-left : 0px;
background-image: url('images/captionbackground.jpg');
opacity:0.5;              
filter:alpha(opacity=50); 
z-index: 115;
} 

#caption {
position: relative;
left: 4px;
top: -90px;
width: 210px;
padding-right : 3px;
padding-left : 3px;
z-index: 120;
}

#description {
position: relative;
left: 4px;
top: -95px;
width: 210px;
padding-right : 3px;
padding-left : 3px;
z-index: 120;
}

#locationaddress {
width : 200px;
height: 400px;
padding-right : 5px;
padding-left : 5px;
position : absolute;
left : 700px;
top : 950px;
z-index : 80;
}

.pad-px {
padding : 2px;
 }
#emailsignin {
width : 150px;
padding-right : 5px;
padding-left : 5px;
position : absolute;
font-color : #000000;
font-family : arial, helvetica, sans-serif; 
font-size: 12px;
font-weight: normal; 
line-height : 1.1;
left : 5px;
top : 900px;
z-index : 100;
}

.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.bar {
	height: 4em;
	padding-top: 2em;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: black;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	margin-top: 5.0em;
}

h2.ontop {
	position: relative;
	top: 4.7em;
}

#line {
width : 700px;
padding-right : 5px;
padding-left : 5px;
position : relative;
left : 100px;
top : 1070px;
z-index : 8;
}
#lowernav {
width : 900px;
padding-right : 5px;
padding-left : 5px;
position : absolute;
left : 100px;
top : 1075px;
z-index : 120;
}

#webmaster {
width: 100px;
font-family: arial, verdana;
font-size: 10;
padding-right : 5px;
padding-left : 5px;
position : absolute;
left : 470px;
top : 1120px;
z-index : 100;
}
#webmaster ul
{
margin: 5px;
padding: 5px;
list-style-type: none;
}

#webmaster a
{
display: block;
color: #000000;
background-color: #f6f6f6;
width: 55px;
}

#webmaster a:hover
{
background-color: #2b5087;
color: #ffffff;
}

#design {
width: 100px;
font-family: arial, verdana;
font-size: 10;
padding-right : 5px;
padding-left : 5px;
float : left;
position : absolute;
left : 20px;
top : 1120px;
margin : 5px;
z-index : 110;
}

#design ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#design a
{
display: block;
color: #000000;
background-color: #f6f6f6;
width: 70px;
}

#design a:hover
{
background-color: #2b5087;
color: #ffffff;
}