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

/* ---------------  Structure -------------------*/

#PlaceMat {
	width:100%;
	position:absolute;
	top: 0px;
	left: 0px;
	}
#Background {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:500px;
	z-index:-1;
	}
#BackgroundImage {
	width:100%;
	height:381px;
	background:url(../../images/BackgroundImage.JPG) 50% 0 no-repeat;
	}



/* ---------------  Looks -------------------*/

#HeaderLogo {
	text-align:center;
	background:url(../../images/Advanced-Pool-Service-Logo-Header.png) 50% 50% no-repeat;
	height:135px;
}
.HeaderBlackStripe {
	background-color:black;
	width:100%;
	height:20px;
	}
#BodyWrapper {
	width:917px;
	margin:0 auto;
	padding:250px 0 0 0;
	}
#Row1 {
	width:100%;
	height:390px;
	}

#Row2 {
	width:100%;
	height:450px;
	margin: 20px 0 0 0;
	}
#Montage {
	width:100%;
	height:230px;
	background: url(../../images/table-bgs/montage-bg.png) 50% 100% no-repeat;
	margin: 0;

	}
	
#MontageContent {
	text-align:center;
	}
#MontageContent img {
	margin:0 8px;
	}

#Row1Menu {
	float:left;
	width:338px;
	}
#Row1Content {
	float:right;
	width:579px;
	}
#Row2LeftBottom {
	margin:0px;
	height:40px;
	width:577px;
	float:left;
	background:gray;
	}
#Row2Right {
	margin:3px;
	height:40px;
	width:301px;
	float:right;
	background:gray;
	}
#footer {
	width:100%;
	background:black;
	color:white;
	height:250px;
	text-align: center;
	padding: 35px 0;
	margin: 15px 0 0 0;
	}

#footer p {
	color:white;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
#footer img {
	margin: 20px;

}
#APSDescription {
	background:url(../../images/table-bgs/APS-description-box-bg.png) 50% 7px no-repeat;
	width:579px;
}
#APSDescription img {
	float:right;
	margin:0 5px;
	}
#APSDescription h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 10px 0;
	}
#HPMenuHolder {
	background:url(../../images/table-bgs/APS-menu-bg.png) 50% 100% no-repeat;
	width:337px;
}
#HPMenuHolder img{
	margin:0px;
	}
#HPMenuHolder div {
	margin:0px;
	padding:0px;
}


	
#ACHolder {
	background: url(../../images/table-bgs/CA-BG.png) 50% 100% no-repeat;
	width: 577px;
	float: left;
	}

#ACHolder h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 10px 15px;
}
#ACContent {
	text-align: center;
	margin: 0;
	}
#ACContent img {
	margin:0 20px;
	}
	
#MARWrapper {
	background:url(../../images/table-bgs/Blue.png) 50% 100% no-repeat;
	height:405px;
	width:336px;
	float:right;
	padding:0;
	}

#MARWrapper p {
	color:white;
	font-size: 16px;
}

#MARHeader h2 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin: 15px 0 0 40px;
	font-family: Arial, Helvetica, sans-serif;
}
#MARImage {
	background-image: url(../../images/MARImage.png);
	height: 143px;
	width: 92px;
	position: absolute;
	top: 1118px;
	left: 325px;
	margin: 0 50%;
}
#AssocWrapper {
	margin:0px;
	height:200px;
	width:577px;
	float:left;
	background: url(../../images/table-bgs/AAE-BG.png) 50% 40px no-repeat;
	}
#AssocImage {
	position:absolute;
	left:-80px;
	top:1101px;
	height:198px;
	width:144px;
	z-index:5;
	background:url(../../images/AAEExpert.png) 0 0 no-repeat;
	margin:0 50%;
}
#AssocHeader  h2 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin: 15px 0 0 40px;
	font-family: Arial, Helvetica, sans-serif;
}
#AssocContent {
}
#Services {
	width:100%;
	height:460px;
	background: url(../../images/table-bgs/montage-bg.png) 50% 100% no-repeat;
	margin: 0;
}

#ServicesContent {
	float: left;
	width: 550px;
}
#ServicesBullets {
	float: right;
	width: 300px;
}

#ServicesBullets h2 {
	color:#000000;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#ServicesBullets h3 {
	color:#000066;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}



#ServicesBullets ul li {
	margin:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:black;
	}
#FunQuote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3366FF;
	float: left;
	width: 200px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#HPKidsInPool {
	background-image: url(../../images/p1.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 160px;
	width: 236px;
}
#guysbodybottom {
	background-image: url(../../images/table-bgs/guysbodybottom.png);
	background-repeat: repeat-y;
	height: 14px;
	background-position: 389px 0;
}




/* Tage */

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2em;
	margin:0 0 15px 0;
	}
	
ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.2em;
	margin:0 0 15px 0;
	}
	
body {
	margin:0;
	background:white;
}
.clear {
	clear: both;
	margin: 0px;
}
.floatright {
	float:right;
	margin-left:15px;
	}
.floatleft {
	float:left;
	margin-right:15px;
	}
.clearright {
	clear: right;
	margin: 0px;
	height: 1px;
}

.orange {
	color: #FF3300;
}
.vcard {
	width: 500px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	font-family:Arial, Helvetica, sans-serif;
}

.vcard org {
	font-family:Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	font-size:14px;
	}
	
.vcard .adr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.vcard .tel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}