/* CSS Document Nancy Weber */

html, body {
margin:0;
padding:0;
}

body {
color: #FFFFFF;
background-color: #194C83;
}
table {
border:0;
margin:0;
padding:0;
border-collapse:collapse;	
}
td {
padding:0;	
}

body, table, td, form, input {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
}
form {
margin:0;
padding:0;
display:inline;
}
fieldset {
border: 1px solid #3375C3;
margin:1px;
padding:1px;
}

#outertab {
width:96%;
margin: 0 auto;
}
#mharea {
width: 100%;
color: #FFFFFF;
background-color: #3375C3;
background-image: url(/images/template/top_bluebg.jpg);
background-repeat: repeat-x;
background-position: left bottom;

}
#mharea a {
text-decoration:none;
}
#mharea a img {
border:0;
}

#mharea h1 {
text-align: right;
font-size: 16px;
color: #FFFFFF;
}

.topright {
text-align:right;
font-weight:bold;
margin-bottom:2px;
white-space:nowrap;
}
.topleftheader {
vertical-align:bottom;
white-space:nowrap;
}
.redbg {
background-color: #DC0A12;
border-top: 1px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
padding: 5px 10px 5px 15px;
font-size: 11px;
text-align:right;
}

.redbg a:link, .redbg a:visited {
color:#F1EFE2;
text-decoration: none;
}
.redbg a:hover, .redbg a:active {
color: #FFFFFF;
text-decoration: underline;
}

.redbg h1 {
font-size: 13px;
text-align: right;
font-weight: bold;
font-variant: small-caps;
color: #FFFFFF;
}

#contentarea a:link, #contentarea a:visited {
color:#C0002B;
padding-bottom:0;
text-decoration:none;

border-bottom: 1px solid #CEBBC0;
}


#contentarea a:visited {
color:#003366;
border-bottom: 1px dotted #003366;
}
#contentarea a:hover, #contentarea a:active {
color: #3375C3;
border-bottom: 1px dotted #3375C3;
}


/**** images
****************/
.imgright {
float:right;
margin: 0 0 12px 18px;
}
.imgleft {
float:left;
margin: 0 18px 12px 0;
}

h1, h2, h3, h4, h5, h6 {
color: #3375C3;
padding:0;
margin: 0;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 11px;
}

#contentarea {
padding: 20px 30px;
background-image: url(/images/template/shadow.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #FFFFFF;
color: #003366;
vertical-align:top;
line-height:160%;
}
#contentarea h1, #contentarea h2, #contentarea h3, #contentarea h4, #contentarea h5, #contentarea h6 {
line-height:160%;
}
#contentarea h1 {
display: block;
color: #3375C3;
margin-bottom:8px;
border-bottom: 3px solid #3375C3;
}

#thesearch {
clear:both;
display:block;	
}


#thesearch h1 {
display: block;
color: #3375C3;
margin-bottom:2px;
border-bottom: 3px solid #3375C3;
clear:both;
margin-top:0;
padding-top:0;
}

#contentarea h2 {
margin-top:8px;
}
#contentarea h3 {
margin-top:8px;
margin-top:18px;
}
td.thedetails h3 {
margin-top:8px !important;
}
#contentarea p {
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
}
#contentarea td {
vertical-align:top;
}

/***** Navigation
******************/
/*** WE MATCH - Good ***/
#navbg1 {
background: #A8C5E5 url(/images/template/navbg.jpg) repeat-x left top;
vertical-align: top;
border-right: 1px solid #73A0D6;
width:194px;
height:0;
}
#navbg {
background: #A8C5E5 url(/images/template/navbg.jpg) repeat-x left top;
vertical-align: top;
border-right: 1px solid #73A0D6;
width:194px;
}
#nav{
width: 192px;
padding: 4px 0 4px 2px;
margin-bottom:12px;
}
#nav h1 {
font-size:11px;
font-weight:bold;
display:block;
margin:8px 0 0 0;
padding: 2px 2px 2px 0px;
color: #0b3460;
background-color: #a8c5e5;
/*width:100%;*/
width: 189px;
white-space:nowrap;
}
#nav a {
display: block;
width:91%; 
width: 180px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
padding: 4px 0 2px 11px;
white-space:nowrap;
}

