@charset "utf-8";
/* CSS Document */

* {padding: 0; margin: 0;
}

html, body {font-family: arial, helvetica, sans-serif; font-size: 75%; color: #888; height: 100%; 
}



/*Begin White Panel and Gradient Background Positioning */

#wrapper {width: 100%;
}
#btmaquacontainer { width: 100%; height: auto;  position: fixed; left: 0px; bottom: 0px; z-index:1;
}
#btmaqua { background: url(../images/grad_aqua.jpg) repeat-x bottom;  height: 256px;  background-position: 0% 100%;
}
#container { width: 913px; margin: 25px auto 0 auto; padding: 0; height: auto;  position: relative;  z-index:5;
}
#midgradcontainer {width: 913px; height: auto; background-image: url(../images/panel_mid_trans.png); background-repeat: repeat-y; background-position: 2px 40px ;
}
#content {width: 800px; margin: 220px auto 0 auto; padding: 0 0 20px 0; height: auto; 
}
#paneltop {width: 913px; height: 15px; background: url(../images/panel_top.jpg) no-repeat; position: 0px 25px;
}
#panelbtm {width: 910px; height: 19px; background: url(../images/panel_btm_trans.png) no-repeat; margin: 0px 0 0 2px;
}
.logo {margin:0 0 0 23px; padding: 0; position: absolute; text-decoration: none; border: none; width: 120px; height: 202px; 
}
.header {margin:3px 0 0 143px; padding: 0; position: absolute; 
}
.stripe {margin: 166px 0 0 142px; padding: 0; position: absolute; width: 745px; height: 4px;
}
/*Begin Menu Styles */
#menu { margin: 147px 0 0 125px; position: absolute;  
}
.menu {text-decoration: none; display: inline; font-size: 1.19em; color: #f80; font-weight: bold;
}
a.menu:link, a.menu:visited {color: #f80;  
}
a.menu:hover, a.menu:active{color: #08b; 
}
ul, li.menu {text-decoration: none; border: none; list-style-type: none; padding: 28px;margin:0;  font-size: 1.19em; color: #f80; font-weight: bold;
}
li a.on  {text-decoration: none; border: none; list-style-type: none; margin:0;  font-size: 1.19em; color: #08b; font-weight: bold; 
}


/*Begin Content Styles in (mostly) Alpha Order*/

.activitiestext {margin:0; padding:0; text-align: left; width: 400px; height: auto;float: left; 
}
.amenities  {margin: -20px 10px 10px 0 ; position: relative;  text-align: left; width: 350px; height: auto; float: right; 
}
#around {width: 860px; height: auto; float: left; position: relative; margin: 0px;  line-height: 18px; 
}
.aroundtext {text-align: left; width: 400px; float: left; font-size: 1.3em; line-height: 16px;
}
ul, li.around {margin:0px;  list-style-type: disc;color: #888; font-weight: normal; text-decoration: none; line-height: 18px;clear:both;
}
a.article:link {color: #888; text-decoration: none; 
}
a.article:visited {color: #555; text-decoration: none; 
}
a.article:hover {color: #08b; text-decoration: none; 
}

.bodytext { font-size: 1.3em; 
}
p.bodytexthome { font-size: 1.3em; padding-top: 15px; margin-top: 10px; 
}
p.contacttext {font-size: 1.4em; color: #888; line-height: 25px; font-weight: bold; width: 350px; display: inline; 
}

#footer {clear: both; width: 800px; padding: 20px 0; font-size: 11px; color: #999;
}
p.footer { text-align: center; 
}

h1.welcome {font-size: 16px; font-weight: bold; color: #bcc; margin: 3px auto -25px auto; padding: 0; text-align: center; 
}
h2 {font-size: 1.75em; 
}
h3 {font-size: 1.5em; 
}


.homecontentleft {margin: 0px; position: relative; text-align: left;  clear: both;
}
.homecontentright {margin: 0px; position: relative; text-align: right; clear: both;
}

.i {color: #f00; font-weight: bold; font-size: 12px; 
}
a.iarchitects, a.iarchitects:link {color: #999; text-decoration: none; text-align: right; float: right; font-weight: normal;
}
a.iarchitects:hover {color: #000;font-weight: normal;
}

img.left {float: left; display: inline; padding: 10px ; margin: 0;
}
img.right {float: right; display: inline; padding: 10px; margin: 0; 
}
.imglink {text-decoration:  none; color: #888; border: none; outline: none; float: right; display: inline; margin-right: 15px ; padding: 0; position: relative;
}
.imglink:hover {border: 1px solid #f80;
}

.ourhouse {margin: 0 10px 10px 0 ; position: relative;  text-align: left; width: 430px; height: auto; float: right; 
}
#ourhousecontent {width: 860px; margin: 220px 0 0 65px;  height: auto; 
}
img, a.ourhousepics {padding:3px; margin: 0 auto; text-decoration: none; border:none; 
}
.ourhousetext {margin:0; padding:0; text-align: left; width: 400px; height: auto;float: left; 
}

a:link, a.pagelink {color: #08b; font-weight: bold; text-decoration: none; 
}
a:hover, a.pagelink:hover {color: #f80; font-weight: bold; text-decoration: none;
}
