a{text-decoration: none;}
a:hover{text-decoration: underline;}

body{text-align:center;}
body,html{width:100%; min-height:100%; height: 100%;}

body,p,td,th,ol,ul,dl,dt,dd,input,textarea{font:normal 12px/1.3em Verdana,Helvetica,Arial,sans;}
body,div,p,table,td,th,ol,ul,li,h1,h2,h3,h4,h5,h6,img{margin:0px;padding:0px;border:0px;}
input, select, textarea {border: 1px solid #999999;}

* html .s{font-size:0;} 
.s{clear:both;height:0;line-height:0;font-size:0;}

body {
 background-image:url("/img/bg-beach.jpg");
 background-repeat:repeat-x;
 color: #515151;
 background-color:#ECE5DB;
}


#header {background-image:url("/img/bcn-rentals-bnr.jpg"); height:177px; width:978px;}
#header h1{padding:19px 0px 0px 23px;}

#wrap{margin:0px auto;text-align:left;width:977px;}

#wrapper {background-color: #6AA5AB;width: 732px;position:relative; left:23px; float: left;}

#navcol {width:197px;color:#ffffff;}
#navcol h2 {color:#183942;font-size:14px; font-weight:bold; margin:24px 0px 0px 12px;}
#navcol ul {margin:12px; padding-bottom:12px; border-bottom:1px solid white;}
#navcol li {list-style-type:none; font-size:13px; padding-bottom:8px;}
#navcol a {color:#ffffff;}
#navcol p {margin:12px;}

#navcol ol li{font-size:12px; padding:2px 0px;}
#navcol ol {padding:0px; margin:2px 0px 0px 12px; border:0px none;}
h2 a {color:#ffffff;}

#main {background-color: #ffffff;float: right;width: 532px; min-height:450px;}
#guide #main {min-height:500px;}
#guide #main p {width:auto;}
#guide #main img {float:right;margin:0px 24px 24px 12px;}
.intro {font-size:14px; font-weight:bold;}
.promo {font-size:13px; font-weight:bold;}
.promo span {font-weight:normal;font-size:10px;}
.promo span a {font-weight:bold;color:#990000;}
#main p{margin:12px 96px 12px 24px;}
.intro {margin:24px 96px 12px 24px;}
.promo {margin:24px 24px 12px 24px;border-bottom:1px solid #6AA5AB;padding-bottom:4px;}
#main ul {margin-left:24px;list-style-type:circle; margin-bottom:0px;}
#main p a, .promo-pic a {color:#2F5F78; font-weight:bold; text-decoration:underline; }
#main p a:hover, .promo-pic a:hover {background-color:#2F5F78;color:#ffffff;}
#guestbook {margin:12px 24px; font-size:12px;}

#hot-deals {position:absolute;top:-33px; left:645px;}

.promo-pic img {margin-bottom:4px;border:3px solid #6AA5AB;}
.promo-pic {width:100px;margin-left:23px;float:left;display:inline;font-size:10px;padding-bottom:6px; border-bottom:1px solid #6AA5AB;margin-bottom:12px;}
.pp {margin:0px;padding:0px;}


.blue, .brown {width:480px;min-height:24px; margin:0px 24px 0px;}
.blue h2, .brown h2, .blue h1{color:#ffffff; font-size:12px; font-weight:normal; padding:4px 8px;}
.p-blue, .p-brown {width:302px;height:120px;min-height:120px; margin:2px 4px 24px 24px;float:left;display:inline;}
.p-blue h3, .p-brown h3 {font-weight:bold;font-size:15px;margin:6px 0px 6px 12px;}
.p-blue h4, .p-brown h4 {font-weight:normal;font-size:15px;margin:6px 0px 6px 12px;}
.p-blue ul, p-brown ul {padding-left:6px;}

.blue, .a-blue {background-color:#2F5F78;}
.p-blue {background-color:#CBD8D6;}
.p-blue h3 {color:#0D3434;}
.p-blue h4 {color:#0D3434;}

.a-blue{width:480px;height:24px; margin:24px 24px 1px;}
.a-blue h1{color:#ffffff; font-size:14px; font-weight:bold; padding:4px 8px; margin-left:12px;}
.a-blue2 {margin:1px 0px 1px 24px;background-color:#6AA5AB;width:480px;min-height:24px;}
.a-blue2 h2 {color:#0D3434;font-weight:bold;font-size:12px;padding:4px 8px; margin-left:12px;}

#fplan {position:absolute; top:54px; border:1px solid #0D3434; right:34px;}
#fplan div {margin-left:-32px; text-align:right; float:left; font-size:10px; line-height:12px;}
#fplan a {color:#ffffff;}

.brown {background-color:#8A6227;}
.p-brown {background-color:#EEDA9D;display:inline;}
.p-brown h3 {color:#57351C;}
.p-brown h4 {color:#57351C;}

.thumb {margin-top:2px;float:left; display:inline;}
.more {color:#990000; text-decoration:underline; font-style:italic; position:relative; left:12px;}
.more:hover {background-color:#ffffff;color:#000000;}

#sidecol {width:200px;	background-color: #EEDA9D; margin-left: 755px; color:#543119;padding:0px 0px 240px 0px; }
#apt #sidecol {padding:0px;}
#sidecol #inner {padding:24px 0px 0px 18px;}
#sidecol a {color:#543119;}
#sidecol img {margin:12px 12px 0px 0px;}
#sidecol #prices {margin-top:36px; float:left; width:158px;}
#prices td {background-color:#ffffff; text-align:left; padding:4px 4px; border:2px solid #EEDA9D; font-size:10px; font-weight:bold;}
#prices .hd1 {font-size:11px; text-align:center;color:#ffffff; background-color:#8A6227;}
#prices .hd2 {background-color:#B6965A;}

#quicksearch {position:absolute;z-index:1;margin:-52px -11px;background:url("/img/quicksearch.gif"); width:187px; height:243px;}
#timeout {position:relative; top:230px;}
#quicksearch h3 {font-size:12px; font-weight:bold; color:#ffffff;padding:6px 8px 8px;margin:0px;}
#search {position:absolute;z-index:1;font-size:12px; font-style:italic; text-decoration:underline; margin-top:-48px;}
#livehelp {position:relative;top:190px;margin-left:-11px; }

#sidecol-btm {width:200px;height:23px;background-image:url("/img/sidecol-btm.gif");background-position:bottom;
	background-repeat:no-repeat; margin-left: 755px;}
	
#sidecol-btm p {padding:6px 14px 0px 14px; font-size:11px;}
#sidecol-btm a {color:#515151;}

#smallprint {width:155px; float:left;padding:0px; margin:6px 0px;}
#smallprint p {font-size:10px; margin:6px 0px;}
#smallprint a {text-decoration:underline;} 

.s-b{float:left;height:0;line-height:0;font-size:0;border-bottom:1px solid #896228; width:150px;}

.apt-dtl{background-color:#CBD8D6; width:480px; padding:12px 0px;}
.apt-dtl li{ margin:3px 48px 3px 30px; font-size:11px;}
.apt-desc p {margin-left:36px;}
.book a {font-size:14px; font-weight:bold; text-decoration:underline;}

#q-search {width:168px;margin-left:10px;position:absolute;top:32px;}
#q-search td, #q-search input  {font-size:10px;padding:0px;}
#q-search input {width:105px;}
#q-search .date, #q-search #age  {width:25px;}
#q-search td {text-align:left; vertical-align:top;}
#q-search #flex {width:15px;border:0px none;}
#q-search .lbl {font-weight:bold; color:#2F5F78;height:20px;}
#q-search .intro {padding:2px 0px 8px;} 
#q-search #submit {background-color:#2F5F78;color:#ffffff; font-weight:bold;border:1px solid #515151;}

form strong {color:red;font-weight:bold;}

#policies h2 {font-size:12px;color:#ffffff; background-color:#2F5F78; margin:24px 24px 12px;padding:2px;}
#policies ul, #policies ol {margin-left:36px;margin-bottom:36px;}
#policies li {margin-left:18px; width:400px;}

#foot {position:relative; left:23px;width: 732px; clear: both;}


/* LIGHTBOX CSS HERE */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(/img/prev.gif) left 15% no-repeat; }
#nextLink { background: url(/img/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #D1E0DD;
}

address {margin:12px 36px;}

#contact-form {margin:24px;}
#contact-form td{padding:3px 0px;vertical-align:top;}
#contact-form input {width:200px;}
#contact-form .small {width:25px;}
#contact-form .lbl {text-align:right;width:150px;vertical-align:top;padding-right:12px;}
#contact-form #agree {width:15px;}
.legal, #ftr p {font-size:10px;}
#ftr p a {font-weight:normal;}
#ftr p {
	width:500px;
	position:absolute;
	margin-top:-30px;
	left: 197px;
	top: 1545px;
}

#ftr {margin-top:96px;}