* {
 padding: 0;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#wrapper a.logo {
 position: absolute;
 top: 120px;
 left: 31px;
 font-size: 1.5em;
 font-style: italic;
 z-index: 1000;
 color: orange;
}

#wrapper a.logo:hover {
 text-decoration: underline;
}

#content a {
 color: navy;
 text-decoration: underline;
}

#content a:visited {
 color: orange;
}

#content a:active {
 color: white;
}

#content #weather {
 margin-left: 165px;
 margin-top: 15px;
 border: 1px solid #0E3A5F;
 width: 144px;
}

#content ul {
 color: white;
 margin-left: 179px;
}

#content ul li {
 font-size: 1.1em;
 letter-spacing: 1px;
 font-family: arial, verdana, sans-serif;
}

#camera #content #header {
 float: right;
}

#camera #wrapper {
 border-right: 1px solid #3377aa;
}

#content #flashMessage {
 margin-left: 150px;
 padding-left: 10px;
 color: navy;
 padding-bottom: 1.3em;
 background: white;
 font-size: 2em;
}

#content .errorMsg {
 padding-left: 160px;
 color: white;
 background: navy;
 font-size: 2em;
}

#content .actions ul {
 list-style-type: none;
 margin-left: 160px;
 margin-top: 10px;
 margin-bottom: 20px;
}

#content .actions ul li {
 display: inline;
}

#content .actions li a {
 background: white;
 padding: 2px 5px;
 color: navy;
 font-size: 1.3em;
}

#content .actions li a:hover {
 text-decoration: underline;
}

.related dl {
 position: relative;
 background: url('/img/fade.jpg');
 margin: 20px 0;
 font-size: 1.3em;
 padding: 10px 5px;
}

.related dl dd img {
 position: absolute;
 left: -210px;
 top: 10px;
}

#content p.strong {
 font-weight: bold;
 font-size: 1.4em;
}

.related dl dt {
 position: relative;
 left: 115px;
 height: .5em;
}

.related dl dd {
 position: relative;
 left: 210px;
 top: -.5em;
}

.related dl dd.actions {
 position: absolute;
 top: 5px;
 left: 340px;
}

#mainImg {
 width: 660px;
 height: 400px;
}

#imgbg {
 background: #fff;
 float: right;
 width: 660px;
 height: 400px;
}

body {
 background-color: #28658E;
 font-size: 10px;
 height: 100%;
}

#description {
 float: left;
 width: 525px;
}

#error {
 font-size: 100%;
 margin: 25px 140px 10px 160px;
 padding: 5px;
 border: 1px dashed white;
}

#content #error p {
 font-weight: bold;
 font-size: 100%;
 font-style: italic;
 margin: 0;
 padding: 0;
}

#pictures {
 float: right;
 top: 440px;
 right: 5px;
 padding: 5px;
 width: 270px;
}

#content #pictures h1 {
 font: 1em arial;
 margin-left: 0;
 font-weight: bold;
 margin: 5px 0 10px 3px;
 padding: 0;
 border: 0;
}

#pictures ul {
 margin: 0;
}

#pictures li {
 padding: 2px 4px;
 list-style-type: none;
 float: left;
 margin: 0;
}

#pictures img {
 border: 1px solid #87B5D5;
}

#pictures img:hover {
 border: 1px solid #fff;
}

#requestInfo img {
 margin-left: 165px;
 margin-top: 5em;
}

#requestInfo img:hover {
 background: white;
}

#content #requestInfo fieldset {
 margin: 0;
 padding: 5px;
 width: 260px;
}

#content #requestInfo fieldset legend {
 letter-spacing: -1px;
}

#content #requestInfo fieldset form {
 margin: 0;
 padding: 0;
}

#content #requestInfo fieldset form div label {
 float: left;
 width: 5em;
}

#content #requestInfo fieldset form div input {
 position: static;
 float: none;
}

#virtualTour {
 position: absolute;
 top: 440px;
 right: 170px;
 height: 150px;
 padding: 5px;
}

#content #virtualTour h1 {
 font: 8pt arial;
 font-weight: bold;
 margin-left: 0;
 border: 0;
}

#img-wrapper {
 background: url('/img/shadow.gif') no-repeat bottom right;
 clear: right;
 float: left;
}

