/* These are specific stylings for common elements used on the home page */
/* Common styling for these elements can be found in common.css */  



body {
  background-image: none;
  height:100%;
  width:100%;
  margin:0px;
}



#header {
  height:178px;
  z-index:200;
}


.slidemaximage { 
  visibility:hidden;
  height:100%;
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-position:top center;
}	


.fademaximage{
  z-index:-10;
  visibility:hidden;
  margin-left:0px;
}



.loader { 
  position:absolute;
  z-index:9999;
  width:100px;
  height:32px;
  top:49%;
  left:49% 
}




.slideText0, .slideText1, .slideText2, .slideText3 {
  position:absolute;
  top: 230px; 
  margin-left:0px;
  text-align:left;
  color:white;
  z-index:300;
  margin-bottom:0px;
  padding-bottom:0px;
  visibility:hidden;
}

.slideText0 h1,.slideText1 h1, .slideText2 h1, .slideText3 h1 {
  margin-bottom:0px;
  padding-bottom:0px;
  color:white;
}




.strip {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:415px;
  background-color:black;
  filter: alpha(opacity=70); 
	-moz-opacity:70; 
	opacity:0.7;
	z-index:100;
	margin:0px;
	margin-right:0px;
}

#controls {
  position:absolute;
  margin-left:0px;
  top: 360px;
  z-index:400;
}

#controls a {
  cursor: pointer;
}




/*
.left_arrow {
  height:25px;
  width:10px;
  background-image:url('../images/HP_Arrow_Left.png');
  float:left;
}

.left_arrow:hover {
  background-image:url('../images/HP_ArrowHighlight_Left.png');
}

.right_arrow {
  height:25px;
  width:10px;
  background-image:url('../images/HP_Arrow_Right.png');
  float:left;
}

.right_arrow:hover {
  background-image:url('../images/HP_ArrowHighlight_Right.png');
}

*/

.button {
  display:block;
  height:26px;
  width:26px;
  background-image:url('../images/HP_Button.png');
  float:left;
}

.button:hover {
   filter: alpha(opacity=70); 
	-moz-opacity:70; 
	opacity:0.7;
}

.dots {
  float:left;
  padding-left:5px;
  padding-right:5px;
}


.dot0, .dot1, .dot2, .dot3 {
  height:22px;
  width:14px;
  background-image:url('../images/HP_Dot.png');
  background-repeat:none;
  float:left;
  margin-left:0px;
}

.dot0 {
  background-image:url('../images/HP_DotHighlight.png');
}