/* */
/* /home1/sscottio/public_html/cabosunandfun server file system path for server root*/
/* /home1/sscottio/public_html/cabosunandfun/css/style_css.php server file system path for php script*/
/* /css/style_css.php path for this script relative to root  e.g. /cabosunandfun/css/style_css.php*/
/* /css/style_css.php server file system path for php script*/
/*  base URL for production */
/*  base URL for developement */

/* CSS images  */
/*
background: url(css_images/connected-lightgray.jpg) repeat;
background:url("css_images/menugrad.jpg") repeat-x scroll 0 0 #000000;
background: url(css_images/topheader.gif) repeat-x;
background:url(css_images/rightgrad.gif) repeat scroll 0 0 transparent;
#nav li {float:left; position:relative;background:url(css_images/topnav_black.gif);}
#nav li a b.clicked {color:#fff;background:url(css_images/topnav_blue.gif);}
font-size:14px;background:url(css_images/topnav_black.gif);}
#nav li ul li a:hover { color:#fff;background:url(css_images/topnav_blue.gif);}
*/
@import url("http://vacationrentalnetworks.com/chat/css/shoutbox.css");
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

img {
border:0px;
}

body {
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	margin-top:20px;
	padding: 0;

}
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #fff;
}
.container {
width: 970px;
margin: 0 auto;
/*background: url(css_images/connected-lightgray.jpg) repeat; */
/*background-color:#222;*/
background-color:#333333;

}

#banner {
background-color:black;
background-image:none;
display:block;
width:970px;
clear:both;
}

.searchText {
color:white;
}
.searchTextLabels {
color:white;
}
#contactUs div span {

color:yellow;
font-size:14px;
font-weight:bold;}

.contactName {
color:white;
font-size:12px;
}

.contactInfo {
color:white;
font-size:10px;
}
.propertyText a:hover, .propertyText a:active, .propertyText a:visited, .propertyText a   {
color:white;
font-size:11px;
}
.noRentals {
color:#FFFFFF;
font-size:12px;
text-align:center;
}
#AJAXcontainer {
background:url("css_images/menugrad.jpg") repeat-x scroll 0 0 #000000;
float:left;
padding-bottom:20px;
padding-top:10px;
padding-bottom:0px;
width:100%;
border:1px solid white;
}
#homeLeft {
float:left;
width:100px;
}

.hotProperty {
border-bottom:1px solid white;
padding:10px;
height:200px;
}
.propertyDetails {
color:white;
font-size:10px;
}
#hotPropertiesHeader {
color:red;
font-size:14px;
margin-bottom:10px;
text-align:center;
}
#hotPropertiesDiv {
/*height:221px;
overflow:auto;
width:250px;
*/
margin:0 10px 10px;
padding-top:0;
text-align:center;
}
#hotPropertyButton {
color:red;
font-size:20px;
left:400px;
position:absolute;
text-decoration:underline;
top:60px;
}
#aboutUs {
color:white;
font-size:12px;
line-height:20px;
margin:20px;
}
#aboutUs a {
color:yellow;
}
#propertyManagement {
color:white;
font-size:12px;
line-height:20px;
margin:20px;
text-align:justify;
}
#propertyManagement a {
color:yellow;
}
#contactUs {
color:white;
font-size:12px;
line-height:20px;
margin:20px;
text-align:justify;
}
#contactUs a {
color:yellow;
}
#listProperty {
color:white;
font-size:12px;
line-height:20px;
margin:20px;
text-align:justify;
}
#listProperty a {
color:yellow;
}
#conciergeServices {
color:white;
font-size:12px;
line-height:20px;
margin:20px;
text-align:justify;
}
#conciergeServices a {
color:yellow;
}
.bold {
color:yellow;
font-weight:bold;
}
#searchRentals {
font-size:12px;
margin:20px;
}
#searchRentals a {
color:yellow;
font-weight:bold;
}
#detailsLinks a {
color:yellow;
font-size:14px;

}
.detailsText {
color:white;
font-size:10px;
}
#detailsWrapper {
padding:10px;
}
.detailsCalendar {
color:yellow;
font-size: 12px;
}
#fastFacts tr td  {
border:1px solid gray;
border-collapse:collapse;
padding:2px;
}
.pageTitle {
color:gray;
font-size:16px;
text-align:center;
}
#searchHeading {
text-align:center;
color:yellow;
font-size:14px;
padding-bottom:20px;
}
#siteLogo {
clear:both;
left:0;
padding:10px;
position:absolute;
top:0px;
z-index:1;
padding:5px 0 0 5px;
}
#siteLogo img {
height:90px;
width:100px;
}
#siteLogoText {
color:yellow;
font-size:22px;
left:0;
padding-top:35px;
text-align:center;
width:300px;
padding-left:20px;
}

#siteLogoText a {
color:yellow;
text-decoration:none;
}

#activites, #airlines, #dining, #history, #romantic, #suggestions  {
color:white;
font-size:12px;
line-height:20px;
margin:20px;
text-align:justify;
}
#conciergeServices a {
color:yellow;
}
#topheader {
height:100px;
background: url(css_images/topheader.gif) repeat-x;
position:relative;
}
#craftysyntax {

position:absolute;
right:120px;
top:30px;
z-index:1000;
}

#topheader ul {
list-style:none outside none;
padding:0;
position:absolute;
right:100px;
top:0;
width:500px;
}

#topheader ul li {
float:right;
padding:0 10px
}

#topheader li span {
color:#FFFFFF;
display:list-item;
list-style-position:inside;
list-style-type:disc;
padding-left:10px;
}
#topheader ul li a {
text-decoration:underline;
color:white;
}

#topheaderright {
color:#FFFFFF;
font-size:14px;
position:absolute;
right:20px;
top:10px;
}
#topheaderright a {
color:#999999;
text-decoration:none;
}
#homePageImagesFlash {
margin:auto;
width:750px;
}
#homePageImagesFlash table {
width:750px;
}
#rightheaderTextDiv {
color:white;
display:inline-block;
text-align:center;
width:368px;
}
#rightheaderTextDiv span {
font-size:30px;
color:#CCCCCC;
}
#rightheaderTextDiv p {
font-size:14px;
}
#rightheaderTextDiv p a {
text-decoration:none;
color:yellow;
}
#rightheaderTextDiv table {
height:200px;
width:368px;
}
#rightheaderTextDiv table tr td {
background:url(css_images/rightgrad.gif) repeat scroll 0 0 transparent;
}
#copywrite {
background-color:black;
padding-bottom:30px;
padding-top:30px;
text-align:center;
}
#VolusionLiveChat {
position:absolute;
right:120px;
top:35px;
}
#VolusionLiveChat img {
height:60px;
width:90px;
}
#livezillachat {
position:absolute;
right:170px;
top:35px;
}
.datepicker {
z-index:11000;
}