body {
    margin: 10px 0 0 0;
    background-color: #008;
    font-family: Verdana, "Trebuchet MS", Tahoma, Verdana, helvetica, sans-serif;
    font-weight: normal;
    font-size: 75%;
}

#pagebody {
    background-color: #eee;
    -moz-border-radius-bottomleft: 30px;
    -moz-border-radius-bottomright: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -webkit-border-bottom-right-radius:  30px;
    padding-bottom: 30px;
}
#maincontent_wrapper {
    background-color: #fff;
}

#maincontent p, #maincontent h1,#maincontent h2,#maincontent h3,#maincontent h4,#maincontent h5  { margin: 10px; }

#leftcol_wrapper
    {
    background-color: #eee;
    }
#rightcol_wrapper
    {
    background-color: #eee;
    }

#header_wrapper {
    background-color: #eee;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius:  30px;
}

#header {
    background: #008 url(../images/logoback.jpg) right top no-repeat;
}



#footer {
    text-align:center;
    font-size:.9em;
    color: #fff;
}

#footer a {
    color: #eee;
}

#footer_wrapper {
    background: #008;
}


.floatingmenu {
    background-color: #060;
    padding: 4px;
    width: 120px;

}
fieldset {
    padding: 10px;
    background-color: #efe;
    margin: 10px;
}

legend {
    padding: 0 10px;
    color: #020;
}

#subpagecont label {
    float: left;
    clear: both;
    display: block;
    width: 110px;
    padding-right: 5px;
    text-align: right;
}

#pagename, #pagenamedetail {
    font-size: 1.2em;
    font-weight: bold;
}

#subpagecont {
    margin: 10px;
}

#offices {
    clear: both;
}

.office {
    width: 240px;
    float: left;
    margin: 0 10px;
}

.green {
    color: #040;
}

#partners {
    width: 153px;
    margin: 10px auto;
    text-align: center;
}

#brochure {
    width: 153px;
    margin: 10px auto;
    text-align: center;
}

#partners a, #brochure a {
    color: #040;
    font-size: .8em;
}

#resources a {
    color: #040;
}
#resources ul {
    margin: 10px 30px;
    list-style-type: circle;
}

#resource-us {
    list-style-image: url(../images/bullet_hat.jpg);
    padding-left: 30px;
}

#agents * {
    padding: 0;
    margin: 0;
}

#agents .agentsummary {
    padding: 5px;
    float: left;
    width: 140px;
    text-align: center;
}

#agents .agentsummary img {
    padding: 5px;
    border: 1px solid #040;
}

#agents .agentname {
    display: block;
    text-align: center;
}
#agents a {
    color: #020;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
}

#agents a:hover {
    text-decoration: underline;
}

#agents .agentinfo {
    display: block;
    font-size: .9em;
    text-align: left;
}

#agenttop {
    clear: both;
    padding: 5px;
    border-bottom: 2px solid #020;
}

#agentleft {
    float: left;
    padding-right: 10px;
}

#agentname {
    font-size: 1.2em;
    font-weight: bold;
}

#agenttitle {font-size: 1em; font-weight: bold;}
#agentdesignation {font-size: 1.1em; font-weight: bold; }

#agentright {
    float: left;
}

#agentbio {
    clear: both;
}

#propertyoftheweek {
    margin: 5px auto;
    text-align: center;
}

.popularsearches {
    background-color: #008;
    color: #fff;
    margin: 5px auto;
    text-align: center;
    padding: 5px 0 10px 0;
}

.headerback {
    background: #004;
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px 0 10px;
    border-bottom: 2px solid #800;
}



.popularsearches ul {
    text-align: left;
    list-style-position: inside;
    list-style-type: none;
    width: 180px;
    text-indent: 15px;
    margin: 5px auto;
}
.popularsearches li {
    clear: both;
}
.popularsearches li a {
    display: block;
    float: left;
    background: transparent url(../images/BulletLeft.gif) left 4px no-repeat;
    padding-left: 5px;
    color: #fff;
    text-decoration: none;
}

.popularsearches li a:hover {
    text-decoration: underline;
}


