html {overflow-y: scroll;}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    display:block;
}

body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
   color: #0A1C2B; 
 
    font-family: Tahoma;
    font-size: 12px;
}


#page h3 {
    margin: 0;
    padding: 0;
    font-size: 11px;
}





.find-us {
    text-decoration: none;
    font-weight: bold;
}

.find-us img {
    border: 0;
    padding-left: 6px;
}
p { line-height: 24px; }

a { 
    color: #3976c5; 
    outline:none;
}

:focus
{
  -moz-outline-style: none;
}


a:active { outline: none; }
a:hover { color: #397fe1; }

#page li { line-height: 30px; }


#logo {
    z-index: 20;
    margin: 0;
    padding: 0;
    top: 0;
    position: relative;
    width: 100%;
    height: 87px;
    background: #fff;

}
#sealogo {
    position: relative;
    left: 50%;
    margin-left: -480px;
}

#flash {

    position: relative;
    width: 950px;
    margin-left: -476px;
    left: 50%;
    top:-30px;
    padding-bottom: 48px;
    margin-bottom: -40px;
    background: url( /images/flash-bottom.gif ) bottom repeat-x;
}

#nav {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 960px;
    left: 50%;
    height: 61px;
    margin-left: -480px;
    background-image: url( /images/header-bg3.gif);
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display:block;


}
#logo {
    height: 110px;
    background: #fff url( /images/wave-bg.gif ) repeat-x bottom ;
}
#nav li {
    margin: 0;
    padding: 0;
    float:left;
    display:block;

}

#nav li a {
    display:block;
    height: 25px;
    font-family: "Lucida Sans";
    letter-spacing: 2px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 0px 15px 6px 15px;
}

#nav li a:hover, #nav li.here a {
    color: #fff;
    height: 25px;
    background-color: #007de1;

}

#nav li.here a {
    
}

#header{

    margin:0;
    padding:0;
    height: 61px;
    width:100%;
    background-color: #fff;
    background-image: url( /images/header-bg3_outer.gif);
}

#page {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background: #e7f3fc;
    z-index: 0;
}
#columns {
    margin:0 auto;
    padding:0;
    
}
#content {
    width: 966px;
    left: 50%;
    position: relative;
    margin-left: -483px;
    background: #fff url( /images/border-left.gif ) repeat-y;
    z-index: 0;
    height: 100% !important;
}
.col1, .col2, .full  {
    width: 700px;
    padding-top: 20px;
}

.col1 { padding-left: 30px; }

.col2 { padding-right: 30px; }

.full {
    width: 860px;
}

#headings{
  cursor : pointer ;
}

#headings:hover{
 _text-decoration: underline;

}

#content h1 {
    font-family: Tahoma;
    font-weight: 0;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #3c3c3c;
}



#content .col1 {
    padding-right: 40px;
    vertical-align: top;
}
#content .col2 {
    padding-left: 40px;
    vertical-align: top;
}

#gallery {
    padding-bottom: 300px;
    width: 880px;
    margin: 0 auto;
    padding-top: 30px;
}

#gallery a {
    font-size: 16px;
    text-decoration: none;
}


.sailboat {
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
    margin-top: -20px;
    height: 50px;
}


#footer {
    position: absolute;
    top:100%;
    background: url( /images/footer-bg2_outer.gif ) repeat-x bottom;
    width: 100%;
    height: 100px;
    margin-top: -100px;
}

#footer-content {
    position: absolute;
    z-index: 1;
    top: 100%;
    width: 959px;
    height: 100px;
    margin: 0;
    padding: 0;
    margin-left: -480px;
    left: 50%;
    background: url( /images/footer-bg2.gif ) repeat-x bottom;
    margin-top: -100px;
}

#footer-content p {
position: absolute;
    line-height: 16px;
    color: #fff;
    padding-top: 24px;
top: 26px;
    padding-left: 20px;

}

.apartments {
    margin-top: 20px;
}
.apartments td {
    vertical-align: top;
}

.apartments h2 {
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
    font-size: 14px;
    background: #e7f1fa;
    margin-right: 20px;
    padding: 10px;
    padding-bottom: 0;
}

.apartments img {
    margin-right: 20px;
    border: solid 1px #000;
}

.apartments p {
    margin: 0;
    padding: 0;
    width: 200px;
    line-height: 20px;
    background: #e7f1fa;
    padding: 10px;
    margin-right: 20px;

}



#table3 td {
    padding-right: 20px;

    vertical-align: top;
    width: 200px;
    font-size: 12px;
}

#table3 .text {
    width: 180px;
    border: 1px solid #000;
    background: #fff;
}
#border-topl, #border-topr, #border-bottoml, #border-bottomr {
position:absolute;
    margin-top: 31px;
    left: 50%;