#nav a:link, #nav a:visited {
background-image: url(/images/template/arrow_blue.gif);
background-repeat: no-repeat;
background-position: left center;
color: #FFFFFF;
border-bottom: 1px solid #73A0D6;

}

#nav a:hover, #nav a:active{
background-image: url(/images/template/arrow_red.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #FFFFFF;
color: #C0002B;
border-bottom: 1px solid #FFFFFF;
}
/* END NAV
********/

.shadowbg {
background-image: url(/images/template/shadow.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #FFFFFF;
color: #003366;
}
div.shadowbelow {
background: url(/images/template/shadow.gif) left top repeat-x;
height:6px;
margin-bottom:4px;
}


#precopyright, #precopyright a {
font-size: 11px;
color: #6699CC;
padding: 8px 0 0 8px;
line-height:150%;
text-align:center;
}
#precopyright a:link {
text-decoration:none;
border-bottom: 1px dotted #6699CC;
padding:0;
margin:0;
}
#precopyright a:hover {
text-decoration:none;
border-bottom: 1px solid #C0002B;
color:#C0002B;
}
#copyright {
font-size: 10px;
color: #6699CC;
padding: 5px 15px 0 15px;
}
#credit {
padding: 0 20px 0 0;
text-align:right;
color: #6699CC;
padding-bottom:4px;
font-size: 10px;
}
#valid {
float:left;
margin:0;
padding: 0 0 0 20px;
text-align:left;
color: #6699CC;
padding-bottom:4px;
font-size: 10px;
}
#valid a img {
border:0;
text-decoration:none;
}


#credit a:link, #credit a:visited {
color: #6699CC;
font-size: 10px;
text-decoration: none;
}

#credit a:hover, #credit a:active{
color: #FFFFFF;
}

/* misc */
.borderWH {
border: 1px solid #FFFFFF;
}
.strong {
font-weight: bold;
}
.strongred {
font-weight: bold;
color: #C0002B;
}
.strongnobr {
font-weight: bold;
white-space:nowrap;
display:block;
margin:0 0 2px 0;
}
.txtsmall {
font-size: 11px;
}
.padsides {
padding: 0 10px 0 10px;
width:190px;
}
.padding {
padding: 10px 15px 5px 15px;
}
#leftbg {
background: #194C83 url(/images/template/leftbg.gif) repeat-y;
width:13px;
}
#topbgtable {
width:100%;
}
#topbg {
background: #194C83 url(/images/template/topbg.gif) repeat-x;
height:27px;
width:99%;
}
#bottombg {
background: #194C83 url(/images/template/bottombg.gif) repeat-x;
vertical-align:top;
}
#rightbg {
background: #194C83 url(/images/template/rightbg.gif) repeat-y;
width:13px;
}

#searchtable {
margin: 4px auto;
}
#searchtable td {
height:19px;
white-space:nowrap;
padding:2px 2px;
/*text-align:right;*/
}

.tablepicright {
margin: 10px 0 12px 10px;
float: right;
}
.tablepicright td.reg, .tablepicleft td.reg {
color: #003366;
vertical-align:top;
line-height:160%;
font-size:12px !important;
font-weight: normal;
}
.tablepicright td, .tablepicleft td {
line-height: 140%;
font-size:10px !important;
font-weight: bold;
color: #194C83;
}
.tablepicright td span, .tablepicleft td span {
font-style:oblique;
font-weight:normal;
margin-bottom:6px;
display:block;
}
.tablepicright img, .tablepicleft img {
margin-bottom:4px;
padding: 1px;
border: 1px solid #194C83;
} 

#contentarea .tablepicright a, #contentarea .tablepicleft a {
text-decoration:none;
border:0;
}
.tablepicleft {
margin: 10px 10px 12px 0;
float: left;
}
.imgright, .imgleft {
padding: 1px;
border: 1px solid #194C83;
}
.imgright {
margin: 10px 0 12px 18px;
float: right;
}
.imgleft {
margin: 10px 18px 12px 0;
float: left;
}
.nobdr {
border: none !important;
}
/** Property list table
***********************/
#listtab {
border-top: 1px solid #194C83;
border-left: 1px solid #194C83;
margin:0 auto;
width:100%;
}