.flowery {
    color: #004;
    font-size: 1.4em;
    font-weight: bold;
    font-style: italic;
    font-family: "Times New Roman", "Blackadder ITC","Bradley Hand ITC", Verdana;
}

#headertext {
    width: 350px;
    float: left;
    text-align: center;
}

.specialtext {
    font-family: "Times New Roman", "Blackadder ITC","Bradley Hand ITC", Verdana;
    font-size: 1.4em;
    color: #004;
    font-style: italic;
    font-weight: bold;
}

#officepic {
   width: 285px;
   padding: 5px;
}
#marketing-list {
    list-style-type: circle;
     margin-left: 30px;
}

#marketing-list ul {
    list-style-type: disc;
    margin-left: 30px;
}

#seacoast_stats table {
    width: 100%;
    border: 1px solid #aaa;
    border-collapse: collapse;
    font-size: 75%;
}
#seacoast_stats td,
#seacoast_stats th {
    padding: 3px;
    border: 1px solid #999;
    vertical-align: top;
    text-align: left;
}

.picholder {
    display: block;
    text-align: center;
}

.picholder img {
   padding: 0;
   margin: 0;
}
.caption {
   text-align: center;
   font-size: .75em;
   font-style: italic;
   padding: 0;
   margin: 0;
   margin-top: -5px;
}

#bentleyslideshow {
    float: right;
padding:0;
margin:0;
position:relative;
width: 400px;
height: 400px;
margin: 10px 15px;
background: #fff;
display: none;
}

#bentleyslideshow img {
   background-color: #fff;
   padding: 2px;
   border: 0px solid #004;

   position: absolute;
   display:none;
   top: 0;
   left: 0;
}

#companypage p {
    font-weight: bold;
    font-size: 1.1em;
}

#companypage .caption {
    font-weight: normal;
    font-size: .9em;
}


#bentleyslideshow .current {
   display: block;
}


#featuredproperties { clear: both; }

.noborder {
    border: 0;
}

.clearboth {
    clear: both;
}


.half {
    width: 48%;
}

.left {
    float: left;
}

#contactform {
   padding: 10px 0 30px 10px;
}

#contactform label {
   clear: both;
   display: block;
   width: 120px;
   float: left;
   text-align: right;
   padding-right: 5px;
   margin: 4px;
   color: #fff;
}

#contactform .tbox{
   margin: 4px;
   width: 250px;
}

#contactform textarea {
   width: 250px;
   height: 100px;
   margin-left: 130px;
}

#contactform fieldset {
   background-color: #004;
   color: #fff;
}

#contactform .actionbutton {
   padding: 0 30px 20px 30px;
   margin-left: 150px;
}

#googlemap2 {
    border: 4px double #004;
}

#googleaddressblock h4,
#googleaddressblock p
 {
   margin: 0;
   padding: 0;
}

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

#transportation ul li {
   margin: 10px;
   clear: both;
}


#townsites,
#transportation {
   font-size: 1.4em;
}


#transportation a {
   display: block;
   text-decoration: none;
   color: #004;
   line-height: 38px;
   padding-top: 10px;
   padding-left: 70px;
}

#townsites a:hover,
#transportation a:hover {
   text-decoration: underline;
}

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

#townsties li {
   line-height: 68px;
}

#townsites a {
    color: #004;
    background: transparent url(../images/BulletLeft.gif) left 8px no-repeat;
    padding-left: 20px;
    text-decoration: none;
    line-height: 38px;
}


ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 2px solid #800;
    border-left: 1px solid #004;
    background-color: #004;
    width: 100%;
    font-weight: bold;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #800;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #004;
}
ul.tabs li a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #800; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}
ul.tabs li a:hover {
    background: #400;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #004;
    border-bottom: 1px solid #004; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
    border: 1px solid #800;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; width: 100%;
    background: #fff;
}
.tab_content {
    padding: 20px;
    font-size: 1.2em;
}

#gs-map {
    width: 100%;
    height: 690px;
    position: relative;
    left: -10000px;
    top: 50px;
    z-index: 10;
}

.taxrates caption {
   font-size: 1.3em;
   font-weight: bold;
    background: #004;
    color: #fff;
}

.taxrates th {
    background: #eee;
    color: #000;
}