#contact {
 position: relative;
 top: -8px;
 color: navy;
 font-style: italic;
 letter-spacing: -1px;
 font-size: 1.8em;
 padding: 0 5px 10px 5px;
 width: 100%;
 height: 3.5em;
 text-align: right;
 background: url('/img/contact-trans.png') no-repeat bottom right;
 vertical-align: middle;
}

#contact span {
 color: navy;
 padding-left: 5px;
 font-size: 1.1em;
 font-style: normal;
 font-weight: bold;
 margin-right: 10px;
}

#blogh h1 {
 clear: both;
 margin-bottom: 20px;
 font-family: georgia, "times new roman";
 font-size: 20pt;
 line-height: 1.5em;
 font-weight: normal;
 letter-spacing: -1px;
 border-bottom: 1px solid #ccc;
 color: white;
}

#content h1 {
 clear: both;
 margin-left: 160px;
 margin-bottom: 20px;
 margin-right: 15px;
 font-family: georgia, "times new roman";
 font-size: 20pt;
 line-height: 1.5em;
 font-weight: normal;
 letter-spacing: -1px;
 border-bottom: 1px solid #ccc;
 color: white;
}

#content p {
 font: 1.3em arial, verdana, sans-serif;
 margin: 1em 10px .5em 165px;
 line-height: 1.3em;
 color: #fff;
}

#content h2 + p {
 margin-top: 0;
}

#content h3 {
 color: white;
 font-size: 1.4em;
 margin: 1.5em 0 .5em 165px;
}

#content h3 + p {
 margin-top: 0;
}

#content #community span {
 font-style: italic;
 font-weight: normal;
 letter-spacing: 0;
 display: block;
 margin-bottom: .5em;
}

#content .about {
 margin-left: 165px;
 margin-top: 2em;
}

#content .about h2 {
 font-weight: normal;
 font-size: 16pt;
 margin:  6pt 0;
}

#content .about p {
 margin: 5px;
 line-height: 1.4em;
 font-size: 9pt;
}

#content .about img {
 float: left;
 margin-right: 10px;
 margin-top: 5px;
 border-width: 1px 2px 2px 1px;
 border-color: #236491;
 border-style: solid;
}

#content #price {
 margin-top: 15px;
 font-size: 11pt;
 font-style: italic;
 font-family: georgia;
}

#content h2 {
 margin-left: 165px;
 font: 14pt georgia, "times new roman", serif;
 font-weight: normal;
 margin-top: 1.5em;
 margin-bottom: .5em;
 color: #fff;
}

#content h2 em {
 font-weight: normal;
}

#wrapper {
 width: 950px;
 background-color: #0e3a5f;
 position: relative;
 text-algin: center; 
 margin: 0 auto;
 margin-top: 10px;
 height: 100%;
}

#wrapper #cornerTL {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 15;
 opacity: 1.0;
}

#wrapper #corner {
 position: absolute;
 bottom: 0;
 right: 0;
 z-index: 20;
}

#wrapper #cornerBL {
 position: absolute;
 z-index: 20;
 bottom: 0;
 left: 0;
 display: none;
}

#home #nav_menu .home a, #listings #nav_menu .listings a, #docks #nav_menu .docks a, #about #nav_menu .about a, #search #nav_menu .search a, #contacts #nav_menu .contacts a, #sold #nav_menu .sold a, #activities #nav_menu .activities  a, #community #nav_menu .community a, #tools #nav_menu .tools a {
 background: #3A6586;
}

#home #nav_menu .home ul a, #listings #nav_menu .listings ul a, #docks #nav_menu .docks ul a, #about #nav_menu .about ul a, #search #nav_menu .search ul a, #contacts #nav_menu .contacts ul a, #sold #nav_menu .sold ul a, #activities #nav_menu .activities ul a, #community #nav_menu .community ul a, #tools #nav_menu .tools ul a {
 background: #fff;
}

#home #nav_menu .home ul a:hover, #properties #nav_menu .properties ul a:hover, #about #nav_menu .about ul a:hover, #search #nav_menu .search ul a:hover, #contactUs #nav_menu .contactUs ul a:hover, #sales #nav_menu .sales ul a:hover, #activities #nav_menu .activities ul a:hover, #community #nav_menu .community ul a:hover {
 background: #3A6586;
}

