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

#homepage_content {
	margin-top: 0;
}
#homepage_content .section {
	display: inline;
	position: relative;
	float: left;
	width: 420px;
	margin: 0 0 5px 17px;
	padding: 0 20px 11px 20px;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: top left;
}
#homepage_content .section h3 {
	position: relative;
	height: 0;
	margin: 0 -20px 10px -20px;
	padding-top: 40px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
#homepage_content .section p {
	position: relative;
	margin: 0 0 10px 0;
	font-size: 1.0em;
}
#homepage_content .section .icon {
	display: inline;
	position: relative;
	top: -33px;
	float: right;
	margin-bottom: -33px; /* to offset the move of top: -33px */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
#homepage_content .section strong {
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
}
#homepage_content .section .button {
	position: relative;
	top: 0;
	vertical-align: -45px;
}
#homepage_content .section .bottom {
	position: absolute;
	left: 20px;
	bottom: 0px;
	margin: 0 -20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	width: 460px;
}

/* z-index settings */

#homepage_content .section .bottom {	
	z-index: 1;
}

#homepage_content .section h3 {
	z-index: 2;
}

#homepage_content .section p,
#homepage_content .section .icon,
#homepage_content .section .strong,
#homepage_content .section .button {
	z-index: 3;
}

/* pool finder section */

#homepage_content #section_pool_finder {
	color: #215ba5;
	background-image: url(../images/homepage/pool_finder_middle.gif);
}
#homepage_content #section_pool_finder h3 {
	background-image: url(../images/homepage/pool_finder_head.gif);
}
#homepage_content #section_pool_finder .icon {
	width: 146px;
	height: 152px;
	background-image: url(../images/homepage/pool_finder_icon.png);
}
#homepage_content #section_pool_finder strong {
	width: 174px;
	padding-top: 21px;
	background-image: url(../images/homepage/pool_finder_subtitle.gif);
}
#homepage_content #section_pool_finder .button {
	left: 90px;
}
#homepage_content #section_pool_finder .bottom {
	height: 150px;
	background-image: url(../images/homepage/pool_finder_bottom.gif);
}

/* take the plunge section */

#homepage_content #section_take_the_plunge {
	width: 400px;
	color: #fc8200;
	background-image: url(../images/homepage/take_the_plunge_middle.gif);
}
#homepage_content #section_take_the_plunge h3 {
	background-image: url(../images/homepage/take_the_plunge_head.gif);
}
#homepage_content #section_take_the_plunge .icon {
	left: 0px;
	top: -20px;
	width: 203px;
	height: 46px;
	margin-bottom: 0;
	padding-top: 82px;
	background-image: url(../images/homepage/take_the_plunge_icon.png);
}
#homepage_content #section_take_the_plunge strong {
	width: 186px;
	padding-top: 50px;
	background-image: url(../images/homepage/take_the_plunge_subtitle.gif);
}
#homepage_content #section_take_the_plunge .bottom {
	height: 30px;
	background: url(../images/homepage/take_the_plunge_bottom.gif) no-repeat 0% 100%;
}
#homepage_content #section_take_the_plunge p.plungeText {
	margin-bottom: 20px;
}

/* baby swimming section */

#homepage_content #section_baby_swimming {
	clear: left; /* so that the bottom row doesn't split with large font sizes */
	color: #e1134f;
	background-image: url(../images/homepage/baby_swimming_middle.gif);
}
#homepage_content #section_baby_swimming h3 {
	padding-top: 45px;
	background-image: url(../images/homepage/baby_swimming_head.gif);
}
#homepage_content #section_baby_swimming .icon {
	width: 188px;
	height: 166px;
	background-image: url(../images/homepage/baby_swimming_icon.png);
}
#homepage_content #section_baby_swimming strong {
	width: 223px;
	padding-top: 47px;
	background-image: url(../images/homepage/baby_swimming_subtitle.gif);
}
#homepage_content #section_baby_swimming .button {
	left: 50px;
	top: -12px;
}
#homepage_content #section_baby_swimming .bottom {
	height: 168px;
	/* margin-top: -178px; */
	background-image: url(../images/homepage/baby_swimming_bottom.gif);
}

/* swim nappy section */

#homepage_content #section_swim_nappy {
	width: 217px;
	margin-top: 10px;
	padding: 0 11px 30px 11px;
	background-image: url(../images/homepage/swim_nappy_middle.gif);
}
#homepage_content #section_swim_nappy h3 {
	margin-left: -11px;
	margin-right: -11px;
	background-image: url(../images/homepage/swim_nappy_head.gif);
}
#homepage_content #section_swim_nappy .icon {
	top: 0;
	width: 94px;
	height: 99px;
	margin-bottom: 0; /* to offset top: */
	background-image: url(../images/homepage/swim_nappy_icon.jpg);
}
#homepage_content #section_swim_nappy strong {
	width: 120px;
	padding-top: 70px;
	background-image: url(../images/homepage/swim_nappy_subtitle.gif);
}
#homepage_content #section_swim_nappy .button {
	left: 32px;
	top: 14px;
}
#homepage_content #section_swim_nappy .bottom {
	left: 11px;	
	width: 237px;
	height: 154px;
	margin-left: -11px;
	margin-right: -11px;
	background-image: url(../images/homepage/swim_nappy_bottom.gif);
}

/* free sample button */

#homepage_content #section_free_sample {
	width: auto;
	margin-top: 5px;
	padding: 0;
}
#homepage_content #section_free_sample h3 {
	margin: 0;
	padding: 0;
	height: auto;
}
#homepage_content #section_free_sample .button a {
/*#homepage_content #section_free_sample .button  {*/
	display: block;
	width: 203px;
	height: 0;
	padding-top: 201px;
	overflow: hidden;
	background: transparent url(../images/homepage/free_sample_icon.gif) no-repeat left top;
}