html {
text-align: center;
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
background-color: #fffacd;
color: #000;
}
body {
margin: 0 auto;
padding: 0;
width: 800px;
text-align: left;
background-color: #CCCCAF;
}
h2.heading {
font: bold 18px/1.4 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
background-color: inherit;
color: #4b4b4b;
margin: 20px 0 0 0;
padding: 0 0 1px 25px;
border-bottom: 1px solid #ddd;
background: #fff url('{template_url}/images/icon_star.gif') left no-repeat;
color: inherit;
clear: both;
}
h2 span {
background-color: inherit;
color: #8b0000;
}
h3{
font: bold 18px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
background-color: inherit;
color: #fff;
margin: 20px 0 0 0;
padding: 0 0 1px 25px;
border-bottom: 1px solid #ddd;
background: #BDB76B url('{template_url}/images/icon_house.gif') left no-repeat;
color: inherit;
clear: both;
}
h3.heading {
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 5px;
background: #f0f0f0;
}
h4{
font: bold 16px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
background-color: inherit;
color: #333;
margin: 20px 0 0 0;
padding: 0 0 1px 25px;
border-bottom: 1px solid #ddd;
clear: both;
}
h4.heading {
margin: 1px 0px 0px 0px;
padding: 1px 0px 5px 0px;
background: transparent;
}
p {
font-size: 12px;
margin-bottom: 15px;
}
ul {
font-size: 12px;
line-height: 14px;
}
a:link, a:visited {
background-color: inherit;
color: #333;
text-decoration: underline;
}
a:hover, a:active {
background-color: inherit;
color: #555;
text-decoration: none;
}
/* Main navigation */
ul#nav {
margin: 0;
padding: 0 0 0 6px;
width: 794px;
height: 30px;
background: #000 url('{template_url}/images/nav_bg.gif') repeat-x;
color: inherit;
}
ul#nav li {
float: left;
margin: 0;
padding: 7px 0 0 0;
list-style-type: none;
text-transform: uppercase;
}
ul#nav li a {
text-decoration: none;
padding: 13px 30px 14px 30px;
}
ul#nav li a:link, ul#nav li a:visited {
background-color: inherit;
color: #fff;
}
ul#nav li a:hover, ul#nav li a:active {
color: #ffd700;
}
/* Sub navigation */
ul#subnav {
font-size: 9px;
margin: 0;
padding: 0 0 0 30px;
width: 770px;
height: 31px;
background: #bdb76b;
color: inherit;
}
ul#subnav li {
float: left;
margin: 0;
padding: 9px 0 0 0;
list-style-type: none;
text-transform: uppercase;
}
ul#subnav li a {
text-decoration: none;
padding: 7px 15px 7px 15px;
background: transparent url('{template_url}/images/subnav_sep.gif') no-repeat left;
}
ul#subnav li a:link, ul#subnav li a:visited {
background-color: inherit;
color: #000;
}
ul#subnav li a:hover, ul#subnav li a:active {
color: #ffd700;
}
ul#subnav li#subnavfirst a:link, ul#subnav li#subnavfirst a:visited {
background: transparent;
background-color: inherit;
color: #303030;
}
ul#subnav li#subnavfirst a:hover, ul#subnav li#subnavfirst a:active {
color: #ffd700;
}
ul#subsubnav {
font-size: 9px;
margin: 0;
padding: 0 0 0 30px;
width: 770px;
height: 31px;
background: #bdb76b;
color: inherit;
}
div#company-name {
margin:0px;
height:45px;
background-color: inherit;
color: #0097ff;
font: bold 25px/1.8 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
}
div#rss{
text-align:right;
padding:4px;
}
div#rss a{
text-align:right;
padding-right:8px;
}
.button {
text-align: left;
margin-bottom: 10px;
}
.button img {
border-style: none;
}
.right {
float: right;
}
div#banner {
margin: 0;
background: url(http://www.hotcostaricarealestate.com/template/bensliquidrealty/images/banner.jpg) no-repeat left;
height:212px;
width:800px;
}
div#printbanner {
margin: 0;
height:144px;
width:800px;
}
div#banner .search{
margin:10px 20px 30px 20px;
float: right;
overflow:auto;
height:160px;
width:260px;
padding-right:10px;
padding-top: 10px;
color: #666;
clear: left;
}
div#banner .search p{
padding-top:0px;
font-size:11px;
color: #3d3d3d;
}
div#quote{
color: #000;
font-size: 12px;
font-style: italic;
text-align: center;
background-color: #ccc;
padding: 30px;
width: 400px;
margin-left: auto;
margin-right: auto;
}
/* Footer style */
div#foot {
clear: both;
margin: 0;
padding: 0;
width: 800px;
height: 80px;
background-color: #ededed;
color: #4b4b4b;
text-align: center;
}
div#foot p {
padding: 9px 0 0 0;
}
div#foot p a {
text-decoration: none;
}
div#foot p a:link, div#foot p a:visited {
background-color: inherit;
color: #4b4b4b;
text-decoration: underline;
}
div#foot p a:hover, div#foot p a:active {
background-color: inherit;
color: #000;
text-decoration: underline;
}
/* Ben's Stuff */
.brownBrdr{
border: 1px dotted #996633;
}
img{
border: 0px;
}
#seabreeze{
background-color: #e1e2d0;
width: 300px;
float: left;
margin-top:12px;
border: 1px dotted #996633;
}
#seabreeze .right {
float: right;
margin: 0px 0 2px 5px;
border: 2px solid #C5BDBD;
}
#seabreeze .left {
float: left;
margin: 0px 2px 2px 5px;
border: 2px solid #C5BDBD;
}
#seabreeze h2{
font-size: 190%;
letter-spacing: .4em;
}
#seabreeze h3{
font-size:140%;
letter-spacing: .3em;
background-color: white;
color: navy;
}
dl{
margin: 0px;
padding: 0px;
}
dt{
padding-left: 6px;
}
.captionEmph{
font-size: 120%;
color: #00008b;
font-weight: bold;
letter-spacing: .4em;
}
h1 {
margin:0px;
height:45px;
background-color: inherit;
color: #0097ff;
font: bold 25px/1.8 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
text-indent: -5000px;
}
.btmbrdr{
border-bottom: thin ridge black;
}
.multiple_options_caption{
font-weight: bold;
}
img.middle {vertical-align:middle}
h2.leftpad{
padding-left: 20px;
}
h2.leftpad a{
padding-left: 20px;
color: #9B3300;
}
h2.leftpad a:hover{
padding-left: 20px;
color: #000;
}
.subscribe {
text-align: left;
background-color: white;
color: black;
font-weight: bold;
font-size: 120%;
letter-spacing: .4em;
margin-bottom: 10px;
border: 1px dotted black;
}
.subscribe a{
color: navy;
}
object {
vertical-align: middle;
}