#nav_menu {
 text-align: center;
 margin: 0;
 padding: 0;
 width: 160px;
 color: white;
 position: absolute;
 z-index: 10;
 left: 0;
 top: 0;
 height: 100%;
 min-height: 640px;
 background: transparent url('/img/menu-fade-trans.png') repeat-y top right;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/menu-fade-trans.png', sizingMethod='scale');
}

#nav_menu ul li a {
 font: 1.5em Arial;
 display: block;
 margin: 0;
 padding: 5px 0;
 font-variant: small-caps;
 color: white;
}

#nav_menu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 padding-right: 10px;
 margin-top: 200px;
 width: 150px;
}

#nav_menu li {
 position: relative;
 display: inline; /*stupid IE */
}

#nav_menu li ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 75px;
 z-index: 100;
 width: 12em;
 text-align: left;
 margin: 0;
 padding: 0;
 background: white;
}

#nav li:hover > ul {
 display: block;
}

#nav_menu li ul li {
 display: inline;
 z-index: 50;
 width: auto;
 font-size: .8em;
}

#nav_menu li ul li a {
 font-family: Verdana;
 font-weight: bold;
 color: #0e3a5f;
 border-top: 1px solid navy;
}

#nav_menu li ul li a:hover {
 color: #fff;
}

#nav_menu a:hover {
 background-color: #3a6586;
}

#content {
 background: #4698D2 url('/img/fade.jpg') repeat-x bottom right;
 width: 810px;
 min-height: 640px;
 _height: 100%;
 padding-bottom: 45px;
 _padding-bottom: 0;
 position: relative;
}

#camera #content {
 width: 950px;
}

#content table {
 width: 630px;
 color: white;
 margin: 2em 0 2em 165px;
 border-collapse: collapse;
 caption-side: bottom;
}

#content table tr th {
 font-size: 1.7em;
 text-align: left;
 font-weight: normal;
 border-bottom: 1px solid #fff;
 padding: 5px;
}

#content table tr td {
 vertical-align: middle;
font: 1.3em/1.3em arial,verdana,sans-serif;
 border: 1px solid #ddd;
 padding: 5px;
}

#content fieldset {
 border: 1px solid #ccc;
 padding: 10px 10px 0 10px;
 width: 175px;
}

#content fieldset legend {
 color: white;
 font-size: 1.8em;
 padding: 0 3px;
}

#content form {
 margin-left: 170px;
 width: 450px;
 position: relative;
}

#content form div {
 margin: 5px 0 10px 0;
}

#content form .submit {
 margin-top: 10px;
 position: absolute;
 right: 0;
 bottom: -4.5em;
}

#content form .submit input {
 padding: 3px 5px;
 background: navy;
 color: white;
 font-size: 1.4em;
 border: 2px solid #000070;
}

#content form .submit input:hover {
 cursor: pointer;
}

#content form label {
 color: white;
 vertical-align: top;
 width: 13em;
 border: 1px sold cyan;
 float: left;
 font-size: 1.4em;
 font-family: tahoma, arial, sans-serif;
 clear: left;
}

#content form .error-message {
 color: #000;
 font-size: 1.2em;
 letter-spacing: 1px;
 position: relative;
 top: -.4em;
}

#content form label span {
 font-style: italic;
 font-size: 80%;
 color: #eee;
}

#content form input {
 color: black;
 border: 1px solid #999;
}

#content form textarea {
 color: black;
 border: 1px solid #999;
}

#content form fieldset {
 padding: 5px;
}

#content form fieldset input {
 float: left;
 clear: left;
 margin-right: 5px;
}

#content form fieldset .input input {
 float: left;
 float: right;
}

#content form fieldset .input label {
 float: left;
 width: 140px;
}

#content .paging {
 text-align: center;
 font-size: 2em;
 color: white;
 width: 450px;
 margin: 0 auto;
}

#content .paging a {
 text-decoration: none;
 padding: 5px;
 border: 1px solid transparent;
}

#content .paging a:hover {
 text-decoration: underline;
 background: #134268;
 border: 1px solid #0e3a5f;
}

#content .paging .disabled {
 display: none;
}

.listings dl {
 margin: 10px;
 margin-left: 160px;
 position: relative;
 color: #fff;
 clear: both;
 height: 18em;
 border-bottom: 1px solid #0e3a5f;
}

.listings dl dt {
 font-size: 1.8em;
 letter-spacing: -1px;
 position: absolute;
 left: 185px;
}

