/* Boca Grande Vacations CSS Document */

html {
background-color: #ffffff;
}
body {
margin: 0;
padding: 0;
background-color:#000033;
}
html, body {
font-family: Tahoma, Verdana, Arial, sans;
font-size: 11px;
color:#555555;
}
div {
margin: 0;
padding: 0;
}

form {
margin: 0;
padding: 0;
}
a:link, a:visited {
color: #1B9CE9;
text-decoration: none;
}
a:hover, a:active {
color: #FF9900;
text-decoration: underline;
}

h1, h2, h3, h4 {
margin:0;
padding:0;
}
h1{
font-size:20px;
}
h2{
font-size:16px;
}
h3{
font-size:14px;
}

/*misc*/

.padding {
padding: 10px;
}
.padsides {
padding: 0 10px 0 10px;
}
.imageBD{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
}

.imageRT {
float:right;
margin: 5px 10px 5px 15px;
}
.imageLT {
float:left;
margin: 5px 15px 5px 0;
}
.imageBRT {
float:right;
margin: 5px 10px 5px 15px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
}
.imageBLT {
float:left;
margin: 5px 15px 5px 0;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;

}


.propertyimg {
margin: 5px 15px 5px 0;
background-color:#FFFFFF;
border: 1px solid #DAEBF8;
padding: 3px;
float:left;
}

.paddingRT {
padding: 0 10px 0 0;
}
.borderBT{
border-bottom: 3px solid #FFFFFF;
}

.bordered td {
border:1px solid #DAEBF8;
padding:7px;
vertical-align:top;
}
.shadowTP{
background-color:#ffffff;
background-image:url(/templates/boca/images/shadowtop.jpg);
background-position:top;
background-repeat:repeat-x;
height:10px;
}
.shadowBT{
background-image:url(/templates/boca/images/shadowBT.jpg);
background-position:bottom;
background-repeat:repeat-x;
height:10px;
}
/* Top and Nav */
#top {
width: 100%;
height: 155px;
border-bottom: 4px solid #FFFFFF;
padding: 0 0 0 20px;
color:#0099cc;
background-image: url(/templates/boca/images/palm_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
}
#top h1{
font-size:20px;
font-weight:normal;
padding:5px 10px 70px;
color:#006699;
text-align:right;
}

#onav {
height: 45px;
background-image: url(/templates/boca/images/orange_bg.jpg);
background-repeat: repeat-x;
background-position: top left;
}

#onav a {
padding: 0 5px 0 0;
}
#onav a:link, #onav a:visited {
color: #FFFFFF;
text-decoration: none;
font-variant:small-caps;
font-weight:bold;
}
#onav a:hover, #onav a:active {
color:#FFFF66;
text-decoration: underline;
}

#leftbg{
background-color: #f8f8f8;
border-right: 4px solid #FFFFFF;
}
.bluenav a {
font-size:11px;
font-weight:bold;
display:block;
padding: 13px 5px 13px 0;
text-align:right;
}
.bluenav a:link, .bluenav a:visited {
color: #FFFFFF;
text-decoration: none;
background:#34A9C2 url(/templates/boca/images/blue_nav.jpg) repeat-x top left;
}
.bluenav a:hover, .bluenav a:active {
color:#FFFFFF;
text-decoration: none;
background:#7BE1EA url(/templates/boca/images/orange_nav.jpg) repeat-x top left;
}
#mainnav {
width: 195px;
background: #4A99D1 url(/templates/boca/images/navbg.jpg) repeat-x top left;
text-align:right;
}
#mainnav td {
padding-bottom:20px;
border-top: 3px solid #fff;
}
#mainnav a {
font-size:11px;
display:block;
padding: 7px 10px 7px 0;
}
#mainnav a:link, #mainnav a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
border-bottom:1px solid #70A5D6;
}
#mainnav a:hover, #mainnav a:active {
color:#FFFFFF;
text-decoration: none;
background: #FF6900 url(/templates/boca/images/obg.jpg) repeat-x top left;
border-bottom:1px solid #70A5D6;
}
#mainnav h1 {
font-size: 18px;
font-weight: normal;
color:#FFFFFF;
margin: 20px 10px 10px 0;
}
#subnav a {
display:block;
font-size:10px;
font-weight: bold;
padding:5px 5px 5px 10px;
}
#subnav a:link, #subnav a:visited {
color:#FF9900;
text-decoration: none;
}
#subnav a:hover, #subnav a:active {
color:#FFFFFF;
text-decoration: none;
background-color:#FF9933;
}
table#subnav{
width:100%;
border: 1px solid #DAEBF8;
border-bottom:0;
border-right: 0;

}
#subnav td{
vertical-align:top;
border-bottom: 1px solid #DAEBF8;
border-right: 1px solid #DAEBF8;
}