#listtab td, #listtab th {
border-right: 1px solid #194C83;
border-bottom: 1px solid #194C83;
padding: 2px 4px;
}

#listtab th {
color: #ffffff;
background-color: #194C83;
}
#contentarea #listtab td.photo {
width:125px !important;
font-size:10px !important;
font-style:oblique !important;
line-height:100% !important;
}
#contentarea #listtab .photo a {
text-decoration:none;
border:0;
}
#contentarea #listtab img {
border:1px solid #3375C3;
padding:2px;
text-decoration:none;
display:block;
}

/**** right hand side link div
*****************************/
.rightsidediv {
margin:0;
padding:0 0 4px 0;
float:right;
text-align:left;
}

/** minilisting table
***********************/
#contentarea #minilisting {
/*border-top: 1px solid #194C83;*/
/*border-left: 1px solid #194C83;*/
margin:4px auto 0 auto;
width:100%;
}
#minilisting th {
color: #ffffff;
background-color: #666666;
}
#minilisting td {
/* border-right: 1px solid #194C83;
border-bottom: 1px solid #194C83; */
padding: 2px;
}
#minilisting table td {
padding:0 !important;	
}
#contentarea #minilisting .photo {
border-left: 1px solid #cccccc;
width:125px;
}
#minilisting .ontheright {
border-right: 1px solid #cccccc;
white-space:nowrap;
}
#contentarea #minilisting td.photo {
width:125px !important;
font-size:10px !important;
font-style:oblique !important;
line-height:100% !important;
}
#contentarea #minilisting .photo a {
text-decoration:none;
border:0;
}
#contentarea #minilisting img {
margin: 4px 4px 4px 2px;
padding:2px;
border:1px solid #3375C3;
text-decoration:none;
}
#minilisting td.noleftrightbdr {
border-top: 4px solid #cccccc;
height: 16px;
}
#minilisting td.onebigtd {
border: 1px solid #cccccc;
padding:0;
}
#minilisting td.searchresultsrightborder {
border-right: 1px solid #cccccc;
padding-right:8px;
}

table.mustknow {
width:100%;
/*border: 2px solid #cccccc;	*/
}
table.mustknow td, table.mustknow th {
/*padding:0 !important;	*/
}
table.mustknow th.leftside {
text-align:left;
padding-left:6px;
margin:0;
}
table.mustknow th.rightside {
text-align:right;
padding-right:6px;
}



/** Detail display table
***********************/
#contentarea #detaildisplay table#minilisting {
margin-top:0 !important;
}

#detaildisplay, #detailsphototable {
width: 100%;
}
#detaildisplay td, #detailsphototable td {
vertical-align:top;
}
#contentarea #detailsphototable td.mythumb {
/* width:125px; */
border-right: 1px solid #3375C3;
line-height:120%;
font-style:oblique;
font-size:10px;
}
#contentarea #detailsphototable td.mythumb a {
border:0;
text-decoration:none;
}
#detailsphototable td.mythumb a img, #detailsphototable td.mythumb img {
border:1px solid #3375C3;
padding:2px;
float:left;
margin:0 6px 4px 0;
display:block;
clear:both;
}
#contentarea #detaildisplay td h2 {
margin-top:0;
padding-top:0;
}
#detaildisplay td.contact {
vertical-align:top;
white-space:nowrap;
/* text-align:right; */
}
#detaildisplay td.contact a, .contact a, #contentarea span#contact2 a {
background: #ffffff url(/images/graphics/redarrow.gif) no-repeat left center;
padding-left: 8px;
}
#detaildisplay td.contact a:visited, .contact a:visited {
background: #ffffff url(/images/graphics/bluearrow.gif) no-repeat left center;
padding-left: 8px;
}
#contentarea span#contact2 a:visited {
color: #C0002B;
background: #ffffff url(/images/graphics/redarrow.gif) no-repeat left center;
border-bottom: 1px dotted #C0002B;
}
#contentarea span#contact2 a:hover {
color: #3375C3;
background: #ffffff url(/images/graphics/bluearrow.gif) no-repeat left center;
border-bottom: 1px dotted #3375C3;
}
#detaildisplay td.contact a:hover, #detaildisplay td.contact a:active, .contact a:hover, .contact a:active {
background: #ffffff url(/images/graphics/bluearrow.gif) no-repeat left center;
padding-left: 8px;
}
#minilisting td.leftbdr {
/* border-left: 1px solid #cccccc; */
}
.thedetails {
padding-left:12px;
padding-top:0 !important;
}
.thedetails h3 {
margin-top:0 !important;
padding-top:0 !important;
}

