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

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #F9CD47;
}

html,body {
	height: 100%;
	background-color: #709BF2;
	margin-top: 10px;
	margin-bottom: 10px;
}

a:link {
	color: #FFFFFF;
	border: none;
	text-decoration: underline;
}

a:visited {
	color: #FFFFFF;
	border: none;
	text-decoration: underline;
}

a:active {
	color: #FFFFFF;
	border: none;
	text-decoration: underline;
}

a:hover {
	color: #FFFFFF;
	border: none;
	text-decoration: underline;
}

img {
	border: none;
}

img:link {
	border: none;
}

img:visited {
	border: none;
}

img:active {
	border: none;
}

img:hover {
	border: none;
}

/* Styles */

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	text-weight: bold;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #FFFFFF;
	text-weight: bold;
}

.popupText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #F9CD47;
	background-color: #3366CC;
}

.mainText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #FFFFFF;
}

.mainTextLink:link {
	color: #F9CD47;
	border: none;
	text-decoration: underline;
}

.mainTextLink:visited {
	color: #F9CD47;
	border: none;
	text-decoration: underline;
}

.mainTextLink:active {
	color: #F9CD47;
	border: none;
	text-decoration: underline;
}

.mainTextLink:hover {
	color: #F9CD47;
	border: none;
	text-decoration: underline;
}

.bottomStatic {
	color: #3366CC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
}

.bottomText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #3366CC;
}

.bottomText:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #3366CC;
	text-decoration: underline;
}

.bottomText:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #3366CC;
	text-decoration: underline;
}

.bottomText:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #3366CC;
	text-decoration: underline;
}

.bottomText:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #3366CC;
	text-decoration: underline;
}

.blueText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #3366CC;
}

.blueText:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #3366CC;
	text-decoration: underline;
}

.blueText:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #3366CC;
	text-decoration: underline;
}

.blueText:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #3366CC;
	text-decoration: underline;
}

.blueText:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #3366CC;
	text-decoration: underline;
}

/* STRUCTURE */

#wrapper {
	vertical-align: top;
	width: 780px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url(images/page-blue-bg-repeat-1px.gif);
	background-repeat: repeat-y;
}

/* Header */

#header {
	vertical-align: top;
	width: 780px;
	height: 210px;
}

#midBar {
	vertical-align: top;
	width: 780px;
	height: 80px;
}

/* Main Content */

#container {
	vertical-align: top;
	width: 780px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/page-blue-bg-repeat-1px.gif);
	background-repeat: repeat-y;
	background-color: #3366CC;
}

#menu {
	vertical-align: top;
	top: 0;
	position: relative;
	float: left;
	width: 135px;
	height: 100%;
	background-image: url(images/menu-repeat-1px.gif);
	background-repeat: repeat-y;
	background-color: #3366CC;
	visibility: visible;
}

#topMenu {
	vertical-align: top;
	width: 135px;
	height: 20px;
	padding: 0;
	margin: 0;
}

/* ------- individual button ids -------- */

#btnHome {
	vertical-align: top;
	width: 135px;
	height: 24px;
	padding: 0;
	margin: 0;
}

#btnLake {
	vertical-align: top;
	width: 135px;
	height: 38px;
	padding: 0;
	margin: 0;
}

#btnFountains {
	vertical-align: top;
	width: 135px;
	height: 23px;
	padding: 0;
	margin: 0;
}

#btnServices {
	vertical-align: top;
	width: 135px;
	height: 23px;
	padding: 0;
	margin: 0;
}

#btnTestimonials {
	vertical-align: top;
	width: 135px;
	height: 24px;
	padding: 0;
	margin: 0;
}

#btnGuarantee {
	vertical-align: top;
	width: 135px;
	height: 24px;
	padding: 0;
	margin: 0;
}

#btnContact {
	vertical-align: top;
	width: 135px;
	height: 24px;
	padding: 0;
	margin: 0;
}

#btnHBL {
	vertical-align: top;
	width: 135px;
	height: 38px;
	padding: 0;
	margin: 0;
}

/* ----------- end buttons ------------ */

#bottomMenu {
	vertical-align: top;
	width: 135px;
	height: 14px;
	padding: 0;
	margin: 0;
}

#mainBox {
	vertical-align: top;
	top: 0;
	position: relative;
	float: right;
	width: 645px;
	height: 100%;
	margin: 0;
	background-attachment: scroll;
	background-position: top;
	background-image: url(images/main-repeat-1px.gif);
	background-repeat: repeat-y;
}

/* ---------- for main page slideshow only ---------- */

#mainBoxIndex {
	vertical-align: top;
	top: 0;
	position: relative;
	float: right;
	width: 645px;
	height: 100%;
	margin: 0;
	background-color: #3366CC;
}

#mainBoxSlideshow {
	vertical-align: top;
	width: 645px;
	height: 271px;
	background-color: #3366CC;
}

/* ---------------------------------------------------- */

#mainBoxTop {
	vertical-align: top;
	width: 645px;
	height: 20px;
}

#mainBoxTitle {
	vertical-align: top;
	width: 645px;
	height: 33px;
}

#mainBoxContent {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 90px;
	padding-right: 20px;
	width: 525px;
	height: 100%;
}

#mainBoxBottom {
	vertical-align: top;
	width: 645px;
	height: 11px;
}

/* Lower Content */

#bodyContent {
	vertical-align: top;
	width: 740px;
	height: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/page-blue-bg-repeat-1px.gif);
	background-repeat: repeat-y;
	text-align: center;
}

/* Footer */

#footContainer {
	vertical-align: top;
	width: 780px;
	padding: 0;
	margin: 0;
}

#footerTop {
	vertical-align: top;
	width: 780px;
	height: 48px;
	padding: 0;
	margin: 0;
	background-image: url(images/upper-footer.gif);
	background-repeat: no-repeat;
}

#footerBottom {
	vertical-align: top;
	width: 780px;
	height: 27px;
	padding: 0;
	margin: 0;
	background-image: url(images/lower-footer.gif);
	background-repeat: no-repeat;
}