/* CSS Document */

body { 
  background-color: #000000;
  font-family:      Verdana, sans-serif;
  font-size:        13px;
  color:            #b1b2b4;
  margin: 			0;
}

body img {
   border: 	none;
}

#allcontent {
  width: 960px; 
  height: auto; 
  margin-top:   15px;
  margin-left: auto;
  margin-right: auto;
}

#ie6warning {
	width: auto;
	background-color: #BB0000;
	color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	text-align: center;
	padding: 8px 0 10px 0;
}

/* Nav Menu */
#nav_container {
	width: 			960px;
	clear: 			both;
	height:			35px;
	margin: 		11px 0px 0px 0px;
	padding:        11px 0px 0px 0px;
	border-top: 	#808080 1px solid; 
	border-bottom: 	#808080 1px solid;
}

/* NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 5; }

#main_nav:hover li a#home { background-position: -254px; }
#main_nav:hover li a#pilates { background-position: -254px; }
#main_nav:hover li a#thestudio { background-position: -254px; }
#main_nav:hover li a#conditioning { background-position: -356px; }
#main_nav:hover li a#prices { background-position: -158px; }
#main_nav:hover li a#about { background-position: -254px; }
#main_nav:hover li a#contact { background-position: -254px; }


/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 24px; border:none } 

#home { background: url(images/navigation/home2.gif); width: 127px; }
#home:hover { background: url(images/navigation/home2.gif) -127px 0 !important; }
#home.active { background: url(images/navigation/home2.gif) -127px 0; }

#pilates { background: url(images/navigation/pilates2.gif); width: 127px; }
#pilates:hover { background: url(images/navigation/pilates2.gif) -127px 0 !important; }
#pilates.active { background: url(images/navigation/pilates2.gif) -127px 0; } 

#thestudio { background: url(images/navigation/studio2.gif); width: 127px; }
#thestudio:hover { background: url(images/navigation/studio2.gif) -127px 0 !important; }
#thestudio.active { background: url(images/navigation/studio2.gif) -127px 0; }

#conditioning { background: url(images/navigation/condition2.gif); width: 178px; }
#conditioning:hover { background: url(images/navigation/condition2.gif) -178px 0 !important; }
#conditioning.active { background: url(images/navigation/condition2.gif) -178px 0; } 

#prices { background: url(images/navigation/prices2.gif); width: 79px; }
#prices:hover { background: url(images/navigation/prices2.gif) -79px 0 !important; }
#prices.active { background: url(images/navigation/prices2.gif) -79px 0; } 

#about { background: url(images/navigation/about2.gif); width: 127px; }
#about:hover { background: url(images/navigation/about2.gif) -127px 0 !important; }
#about.active { background: url(images/navigation/about2.gif) -127px 0; }

#contact { background: url(images/navigation/contact2.gif); width: 127px; }
#contact:hover { background: url(images/navigation/contact2.gif) -127px 0 !important; }
#contact.active { background: url(images/navigation/contact2.gif) -127px 0; }

/* Rest of Body */

#main {
  padding:          15px;
  margin:           10px 20px 0px 0px;
  width: 			600px;
  float: 			left;
}

a:link {
  color:            #b1b2b4;
  text-decoration:  none;
  border-bottom:    thin dotted
}

a:visited {
  color:            #b1b2b4;
  text-decoration:  none;
  border-bottom:    thin dotted
}

a:hover {
  color:            #b1b2b4;
  text-decoration:  none;
  border-bottom:    thin dotted
}

/* For Home Green page */

#sidebar1 {
  color:            #559477;
  font-family:		"trebuchet MS";
  font-size:        130%;
  font-weight:		lighter;	
  line-height:      1.6em;
  padding:          15px;
  margin:           0px 0px 10px 630px;
}

#sidebar2 {
  color:            #ffffff;
  line-height:      1.4em;
  padding:          15px;
  margin:           0px 0px 10px 630px;
}

#sidebar3 {
  padding:          15px;
  margin:           0px 0px 10px 630px;
}

#sidebar4 {		
  color:            #ffffff;
  line-height:      1.4em;
  padding:          15px;
  margin:           0px 0px 10px 630px;
}

#sidebar5 {
  color:            #ffffff;
  line-height:      1.4em;
  padding:          15px;
  margin:           20px 0px 10px 630px;
}

#sidebar6 {
  padding:          15px;
  margin:           0px 0px 10px 630px;
}

#sidebar6 a {
  border-bottom:	none;
}

#sidebar7 {
  font-size:		120%;
  padding:          15px;
  margin:           35px 0px 10px 630px;
}

#sidebar7 a {
  border-bottom:	none;
}

.greeninfo {
  font-size:		120%;
  color:			#559477;
  }

#greeninfo a:link {
  color:            #559477;
  text-decoration:  none;
  border-bottom:    thin dotted #b1b2b4;
}

#greeninfo a:hover {
  color:            #559477;
  text-decoration:  none;
  border-bottom:    thin dotted #559477;
}

#greeninfo a:visited {
  color:            #559477;
  text-decoration:  none;
  border-bottom:    thin dotted #559477;
}

.pinkinfo {
  font-size:		120%;
  color:			#d40776;
  }
 
#pinkheader {
  font-size:		150%;
  color:			#d40776;
  font-family:		"trebuchet MS";
  font-weight:		lighter;
 }

.blueinfo {
  font-size:		120%;
  color:			#0c90ae;
  }
 
#blueheader {
  font-size:		150%;
  color:			#0c90ae;
  font-family:		"trebuchet MS";
  font-weight:		lighter;
 }
 
.limeinfo {
  font-size:		120%;
  color:			#95bf03;
  }
 
#limeheader {
  font-size:		150%;
  color:			#95bf03;
  font-family:		"trebuchet MS";
  font-weight:		lighter;
 }
 
.orangeinfo {
  font-size:		120%;
  color:			#f05b2a;
  }
 
#orangeheader {
  font-size:		150%;
  color:			#f05b2a;
  font-family:		"trebuchet MS";
  font-weight:		lighter;
 }

.greyinfo {
  font-size:		120%;
  color:			#b1b2b4;
  }

.purpleinfo {
  font-size:		120%;
  color:			#8577b7;
  }
  
.include {
  font-size:		130%;
  color:			#8577b7;
  font-family:		"trebuchet MS";
  font-weight:		lighter;
 }

#price {
  font-size:		150%;
  color:			#8577b7;
  font-family:		"trebuchet MS";
  font-weight:		lighter;
 }
 
#terms {
  color:			#6f7070;
  font-size:        80%;
}
 
ul {
   padding-left: 	0.5em; 
}

li {
   margin-left: 0.5em;
}

#footer {
  color:			#6f7070;
  text-align:       center;
  padding:          15px;
  margin:           20px;
  font-size:        80%;
  clear:            left;
}