.listings dl dd img {
 float: left;
 width: 175px;
 position: relative;
 top: 3px;
 margin: 0 8px 0 0;
 border-width: 1px 2px 2px 1px;
 border-color: #236491;
 border-style: solid;
 max-height: 150px;
 z-index: 100;
}

#content .listings dd.price {
 font-size: 1.5em;
 position: absolute;
 top: 5px;
 right: 5px;
}

#content .listings p {
 line-height: 1.5em;
 margin: 0;
 padding: 0;
 padding-left: 185px;
 position: relative;
 top: 2em;
}

#content .listings dd.actions {
 position: absolute;
 bottom: 10px;
 right: 5px;
 font-size: 1.2em;
}

#content .listings dd.courtesy {
 position: absolute;
 color: #b1d1ee;
 font-size: .8em;
 bottom: 5px;
 left: 0;
}

#content .listings dd.actions img {
 width: 152px;
}

#content .courtesy {
 font-size: 9px;
}

.listing {
 margin: 10px;
 margin-left: 160px;
}

.listing dt {
 font-size: 1.1em;
 font-weight: bold;
 margin: 5px;
}

.listing dl img {
 float: left;
 margin: 0 5px 5px 5px;
 border: 1px solid white;
}

.listing .price {
 position: absolute;
 top: 5px;
 right: 5px;
 font-style: italic;
 font-weight: bold;

 font-size: 85%;
}

.listing .description {
 font: 8pt arial;
 height: 90px;
}

#featuredListing {
 float: right;
 margin: 20px 10px 0 10px;
 width: 260px;
 background: url('/img/round-bottom-trans.png') no-repeat bottom left;
 padding-bottom: 10px;
}

#featuredListing h1 {
 background: url('/img/round-top-trans.png') no-repeat top left;
 margin: 0;
 padding: 0;
 border: 0;
 color: navy;
 font-size: 2em;
 border-bottom: 1px solid navy;
 position: relative;
 top: -20px;
 letter-spacing: 0;
 padding: 5px;
}

#featuredListing p a {
 font-style: italic;
 float: right;
}

#featuredListing a img {
 margin: 0 10px;
 *margin-left: 10px;
 border: 1px solid #bbb;
}

#featuredListing a {
 position: relative;
}

/*
#featuredListing img:hover {
 border-color: #B4CEE1;
}
*/

#featuredListing p {
 margin: 5px 10px;
 padding: 0;
 color: navy;
}

#featuredListings {
 text-align: center;
 width: 139px;
 height: 100%;
 min-height: 640px;
 background: #0E3A5F url('/img/listing-fade.jpg') repeat-y top left;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
}

#featuredListings img.arrow {
 border: none;
 z-index: 100;
}

#featuredListings ul {
 margin: 0;
 padding: 0;
 width: 139px;
}

#featuredListings h1 {
 font-size: 10px;
 font-family: helvetica;
 margin: 5px 0;
 color: white;
}

#featuredListings p {
 font-size: 10px;
 font-family: helvetica;
 font-variant: small-caps;
}

#featuredListings a {
 display: block;
 color: #87b9eb;
 font-family: tahoma, arial;
 font-size: 8pt;
 font-weight: bold;
 color: white;
}

#featuredListings a:hover {
 background: url('/img/fade2.jpg') repeat-y top left;
}

#featuredListings a .address {
 font-size: 8pt;
 font-weight: normal;
 color: #87b9eb;
}

#featuredListings img {
 border: 1px solid #1e76c0;
 margin: 0;
 padding: 0;
}

#featuredListings a:hover img {
 border-color: #4f8bbf;
}

#featuredListings ul {
 list-style-type: none;
}

#featuredListings li {
 padding: 5px 0;
 width: 100%;
 color: #87b9eb;
 font-family: tahoma, arial;
 font-size: 8pt;
 font-weight: bold;
}

#footer {
 clear: both;
 height: 85px;
 width: 811px;
 background: #0E3A5F url('/img/footer-fade.jpg') repeat-x top left;
 z-index: 200;
 position: relative;
}

#camera #footer {
 width: 950px;
}

#footer p a {
 position: absolute;
 right: 0;
 bottom: 10px;
 font-size: 1.5em;
 color: #4c92ae;
 letter-spacing: 1px;
}

#footer p {
 font-size: 8pt;
 font-family: verdana;
 padding: 10px;
 margin-left: 150px;
 color: #6792ae;
}