z-index: 20;

}
#border-topr {margin-left: 472px; }
#border-topl {  margin-left: -482px; }

#border-bottoml { margin-left: -483px; margin-top: 27px;}
#border-bottomr { margin-left: 471px; margin-top: 27px; }

.arrowUp {
    padding-left: 16px;
    background: url( /images/right-arrow.gif ) no-repeat 0px 6px;
}

.arrowDown {
    padding-left: 16px;
    background: url( /images/down-arrow.gif ) no-repeat 0px 6px;
}

.find-us.arrowDown, .find-us.arrowUp {
    background-position: 0px 3px;
}

.weather {
    position: absolute;
    left: 50%;
    margin-left: 200px;
    width: 250px;
    color: #000;
    top: 10px;
}

.weather .wimg img {
    float: left;
    height: 85px;
    margin-top: 10px;
    margin-right: 10px;
}

.weather .wtemp, #weather .wdegree {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.weather .wdegree {
    position: absolute;
    font-size: 16px;
    margin-top: 6px;
}

.weather .wday {
    font-size: 20px;
    line-height: 0;
    margin: 0;
    font-weight: bold;
    text-align: center;
    width: 100px;
    margin-top: 10px;
}


.weather .wcity {
    margin-top: 0px;
    line-height: 6px;
}

.weather .whigh, .weather .wlow {
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.weather .whigh {
    margin-top: 6px;
}

.weather .wlow {
    margin-bottom: 2px;
}

.weather .whigh .wdegree, .weather .wlow .wdegree {
    font-size: 10px;
    margin-top: 0;
}

blockquote {
    display: block;
    font-style: italic;
    font-size: 12px;
    line-height: 150%;
    width: auto;
    padding: 10px 20px 10px 20px;
    margin: 15px 0;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    border-right: 5px solid #ddd;
    border-left: 5px solid #ddd;
    border-bottom: 1px solid #ddd;
}

blockquote.color1,
blockquote.color2,
blockquote.color3 {
    display: block;
    font-style: italic;
    line-height: 150%;
    width: auto;
    padding: 0px 20px;
    margin: 15px 0;
    border: 0;
    background: 0;
}

blockquote.color1 {
    color: #666;
}

blockquote.quotes {
    display: block;
    background: url(../images/quote-start.png) 0 5px no-repeat;
    padding: 0px 20px 0 38px;
    margin: 20px 0;
    line-height: 150%;
    width: auto;
    color: #666;
    border: 0;
}



blockquote.quotes p {
    padding: 0 38px 0 0;
    margin-top: 0;
    background: url(../images/quote-end.png) 100% 100% no-repeat;
}


#page .review h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.text {
    padding: 2px;
    border: 1px solid #000;
    margin-top: 10px;
    width: 300px;
    color: #707070;
}

.pictureHolder {
    width: 150px;
    padding: 2px;
    float: left;
    margin-right: 10px;
    background: #007de1;
}

.pictureHolder img {
    border: 0;
}

.pictureHolder p {
    padding: 0;
    margin: 0;
    margin-left: 5px;
    font-size: 11px;
    color: #fff;
    line-height: 12px;
    text-align: center;
}

.sharkRow {
    margin-bottom: 10px;
}

#pagination a {
    margin: 0;
    padding: 0;
    margin-right: 4px;
    text-decoration: underline;
    font-family: Tahoma;
    font-size: 12px;
}

#gallery .contactus {
    font-size: 12px;
    font-family: Tahoma;
    color: #3976c5;
    text-decoration: underline;
}
#gallery .contactus:hover { color: #397fe1; }
#galleries { width: 568px; }
#galleries h3{
    width: 860px;
    padding-left: 10px;
    /*border-top: 1px solid #a0c8d8;
    background: #d2eafa url( ../images/head_gal_bg.gif ) repeat-x;  */
    cursor: pointer;
    font-size: 14px;
    font-family: Arial;

}
#galleries a:active {
    outline:none;
}
#gallery h1 {
    margin-bottom: 20px;
}
#gallery a {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    font-family: Georgia;

}
#gallery a:hover {
    color: #3c3c3c;
}

#gallery p {
      color: #687b8f;
      font-style: none  !important;
}
.gallery {
    /*background: #d2eafa url( ../images/gal_bg.gif ) repeat-x;*/
    width: 870px;
    border-top: 0;
    border-bottom: 0;
}
.gallery li img {  border: 0; }
.gallery { 
    padding: 0;
     list-style-type: none;
     margin: 0;

}
.gallery li {
    margin-top: 10px;
    margin-left: 10px;
    float: left;

}
.image-placeholder {
    border: 1px solid #cecece;
    width: 55px;
    height: 55px;
}
.trash {
    border: 1px solid #cecece;
    list-style: none;
    width: 100px;
    height: 100px;
    padding: 0;
    background: #fff url(/images/trash.png);
}
.gals {
    list-style: none;
    padding: 0;
}