/** top must-have info
***********************/
table#musthave {
width:100%;
border: 1px solid #3375C3;
margin-top: 6px;
}
table#musthave td {
padding:4px;
}

/** right align it
***********************/
.goright {
text-align:right;
}



/** New window big pics
***********************/
.bigpic {
margin: 12px auto;
text-align:center !important;
font-size:12px;
line-height:150%;
font-weight:bold;
}
.bigpic img {
display:block;
margin:0 auto 12px auto;
background-color: #ffffff;
padding: 10px;
}



/** Contact form table
*********************/
#contactform, .contactform {
margin: 4px auto;
}

#contactform td, .contactform td {
padding-right:8px;
padding-bottom:4px;
line-height:180%;
}
#contactform td.righttd, .contactform  td.righttd {
text-align:right;
}
#contactform input, #contactform select, #contactform textarea, .contactform input, .contactform select, .contactform textarea, #refer input, #refer select, #refer textarea {
border: 1px solid #C1CCD7;
background: #deebf1;
margin: 0;
padding: 2px;
color: #073159;
width:250px;
}
#contactform input.autowide, #contactform select.autowide, .contactform input.autowide, .contactform select.autowide, #refer input.autowide {
width:auto;
}
#contactform input.short, .contactform input.short {
width:50px;
}

.contactform input.btn {
width:auto;	
}




#mapdiv {
background: url(/images/map.jpg) center center no-repeat;
float: none;
height: 438px;
width: 610px;
margin: 4px auto 0 auto;
position:relative;
border: 1px solid #3375C3;
padding:2px;
}


#formbuttons {
position: absolute;
top:0;
left:0;
}
#formbuttons input {
/*background: #d9e7f4;*/
/*padding: 0 2px;*/
/*line-height:16px;*/
/*height: 20px;*/
text-align:center;
text-align:center;
cursor: pointer;
margin: 0;
color: #073159;
/*font-weight: bold; */
font-size: 11px;
/*border: 1px solid #194C83;*/
padding: 2px 2px 2px 1px !important;
/*background: #d9e7f4 url(/images/graphics/submitbg.jpg) repeat-x left top; */
cursor:pointer;
}
#formbuttons input.mapinput {
/*width:auto !important;	*/
}
#northport {
position: absolute;
top: 70px;
left: 230px;
width:auto;
}
#p104 {
position: absolute;
top: 110px;
left: 320px;
width:auto;
}
#desoto {
position: absolute;
top: 70px;
left: 520px;
width:auto;
}
#portcharlotte103 {
position: absolute;
top: 114px;
left: 240px;
width:auto;
}
#portcharlotte105 {
position: absolute;
top: 108px;
left: 380px;
width:auto;
}
#deepcreek {
position: absolute;
top: 131px;
left: 480px;
width:auto;
}
#englewood {
position: absolute;
top: 185px;
left: 120px;
width:auto;
}
#riverwood {
position: absolute;
top: 150px;
left: 190px;
width:auto;
}
#portcharlotte101 {
position: absolute;
top: 154px;
left: 270px;
width:auto;
}
#eljobean {
position: absolute;
top: 185px;
left: 280px;
width:auto;
}
#portcharlotte106 {
position: absolute;
top: 156px;
left: 396px;
width:auto;
}
#harborheights {
position: absolute;
top: 159px;
left: 520px;
width:auto;
}

