body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: arial, helvetica, sans-serif;
font-size: medium;
background-image: url('background9.jpg');
}

#maincontainer{
width: 760px; /*Width of main container*/
margin: auto; /*Center container on page*/
background-color: #F3F5C8;
border: 3px solid #C2101D;
padding-bottom: 0.5em;
}


/*banner photo alignment*/
img.mainphoto{
display: block;
margin-left: auto;
margin-right: auto;
}


/*link bar properties*/
.prophead{
text-align: center;
font-size: 1.0em;
margin-top: 0.1em;
margin-left: auto;
margin-right: auto;
height: 1.2em;
}

/*anchor styles*/
.prophead a
{
line-height: 1.4em;
text-align: center;
background-color: #D6C16B;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.1em;
zoom: 1;
}

.prophead a:link {color: #ffffff;}
.prophead a:visited {
color: #663333;
}
.prophead a:hover {
color: #000000;
background-color: #E76335;}
.prophead a:active {
color: #ffffff;
}
/*end of anchor styles*/

h2.left{
margin-left: 2em;
}

/*Back to top div*/
.top{
text-align: right;
padding-right: 20px;
padding-top: 10px;
clear: both;
}

/*paragraph and heading styles*/
.content
{
line-height:140%;
text-align: left;
vertical-align: text-top;
margin: 1em 2em;
}

/*heading styles*/
.heading
{
line-height:140%;
text-align: left;
vertical-align: text-top;
margin-left: 2em;
}


/*map display div*/
#map{
display: block;
margin-left: auto;
margin-right: auto;
margin-top:1em;
}

/*two side by side pic div*/
div.smallpics{
position: relative;
height: 255px;
}

/*left pic*/
.smallpics1{
position: absolute;
left: 15px;
}

/*right pic*/
.smallpics2{
position: absolute;
right: 15px;
}

/*center pic*/
.smallpics3{
position: absolute;
left: 260px;
}

/*div for 3 gatehouse pics*/
div.triple{
position: relative;
height: 180px;
}

/*div for 3 poolhouse pics*/
div.poolhouse{
position: relative;
height: 320px;
}

/*main poolhouse photo alignment*/
img.mainphoto{
display: block;
margin-left: auto;
margin-right: auto;
}

/*horizontal rule*/
hr.brown
{
clear: both;
color: #C2101D;
text-align: center;
width: 70%;
}

/*horizontal rule full*/
hr.red
{
clear: both;
color: #C2101D;
text-align: center;
width: 100%;
}

/*contact details div*/
.contact{
text-align: left;
padding-left: 200px;
margin-bottom: 1em;
}

/*table styling*/
table#pricelist{
margin: auto; /*Center container on page*/
background-color:#FFFFFF;
border: solid #C2101D 3px;
width: 600px;
}

/*td style within table*/
table#pricelist td {
padding: 5px;
border: solid #976A09 1px;
}

.ammount {
color: #000000;
text-align: center;
background-color: #CCCCCC;

}

.theader {
font-weight: bold;
text-align: center;
background-color: #FFFFCC;

}

.period {
font-weight: bold;
text-align: left;
width: 300px;
background-color: #CCCCCC;

}
/*end of table styles*/

/*left image display*/
.left
{
float: left;
margin: 1em;
}

/*locations description divs*/
div.cleared
{
clear: both;
}