.gals ul {
    margin: 0;
    padding: 0;
}

#galleries {
    /*border: 1px solid #a0c8d8;    */
    border-top: 0;
}
#galleries ul { margin: 0; }

#specials {
    background: #fff url( /images/specials-bg.gif ) no-repeat;
    position:absolute;
    left: 50%;
    margin-left: -30px;
    margin-top: 6px;
    z-index: 20;
    top: 0;
    width: 184px;
    height: 74px;
    cursor: pointer;
}
#specials p, #specials h3 {
    padding: 4px;
}
#specials p {
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 11px;
    padding: 4px;
    line-height: 12px;

}
#specials h3 {
    color: #fff;
    margin: 0;
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
    line-height: 12px;
}
#innerNav {
    display: block;
    margin: 0;
    padding: 0;

}

#innerNav ul {
    margin-bottom: -1px;
    list-style:none;
    display: block;
    width: 700px;
    height: 24px;
    border-bottom: 1px solid #000;
}
#innerNav li {
    float: left;
    display: block;
}
#innerNav li a {
    background: #b6d4eb;
    margin-right: 2px;
    padding: 2px 10px 2px 10px;
    display: block;
    height: 20px;
    line-height: 16px;
}
#innerNav li a.here {
    background: #669dc9;
    color: #fff;
}
#content-area {
    padding: 20px;
    border: 1px solid #000;
    width: 870px;
}
#specialsList {
    list-style: none;
    margin: 0;
    padding : 0;
}

#specialsList li td,#specialsList li th {
    background: #b6d4eb;
    padding: 4px 4px 10px 10px;
    margin: 0;
    line-height: 12px;
}
#specialsList li td img {
    padding: 0;
    margin: 0;
    border :0;
}
#specialsList .title {
    width: 200px;
    text-align: left;
    font-weight: bold;
}
#specialsList .stext {
    text-align: left;
    width: 300px;
}

#specialsList .titleEdit input {
    width: 120px;
    border: 0;
}

#specialsList .infoEdit input {
    width: 480px;
    border: 0;
}

#border-topl, #border-topr {
    width: 5px;
    height: 30px;
}

#border-topl {
    background: transparent url( /images/border-left-top.gif ) no-repeat;
    margin-left: -482px;   
}
#border-topr { 
    background: transparent url( /images/border-right-top.gif ) no-repeat right;
    margin-left: 475px;  
}
#specialsList li th {background: #669dc9;}
#specialsList table {border-collapse: collapse;}

#specialitems {
    margin-bottom: 200px;
    width: 600px;
}


.seawall_blue {
    color: #0173e7;
}

.apartments_blue {
    color: #061d35; 
}

span.heading_seawall {
    margin: 0;
    padding: 0;
    font-size: 52px;
    color: #0173e7 !important;
    font-family: "Tahoma";
    font-weight: none;
    line-height: 52px;
}

span.heading_apartments {
    margin: 0;
    padding: 0;
    font-size: 64px;
    color: #061d35;
    font-family: "Tahoma";
    font-weight: none;
    line-height: 54px;
}

span.heading_glenelg {
    margin: 0;
    padding: 0;
    font-size: 40px;
    color: #788da3;
    font-family: "Tahoma";
    font-weight: none;
    margin-left: 290px;
    position: absolute;
}

h1.main_text {
    width: 280px;
    font-size: 12px !important;
    color: #687b8f !important;
    line-height: 20px;
    padding-top: 12px !important;
}

p.main_text, ul.main_text {
    width: 420px;
    font-size: 12px;
    color: #687b8f;
    line-height: 20px;
}

ul.main_text {
    padding-left: 36px;
}

ul.main_text li {
    padding: 0;
    margin: 0;
    line-height: 20px !important; 
}

p.main_text .larger {
    font-size: 14px;
    font-weight: bold;
}

p.main_text .title {
    font-size: 18px;
    font-weight: bold;
}

p.main_text.right {
    float: right;
    _margin-top: 10px;
}

p.main_text .dates {
    /*font-style: italic; */
       
}

div.twitterfeed {
    width: 210px;
    font-size: 12px;
    color: #687b8f;
  /*  position: absolute;*/
    float: left;
    margin-left: 320px;
  /*  top: 686px; */
    margin-top: -876px;
    line-height: 20px;
}
p.title {
    text-align: right !important;
    font-size: 18px;
    font-weight: bold;
}

p.title a {
    text-decoration: none;
}

p.title img {
    position: absolute;
    margin-top: -10px;
    margin-left: -56px;
    border: 0;

}

div.twitterfeed span.time {
    color: #bbc6d4;
}