#gulfcove {
position: absolute;
top: 214px;
left: 220px;
width:auto;
}
#sogulfcove {
position: absolute;
top: 300px;
left: 262px;
width:auto;
}
#puntagorda {
position: absolute;
top: 187px;
left: 508px;
width:auto;
}
#pgi {
position: absolute;
top: 215px;
left: 420px;
/*width:auto;*/
}
#gardens {
position: absolute;
top: 241px;
left: 250px;
width:auto;
}
#lakessands {
position: absolute;
top: 270px;
left: 206px;
width:auto;
}
#meadows {
position: absolute;
top: 330px;
left: 242px;
width:auto;
}
#ecentral109 {
position: absolute;
top: 235px;
left: 539px;
width:auto;
}
#webb110 {
position: absolute;
top: 268px;
left: 520px;
width:auto;
}
#scentral111 {
position: absolute;
top: 298px;
left: 538px;
width:auto;
}
#tga {
position: absolute;
top: 324px;
left: 510px;
width:auto;
}
#burntisles {
position: absolute;
top: 251px;
left: 410px;
width:auto;
}
#burntmeadows {
position: absolute;
top: 288px;
left: 391px;
width:auto;
}
#pirate {
position: absolute;
top: 366px;
left: 456px;
/*width:auto;*/
}

#bslakes {
position: absolute;
top: 406px;
left: 380px;
/*width:auto !important;*/
padding-left:0 !important;
}


/**** Google map
****************/

div#map {
margin:0 auto;
width: 500px; 
height: 500px;
clear:both;
border: 1px solid #3375C3;
}
div#map img {
border: 1px solid #3375C3;
padding:2px;
}

div#maphdr {
margin:0 auto;
width: 500px; 
clear:both;
}
div#maphdr h2 {
margin:0;
padding:0;
}

div#gmapdiv  {
width:280px;
line-height:150%;
overflow:auto;
}
div#gmapdiv img {
/*display:block;*/
float:left;
margin-right:8px;
}

/* links in both small map and big map */
div#bigmap div#map a, div#gmapdiv a  {
color: #3375C3;
padding-bottom:0;
margin-bottom:0;
}
div#bigmap div#map a:hover, div#gmapdiv a:active  {
color: #194C83;
padding-bottom:0;
margin-bottom:0;
}

/**** BIG Google map
****************/

body#bigmapbody {
/* color: red !important; */
}
div#bigmap div#map {
margin:0 auto;
width: 900px; 
height: 700px;
clear:both;
border: 1px solid #3375C3;
color: red !important;
}
div#bigmap div#map img {
border: 1px solid #3375C3;
padding:2px;
margin-bottom:4px;
}

div#bigmap div#maphdr {
margin:0 auto;
width: 900px; 
clear:both;
}
div#bigmap div#maphdr h2 {
margin:0;
padding:0;
}

div#bigmap div#gmapdiv  {
width:280px;
line-height:130%;
}
div#bigmap div#gmapdiv img {
display:block;
}

li {
list-style: url(/images/graphics/bluearrow2.gif);
margin-bottom:4px;
}


/* mortgage calculator
**********************/
tr.lttd td {
background: #deebf1;
}
td.hdr {
font-weight:bold;
}
tr.theyear td {
font-weight:bold;
background: #deebf1;
border-top: 1px solid #194C83;
border-bottom: 1px solid #194C83;
}
td.money {
text-align:center;
}
table.topmorttable {
margin: 0 auto;
border: 1px solid #194C83;
}
table.topmorttable td {
padding: 4px;
}

table.topmorttable td.hdr {
padding:0;
border-bottom: 1px solid #194C83;
}
table.topmorttable td.hdr h2 {
text-align:center;
margin: 2px;
padding:0;
}


/**** Referral form
******************/
#refer {
margin: 0 auto;
}
#refer td {
padding: 2px 12px 2px 0;
vertical-align:top;
text-align:left;
}
#refer td.leftside {
text-align:right;
padding: 2px 4px 2px 0;
vertical-align:top;
}




/**** New 6/1/08 *****/
/***** SEARCH RESULTS DISPLAY  *****/

