#mainContent {
	  position: relative;
	  top:-78px;
	  z-index: 5;
	  padding:0px;
	  height:290px;
	  width:828px;
	  }


#packscontainer {
text-align:center;
z-index:2;
	height:300px;
	width:100%;
	  padding: -20px;
}

#titleservices {
position:relative;
top:-12px;
height: 69px;
width:100%;
background-image: url(images/titlebg.png); 
background-repeat: repeat-x;
z-index: 10;

}


#titlerealisations {
position:relative;
top:-24px;
height: 69px;
width:100%;
background-image: url(images/titlebg.png); 
background-repeat: repeat-x;
z-index: 9;
}

#titlepacks {
position:relative;
top:-36px;
height: 69px;
width:100%;
background-image: url(images/titlebg.png); 
background-repeat: repeat-x;
z-index: 8;

}

 a.moreinfo:link { color: #888888; text-decoration: none; text-align: left} 
 a.moreinfo:visited { color: #888888; text-decoration: none; text-align: left}
 a.moreinfo:hover { color: #888888; text-decoration: none; background-color:#555555; text-align: left } 
 a.moreinfo:active { color: #ffffff; text-decoration: none; background-color:#555555; text-align: left } 
 
.introtext {
  text-align: left;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
  color: #555555;
  padding: 0;
  margin: 0;  
  }
  
  
.titletext {
  text-align: center;
 font-size: 36px;
  font-family: helvetica, arial, sans-serif;
  letter-spacing: -1px;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-weight: bold;  
    color: #555555;
} 
 
.descriptiontext {
  text-align: left;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: none;
  color: #555555;
  padding: 0;
  margin: 0;  
  }
  
  .button p { 
  margin-top: 9px
  }
  
  a.button:link {
 position: absolute;
  left: 14px;
  top: 293px;
  width: 239px;
  height: 41px;
 text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: bold;
  color: #FFFFFF;
  vertical-align: middle;
    letter-spacing: -1px;
	display: block ;
	background: url(images/button.png) left top no-repeat ;
	padding: 4px 0 ;
	text-align: center ;
	}
	
a.button:hover, a.button:active, a.button:focus  {
	background:  #ffffff url(images/button-over.png) left top no-repeat ;
	}
	
	

#pack1 {
  position: absolute;
  left: 14px;
  top: 22px;
  width: 266px;
  height: 347px;
  z-index: 2;
}


  
#introtext1 {
  position: absolute;
  left: 17px;
  top: 17px;
  width: 234px;
  height: 25px;
  z-index: 3;
}

#titletext1 {
	position: absolute;
	left: 17px;
	top: 65px;
	width: 231px;
	height: 69px;
	z-index: 4;
}

#descriptiontext1 {
	position: absolute;
	left: 16px;
	top: 165px;
	width: 217px;
	height: 82px;
	z-index: 5;
}


#pack2 {
  position: absolute;
  left: 290px;
  top: 22px;
  width: 266px;
  height: 347px;
  z-index: 9;
}


#introtext2 {
  position: absolute;
  left: 15px;
  top: 17px;
  width: 230px;
  height: 25px;
  z-index: 10;
}


#titletext2 {
	position: absolute;
	left: 15px;
	top: 66px;
	width: 232px;
	height: 69px;
	z-index: 11;
}

#descriptiontext2 {
	position: absolute;
	left: 17px;
	top: 169px;
	width: 217px;
	height: 82px;
	z-index: 12;
}


#pack3 {
  position: absolute;
  left: 566px;
  top: 22px;
  width: 266px;
  height: 347px;
  z-index: 16;
}


#introtext3 {
	position: absolute;
	left: 17px;
	top: 17px;
	width: 230px;
	height: 26px;
	z-index: 17;
}


#titletext3 {
	position: absolute;
	left: 18px;
	top: 66px;
	width: 230px;
	height: 69px;
	z-index: 18;
}

#descriptiontext3 {
	position: absolute;
	left: 16px;
	top: 164px;
	width: 217px;
	height: 82px;
	z-index: 19;
}


#moreinfo1, #moreinfo2, #moreinfo3 {
display:none;
  position: absolute;
  top: 42px;
  width: 322;
  height: 378px;
  z-index: 60;
  
  }
  
  
  
  #moreinfo1 {
  left: 253px
  }
    #moreinfo2 {
  left: 2px
  }
    #moreinfo3 {
  left: 278px
  }
  


.moreinfotext {
display:inherit;
position: absolute;
	left: 17px;
	top: 17px;
	width: 264px;
	height: 350px;
	z-index: 17;
	  text-align: left;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: none;
  color: #ffffff;
  padding: 0;
  margin: 0;  
}

#moreinfotext1 {
left: 43px;
}


#footer {
top:0px;
}