html,body {margin:0; padding:0; color:#522400;}
body {font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding:0 0 0px 0px; min-width:900px; background: transparent url(images/bkgrd_body.gif) bottom left fixed repeat-x;}
img {border: 0px;}
A:hover {TEXT-DECORATION: underline;}
A:link {TEXT-DECORATION: none;}
A:visited {TEXT-DECORATION: none;}
.bold {font-weight: bold;}
.nobkgrd {background: none;}
.nowrap {white-space: nowrap;}

div.button {padding: 0px; margin: 0px auto; width: 160px; height: 60px; background: transparent url(images/bkgrd_button.gif) no-repeat;}
div.button img {vertical-align: top;}
.post-footer em, .comment-link {font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em;}
.post-footer em {font-style:normal; color:#999; margin-right:.6em;}

h1 {font-size:24pt;	color: #c4e300;}
h2 {font-size:14pt;	color: #663300;}
h3 {font-size:10pt; color: #663300;}
#wrap {width:900px;	margin:0 auto;}

#main {margin:20px 40px 40px 240px;}
#main A:link {color: #0077AC; TEXT-DECORATION: none;}
#main A:hover {color: #2A82BA; TEXT-DECORATION: underline;}
#main A:visited {color: #0077AC;}
#main div.hr {padding: 0px; margin: 25px auto 5px auto; height: 28px; background: transparent url(images/hr_main.gif) no-repeat;}
#main div.hr hr {display: none;}
#main h1 {line-height: 22pt; margin: 0px; padding: 0px 0px 5px 0px;}
#main h2 {font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; text-transform: uppercase;}
#main ul {list-style-position: outside; padding: 0px 0px 10px 10px; margin: 0px 0px 0px 20px;}
#main li {font: 9pt/13pt arial; background: transparent url(images/li_arrow.gif) no-repeat 0px 2px; list-style-type: none; display: block; margin: 0px; padding: 0px 0px 0px 15px;}
#main dt {float: left;}
#main dd {margin-left: 75px; margin-bottom: 10px; padding-left: 40px;}
#main ol {width: 50em; margin: 0px; padding: 10px 0px 0px 0px; /* room for 3 columns */}
#main ol li {float: left; width: 15em; /* accommodate the widest item */}
/* stop the floating after the list */
#main div.wrapper br {clear: left;}
/* separate the list from what follows it */
#main div.wrapper {margin-bottom: 2em;}
/* #main ol li a {display: block; width: 8em; text-decoration: none;}
#main ol li a:hover {color: #FFF; background-color: #005596;} */

table {width: 625px; border-collapse:collapse; border:1px solid #FFCA5E;}
caption {font: 1.8em/1.8em Arial, Helvetica, sans-serif; text-align: left; text-indent: 10px; background: url(images/bkgrd_caption.jpg) right top; height: 45px; color: #FFAA00;}
thead th {background: url(images/bkgrd_th.jpg) no-repeat right; height: 47px; color: #FFFFFF; font-size: 1em; font-weight: bold; padding: 0px 7px; margin: 20px 0px 0px; text-align: left; border-right: 1px solid #FCF1D4;}
tbody tr {background: url(images/bkgrd_td1.jpg) repeat-x top;}
tbody tr.odd {background: #FFF8E8 url(images/bkgrd_td2.jpg) repeat-x;}
tbody th,td {font-size: 0.8em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #777777; padding: 10px 7px; border-top: 1px solid #FFCA5E; border-right: 1px solid #DDDDDD; text-align: left;}
tbody a {color: #777777; font-weight: bold; text-decoration: underline;}
tbody a:hover {color: #F8A704; text-decoration: underline;}
tfoot th {background: url(images/bkgrd_total.jpg) repeat-x bottom; color: #FFFFFF; height: 30px;}
tfoot td {background: url(images/bkgrd_total.jpg) repeat-x bottom; color: #FFFFFF; height: 30px;}
tfoot td a {color: #FFF; font-weight: bold; text-decoration: underline;}
tfoot td a:hover {color: #FFF; text-decoration: underline;}

/*\*/
html*table {width: 615px;}
/*end*/

fieldset {border: 1px dotted #ccc; margin: 10px 5px 0px 0px; padding: 10px 10px 10px 10px; width: 375px; float: right;}
legend {background: transparent url(images/icon_mail.gif) no-repeat 4px 3px; color: #3399FF; padding: 2px 5px 2px 25px; background-color: #F2F2F2; border:1px solid #A0A0A0; font-weight: bold;}

#masterform{margin: 15px 0px 0px 0px; padding: 0px; text-align: left; position: relative;}
#masterform img {text-align: left; border: 0px;}
form span.required {color: #64A1E3;	text-align: left;}
form label {margin: 0 0px 0 0; padding: 2px;}
div.row{clear: both; padding: 5px; margin: 0px 0px 0px 0px;} 

/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
.col1, .col3, .col5 {float: left; width: 25%; text-align: left;} 
.col2, .col4, .col6 {float: left; width: 30%; text-align: left;} 

.smtext {font: 7.5pt/10pt arial;}
.smtext a {color: #CCCCCC;}
.smtext a:hover {TEXT-DECORATION: underline; color: #CCCCCC;}
.smtext a:link {TEXT-DECORATION: none color: #CCCCCC;;}
.smtext a:visited {TEXT-DECORATION: none; color: #CCCCCC;}

.right {float: right; margin-left: 20px;}
.left {float: left;}
.border {padding: 3px;  border: 1px solid #333;}

/* Differences
================================================*/

#differences {margin:0.5em 0 1.5em 0; padding:0; list-style:none; width:100%; float:left;}
#differences li {margin:0 6px 30px 0; padding:0; float:left; background:url(images/diff-tabs-top-wide.gif) no-repeat 0 0;}
#differences li#diff-4 {margin-right:0;}
#differences div {font-size:0.94em;	padding:6px; background:url(images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;}
#differences li:hover {background-position:-148px 0;}
#differences li:hover div {background-position:-148px 100%;}
#differences p {margin: 0px; width: 136px; min-height: 15em; padding: 80px 0 0px 0; background-repeat: no-repeat; background-position: 50% 0%;}
#differences #diff-0 p {background-image:url(tampa-listings/images/thumb_1307-Bayshore.jpg);}
#differences #diff-1 p {background-image:url(tampa-listings/images/thumb_213-S-Moody.jpg);}
#differences #diff-2 p {background-image:url(tampa-listings/images/thumb_213-S-Moody.jpg);}
#differences #diff-3 p {background-image:url(tampa-listings/images/thumb_213-S-Moody.jpg);}
#differences #diff-4 p {background-image:url(tampa-listings/images/thumb_212-S-Moody.jpg);}
#differences #diff-5 p {background-image:url(tampa-listings/images/thumb_3007-W-BayView.jpg);}
#differences #diff-6 p {background-image:url(tampa-listings/images/thumb_3607-S-Sterling.jpg);}
#differences #diff-7 p {background-image:url(tampa-listings/images/thumb_3607-S-Sterling.jpg);}
#differences #diff-8 p {background-image:url(tampa-listings/images/thumb_5215-Beachbreeze-1.jpg);}
#differences #diff-9 p {background-image:url(tampa-listings/images/thumb_1621-4th.jpg);}
#differences #diff-10 p {background-image:url(tampa-listings/images/thumb_6012-Sheridan.jpg);}
#differences #diff-11 p {background-image:url(tampa-listings/images/thumb_1138-StPete.jpg);}
#differences #diff-12 p {background-image:url(tampa-listings/images/thumb_610-S-Willow.jpg);}
#differences #diff-13 p {background-image:url(tampa-listings/images/thumb_2309-Ardson.jpg);}
#differences #diff-14 p {background-image:url(tampa-listings/images/thumb_715-S-Rookmere.jpg);}
#differences #diff-15 p {background-image:url(tampa-listings/images/thumb_10509-Greensprings.jpg);}
#differences #diff-16 p {background-image:url(tampa-listings/images/thumb_212-E-Whiting-1.jpg);}
#differences #diff-17 p {background-image:url(tampa-listings/images/thumb_691-Geneva.jpg);}
#differences #diff-18 p {background-image:url(tampa-listings/images/thumb_10614-Coquita-Key.jpg);}
#differences #diff-19 p {background-image:url(tampa-listings/images/thumb_Channelside-Grandview.jpg);}
#differences #diff-20 p {background-image:url(tampa-listings/images/thumb_1401-Watrous.jpg);}
#differences #diff-21 p {background-image:url(tampa-listings/images/thumb_2405-Carolina.jpg);}
#differences #diff-22 p {background-image:url(tampa-listings/images/thumb_910-Himes.jpg);}
#differences #diff-23 p {background-image:url(tampa-listings/images/thumb_432-Channel.jpg);}
#differences #diff-24 p {background-image:url(tampa-listings/images/thumb_2521-Maryland.jpg);}
#differences #diff-25 p {background-image:url(tampa-listings/images/thumb_9301-Oak.jpg);}
#differences #diff-26 p {background-image:url(tampa-listings/images/thumb_1508-Howard.jpg);}
#differences #diff-27 p {background-image:url(tampa-listings/images/thumb_3007-BayView.jpg);}
#differences #diff-28 p {background-image:url(tampa-listings/images/thumb_305-East-Oak.jpg);}
#differences #diff-29 p {background-image:url(tampa-listings/images/thumb_5610-Pinnacle-Heights.jpg);}
#differences #diff-30 p {background-image:url(tampa-listings/images/thumb_4209-Woodstorks-Walk-Way.jpg);}
#differences #diff-31 p {background-image:url(tampa-listings/images/thumb_3103-Tambay.jpg);}
#differences #diff-32 p {background-image:url(tampa-listings/images/thumb_111-N-12th.jpg);}
#differences #diff-33 p {background-image:url(tampa-listings/images/thumb_3212-Hawthorne.jpg);}
#differences #diff-34 p {background-image:url(tampa-listings/images/thumb_3102-San-Rafael.jpg);}
#differences #diff-35 p {background-image:url(tampa-listings/images/thumb_9048-Breland.jpg);}
#differences #diff-36 p {background-image:url(tampa-listings/images/thumb_2309-Hannah.jpg);}
#differences #diff-37 p {background-image:url(tampa-listings/images/thumb_14-SpanishWay.jpg);}
#differences #diff-38 p {background-image:url(tampa-listings/images/thumb_307-Gladys.jpg);}
#differences #diff-39 p {background-image:url(tampa-listings/images/thumb_175-South.jpg);}
#differences h3 {font-weight:bold; font-size:1em; line-height:1.1em; margin: 0px 0 0 6px; width:136px;}
#differences h3 a:link, #differences h3 a:visited {color:#5d85ac; border:none;}	
#differences h3 a:hover {color:#e6290e;}		
#differences h3 em {font-style:normal; font-size:1em; line-height:20px; margin: 0px 0 0 0px; width:136px;}	
#differences li:hover h3 {color:#e6290e;}
table.properties_table {border: hidden;}
td.properties_table_cell {border: solid 1px #CCCCCC;}

#left {font: 8pt/12pt arial; float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 14px;}
div#topstart {background: transparent url(images/left_topstart.gif) no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 193px; height: 75px;}
div#bottomend {background: transparent url(images/left_bottomend.gif) no-repeat; margin: 0px 0px 0px 0px; width: 193px; height: 75px;}
div#topend {background: transparent url(images/left_topend.gif) no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 193px; height: 10px;}
div#bottomstart {background: transparent url(images/left_bottomstart.gif) no-repeat; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 193px; height: 10px;}

div#middle, div#middle2 {position: relative; background: transparent url(images/left_middle.gif) repeat-y 0px 0px; width: 193px; margin: 0px 0px 0px 0px; padding: 5px 0px; color: #666666;}
#left A:link {color: #FF6600; TEXT-DECORATION: none;}
#left A:hover {color: #FF6600; TEXT-DECORATION: underline;}
#left A:visited {color: #FF6600;}
#left img {position: relative; vertical-align: middle; padding: 0px 0px 10px 45px; border: 0px;}
#left p {margin: 0px; padding: 5px 30px 5px 40px; font: 11px/13px tahoma;}
#left h1 {position: relative; font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight: bold; padding: 0px 20px 0px 20px; color: #522400; margin-top: -55px; text-align: center; background: none;}
#left h2 {position: relative; font: 9pt/12pt arial; font-weight: bold; color: #0077AC; padding: 0px 20px 0px 28px; text-align: left; background: none;}
#left ul {position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 25px; list-style: none;}
#left li {font: 11px/15px tahoma; list-style-type: none; display: block; padding: 0px 15px 0px 20px; margin: 0; background: transparent url(images/li_bullet.gif) no-repeat 3px 5px;}
#left div.hr {width: 150px; padding: 0px; margin: 10px auto 0px auto; height: 6px; background: transparent url(images/hr_nav.gif) no-repeat 0px 0px;}
#left div.hr hr {display: none;}
#rolo {background: transparent url(images/bkgrd_rolo.png) no-repeat 0px 0px; width: 130px; height: 100px; margin: 0px 0px 0px 30px;}
#rolo p {padding: 10px 5px 0px 14px; margin: 0px; font: 7.5pt/9pt arial;}

/* CSS for the tabs starts here */
#header {float: right; width: 760px; height:140px; background:url(images/spacer.gif) 0 0 no-repeat;}
#nav {float:right; width:760px; margin-top:-19px; font-size:0.94em; line-height:1em;}
#nav ul {margin:0; padding:0 0 0 28px; list-style:none;}
#nav li {float:left; margin:0 0 0 -1px;	padding:0 0 0 6px; background:url(images/nav1.gif) 0 100% no-repeat;}
#nav li:hover {background-position: -6px 100%;}
#nav a {float:left; display:block; color:#473215; font-weight:bold;	font-family: Tahoma,serif; background:url(images/nav2.gif) 100% 100% no-repeat; padding:5px 14px 12px 8px; text-decoration:none;}
#nav li:hover a {background-image:url(images/nav1.gif); position: relative;}
/* Hide from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {color:#522400;}
#home #nav #t1,	#listings #nav #t2,	#resources #nav #t3, #info #nav #t4, #about #nav #t5, #contact #nav #t6, #blog #nav #t7 {background-position:-12px 100%; padding-left:26px; margin:0 2px 0 1px;}
#home #nav #t1 a, #listings #nav #t2 a, #resources #nav #t3 a, #info #nav #t4 a, #about #nav #t5 a, #contact #nav #t6 a, #blog #nav #t7 a {background-image:url(images/nav2s.gif); padding-left:0; padding-right:19px;}
#nav #t1, #home #nav #t1 {margin-left:0;}
#nav #t7, #blog #nav #t7 {margin-right:0;}


/*\*/
html*div.menu {background: #fff url(images/bkgrd_input.png) bottom left repeat-x; border-bottom: 2px solid #b9d318; left: 0px; padding: 0px 1px 1px 0px; margin: -13px 0px 0px 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101;}
/*end*/

div.menuBar, div.menuBar a.menuButton, div.menu {clear: both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.menu a.menuItem {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.menuBar {padding: 0px; margin: 0px; text-align: left;}
div.menuBar img {padding: 0px; margin: 0px; vertical-align: baseline;}
div.menuBar a.menuCurrent {color: #b9d318; cursor: hand; text-decoration: none; top: 0px; z-index: 100;}
div.menuBar a.menuButton {color: #ccc; cursor: hand; text-decoration: none; top: 0px; left: 0px; z-index: 100;}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {background:url(images/bkgrd_topnav-li-on.gif) no-repeat right top; text-decoration: none; color: #b9d318;} 
div.menu {background: #fff url(images/bkgrd_input.png) bottom left repeat-x; border-bottom: 2px solid #b9d318; left: 0px; padding: 0px 1px 1px 0px; margin: -2px 0px 0px 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101;}
div.sub {border: 1px solid #cbcace;}
div.menu a.menuItem {color: #ccc; font-weight: bold; cursor: hand; display: block; border-bottom: 1px solid #b9d318; padding: 3px 1em; text-decoration: none; white-space: nowrap;}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {margin-right: -.75em;}
div.menu div.menuItemSep {border-top: 3px dotted #b9d318; margin: 0px;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background: #fff url(images/bkgrd_button.gif) repeat-x; color: #b9d318;}
	
/* boxes */
div.box{clear: both; float: left; width: 914px; padding: 10px 0px 150px 0px; margin: 0px; color: #000;}
div.boxTop {
	clear:both; float:left;
	width:900px;
	height:30px;
	background: transparent url(images/bkgrd_top-a.png) no-repeat top left;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bkgrd_top.png'); 
}
div.boxBtm {
	clear:both; float:left;
	width:900px;
	height:30px;
	background: transparent url(images/bkgrd_bottom-a.png) no-repeat top left;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bkgrd_bottom.png');
}
div.boxMiddle{clear:both; width:912px; padding: 0px; margin: 0px 0px 0px 0px;}
div.boxMiddleLine{
	padding:0px; margin:0px;
	width:900px;
	background: transparent url(images/bkgrd_mid-a.png) repeat-y top left;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bkgrd_mid.png'); 
	z-index: 100;
	overflow: hidden;
}

#main .hoverbox {cursor: default; list-style: none;}
#main .hoverbox a {cursor: default;}
#main .hoverbox a .preview, #main .hoverbox a .previewnew, #main .hoverbox a .previewmid {display: none;}
#main .hoverbox a:hover .preview, #main .hoverbox a:hover .previewnew, #main .hoverbox a:hover .previewmid {display: block; position: absolute; top: -33px; left: -45px; z-index: 1;}
#main .hoverbox img {background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 0px; margin: 0px; vertical-align: top; width: 128px; height: 100px;}
#main .hoverbox img.new {background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 0px; margin: 0px; vertical-align: top; width: 500px; height: 333px;}
#main .hoverbox img.mid {background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 0px; margin: 0px; vertical-align: top; width: 500px; height: 375px;}
#main .hoverbox li {background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative;}
#main .hoverbox .preview {border-color: #000; width: 300px; height: 235px; padding: 0px; margin: 0px;}
#main .hoverbox .previewnew {border-color: #000; width: 600px; height: 400px; padding: 0px; margin: 0px;}
#main .hoverbox .previewmid {border-color: #000; width: 512px; height: 384px; padding: 0px; margin: 0px;}

/* =Internet Explorer 7 Fixes
----------------------------------------------------------------------*/
html*#main .hoverbox a {position: relative;}
html*#main .hoverbox a:hover {display: block; font-size: 100%;	z-index: 1;}
html*#main .hoverbox a:hover .preview, html*#main .hoverbox a:hover .previewnew, html*#main .hoverbox a:hover .previewmid {top: -38px; left: -50px;}
html*#main .hoverbox li {position: static;}

/* =Internet Explorer 6 Fixes
----------------------------------------------------------------------*/
* html #main .hoverbox a {position: relative;}
* html #main .hoverbox a:hover {display: block; font-size: 100%;	z-index: 1;}
* html #main .hoverbox a:hover .preview, * html #main .hoverbox a:hover .previewnew, * html #main .hoverbox a:hover .previewmid {top: -38px; left: -50px;}
* html #main .hoverbox li {position: static;}

.clearer {height: 40px; overflow: hidden; margin: -1px auto; clear: both; width: auto;}
.clearer2 {height: 0px; overflow: hidden; margin: -1px auto; clear: both; width: auto;}

#footer {clear: both; color: #ababab; position: fixed; bottom: 0px; display:block; margin: 150px 100px 10px 30px; padding: 0px 0px 5px 0px; width: 850px; font: bold 11px Tahoma, arial, helvetica, sans-serif; border-bottom: 3px solid #836a37; background-color: #fff;}
#footer A:link {color: #ababab; text-decoration: none;}
#footer A:hover {color: #663300; text-decoration: underline;}
#footer A:visited {color: #ababab;}
#footer ul {display:block; text-align: center; padding: 8px 0px 4px 0px; margin:0 0 0 0;}
#footer li {display: inline; margin: 0px 0px 0px 0px; padding: 0px; border: 0;}
#footer p {text-align: center; margin: 0px; padding: 0px;}
#footer img {float: right;}

/*\*/
html*#footer {
clear: both; color: #ababab; position: relative; bottom: 0px; display:block; margin: 184px 100px 10px 30px; padding: 0px 0px 5px 0px; width: 850px; font: bold 11px Tahoma, arial, helvetica, sans-serif; border-bottom: 3px solid #836a37; background-color: #fff;}
/*end*/

#extraDivLogo {position:absolute; top: 10px; width:110px; height:106px; background-image: url(images/logo_livecasanova.gif); margin: 0px 0px 0px 20px;}
#extraDivSmithLogo {position:absolute; bottom: 0px; right: 0px; width: 122px; height: 50px; background-image: url(images/logo_SA-2007.gif); margin: 0px 0px 0px 20px;}