.minilisting {
width:100%;
margin-top: 15px;
/* background: #00c9fd url(/images/template/graphics/Details.jpg) no-repeat -27px right; */
border: 1px solid #666666;
border-top:none;	
border-right:none;
}
.minilisting td {
padding: 3px;
/* border: 1px solid #d7230f; */
/*border: 1px solid #194C83;*/
}
table.minilisting tr.detailstab td {
height:25px;
vertical-align:bottom;
padding:0;
border: 0 !important;
text-align:left;
/*border:1px solid #194C83;*/
border-left:1px solid #194C83 !important;
border-right:none !important;
}
.minilisting tr.detailstab td a {
display:block;
float:left;
/*background: #f7f4f1 url(/images/graphics/Details.jpg);*/
/*width:95px;*/
height:25px;
line-height:22px;
font-weight:bold;
font-size: 10px;
margin:0;
padding:0 15px 0 15px;
/*border: 0 !important;*/
border-right:1px solid #194C83;
border-top:1px solid #194C83;
background-color: #f7f4f1;
color: #194C83;
text-decoration:none;
white-space:nowrap;
}
.minilisting tr.detailstab td a:hover {
background: #ffffff url(/images/graphics/DetailsOver.jpg) no-repeat;
color: #737373;
}

.minilisting tr.hdr {
/* background-color: #194C83; */
}
.minilisting tr.hdr td {
font-weight:bold;
color: #ffffff;
padding-left: 8px;
padding-right:8px;
font-size:12px;
background-color:#666666;
}
.minilisting tr.hdr div.righthdr {
float:right;
text-align:right;
width:130px;
white-space:nowrap;
padding:0;
}
.minilisting tr.reg td {
padding-right: 0;
border:0;
border-right: 1px solid #666666;
line-height:1.5;
}
.minilisting td.minitabledata {
border-left:none; 
border-right:none !important; 
/*width:36%; */
padding-left:8px;
}
.minilisting td img {
padding:2px;
border-width:1px !important;
border:1px solid #194C83;
}
.minilisting td a {
border-bottom:none !important;
}
.minilisting td a, .minilisting td a img {
border-bottom:1px solid #194C83;
}
.minilisting td.imgtd {
border-right:0 !important;
width:14px;
max-width:140px;
line-height:1.1;
}

.minilisting td.rightlinks {
width:260px;
padding-right:8px;
/*max-width:260px;	*/
}
.minilisting td.rightlinks ul {
float:right;
/*width:260px;*/
/*max-width:260px;	*/
}
.minilisting td.rightlinks ul li {
line-height:1.3;
margin-bottom:2px;	
list-style: url(/images/graphics/redarrow.gif);
}
.minilisting td.rightlinks ul li a {
border-bottom: 1px solid #CEBBC0 !important;
white-space:nowrap;
}
.minilisting td.rightlinks ul li a:hover {
border-bottom: 1px dotted #3375C3 !important;
}






/**** photos page ****/
#photospage {
margin: 2px auto;	
clear:both;
float:none;
width:98%;
}
#photospage table {
margin: 0 auto;
}
#photospage table td {
text-align:center;
}
#photospage img {
display:block;
/*clear:both;*/
float:left;
padding: 1px;
border: 1px solid #3375C3;	
margin: 6px;
max-width: 400px;
}
#photospage a, #photospage a:link, #photospage a:visited {
border-bottom:none;
text-decoration:none !important;
}
#photospage a:hover img, .right1  a:hover img, div.rightthumbs a:hover img  {
border: 1px solid #d7230f !important;
}

#photospage img#bigun {
display:block;
margin: 0 auto;
margin-bottom: 6px;
padding: 1px;
border: 1px solid #3375C3;
text-decoration:none !important;	
}

#photospage ul {
clear:both;
margin-top:12;
padding-top:0;	
}

ul.goright {
display:block;
float:right;
clear:right;
text-align:right;
margin:38px 0 12px 18px;	
}


/***** display of thumbnails on details page ******/

div.right1 {
float:right;
clear:right;
margin-left:18px;
}
div.right1 img {
display:block;
clear:both;
margin:0 4px 6px 4px;
padding:1px;
border: 1px solid #2653bc;
}
div.right1 ul, div.right1 li {
margin-top:0;
}


div.right1 img {
max-width:120px;
display:block;
margin: 2px 0 4px 0;
padding: 1px;
border: 1px solid #3375C3;
}