#skybg {
width: 100%;
height:420px;
background-image: url(/templates/boca/images/seashore.jpg);
background-repeat:no-repeat;
background-position: top left;
}

#skybg td{
vertical-align:top;
}
/* Body */
#wrap {
background-color: #FFFFFF;
border: 4px solid #FFFFFF;
width: 760px;
}
#wrap2 {
width: 100%;
}

#interior p{
line-height: 165%;
}

#interior h1 {
background-color:#FF9933;
color:#FFFFFF;
font-size:20px;
font-weight:normal;
padding:10px 10px 10px 20px;
border-bottom:1px solid #FFFFFF;
text-align:right;
}
#interior h2 {
font-size:18px;
color:#0099cc;
font-weight:normal;
background-image: url(/templates/boca/images/tealbg.jpg);
border-top:5px solid #76D0D8;
background-repeat: repeat-x;
background-position: bottom	 left;
padding:10px;
}
#interior h3 {
font-size:13px;
color:#FFFFFF;
font-weight:bold;
background-color:#76D0D8;
padding:7px;
}
#interior h4 {
font-size:14px;
color:#00CCFF;
font-weight:bold;
}
#pad{
padding:5px;
}
#interior h1 a{
color:#FFFF66;
}

table.attract  {
width:100%;
border: 1px solid #DAEBF8;
border-bottom:0;
border-right: 0;
}
table.attract td  {
vertical-align:top;
border-bottom: 1px solid #DAEBF8;
border-right: 1px solid #DAEBF8;
padding:10px;
}
.attract a{
color:#FF6600;
}
/* Homepage*/

#poolbg{
background-image: url(/templates/boca/images/poolbg.jpg);
background-repeat: no-repeat;
background-position: top left;
}
#poolbg p{
line-height: 160%;
}
#poolbg h2{
font-size:12px;
border-bottom:2px solid #0099cc;
color:#0099cc;
}
#search input, #search select{
font-size:12px;
padding: 2px;
margin: 2px 0 0 0;

}
#search td {
padding: 0 0 6px 0;
}

#footer {
width: 100%;
font-size: 10px;
background-image: url(/templates/boca/images/navbg.jpg);
background-repeat: repeat-x;
background-position: top left;
color:#66CCFF;
padding:10px;
}
#footer a {
color:#FFFFFF;
}
#footer a:hover {
color:#FFFF66;
}
#footer h1 {
font-size:11px;
font-weight:bold;
color:#FFFFFF;
padding: 0;
margin:0;
}
#seclinks {
width: 380px;
}
#bluedot {
background-image: url(/templates/boca/images/blue_dot.gif);
background-repeat: repeat-x;
background-position: bottom left;
padding: 5px 0 5px 0;
}
#hline {
background-image: url(/templates/boca/images/blue_dot.gif);
background-repeat: repeat-x;
background-position: center left;
padding: 5px 0 5px 0;
}

#doorknob {
background-image: url(/templates/boca/images/doorknob2.jpg);
background-repeat: no-repeat;
background-position: top left;
color:#FF6600;
}
#propdesc p{
padding:15px;
line-height:160%;
text-align:justify;
}
div#popup {
background:#EFFCFF;
border:1px solid #9BEEFF;
margin:0px;
padding:7px;
width:270px;
color:#003399;
}
div#map {
border:7px solid #9BEEFF;
margin:2px;
}
/* misc classes*/
.LTblueborder{
border: 1px solid #DAEBF8;
}
.propdetails td{
border-bottom:1px solid #DAEBF8;
padding:2px 10px 2px 10px;
}
.padLR{
padding:0 15px 0 15px;
}
.LTbluebox{
border: 1px solid #9BEEFF;
background-color:#EFFCFF;
padding:10px;
line-height:130%;
}
.tealcaption{
font-size:18px;
color:#0099cc;
font-weight:normal;
background-image: url(/templates/boca/images/tealbg.jpg);
border-top:5px solid #76D0D8;
background-repeat: repeat-x;
background-position: bottom	 left;
padding:10px;
}
.orangecaption{
font-size:18px;
color:#fff;
font-weight:normal;
background:#FF6900 url(/templates/boca/images/orange_nav.jpg) repeat-x top left;
padding:10px;
border-bottom:3px solid #fff;
}