@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;

	}