/*
Design by NodeThirtyThree for Free CSS Templates
http://www.nodethirtythree.com/ + http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(/images/bg01.jpg) repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #797979;
}

h1, h2, h3 {
	margin-top: 0;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

p, ul, ol {
	margin-top: 0;
	line-height: 160%;
}

ul, ol {
}

a {
	color: #0098A4;
}

a:hover {
	text-decoration: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0px auto;
}

img.alignleft {
	margin-right: 20px;
}

img.alignright {
	margin-left: 20px;
}

a img {
	border: none;
}
.clearboth {
	clear:both;
}

a img.tn-pic, a img.main-pic
{
	border: solid #7CB7BC 1px;
}

a:hover img.tn-pic, a:hover img.main-pic
{
	border: solid #30585C 1px;
}

a.external {
	background: transparent url(/images/external.png) no-repeat scroll right center;
	padding-right: 13px;
}

.sort-box, .currency-box {
	font-size: 10px;
	font-family: verdana, Tahoma;
	border: 1px solid #9C9C9C;
}

.gallery-pic {
	border: 1px solid #30585C; 
	padding: 1px;
}

#rss-feed {
	position: absolute;
	right: 0;
	top: 20px;
	height: 55px;
	width: 40px;
	margin: 0;
	padding: 0;
	background-image: url("/images/rss_roll.png");
}

div#rss-feed a, div#rss-feed a:link, div#rss-feed a:visited {
display:block;
}

div#rss-feed img {
width:100%;
height:100%;
border:0;
}

div#rss-feed a:hover img {
visibility:hidden;
}

/* Wrapper */

#wrapper {
	background: url(/images/bg02.jpg) repeat-x left top;
}

/* Header */

#header {
	width: 920px;
	height: 130px;
	margin: 0px auto;
	background: url(/images/bg09.jpg) no-repeat left top;
}
#search-box {
	margin: 0;
}

.top_search {
	font-size:11px;
	font-family:Tahoma;
	border: 1px solid #9C9C9C;
}

#lang-options {
	right:90px;
	position:absolute;
	top:3px;
}

#lang-options a.enlang {
	background:transparent url(http://www.panamarealtor.com/images/usflag.gif) no-repeat scroll left center;
	padding:0 0 1px 22px;
	text-decoration:none;
	margin-right:15px;
	font-size: 12px;
	color: #7B7B7B;
}

#lang-options a.eslang {
	background:transparent url(http://www.panamarealtor.com/images/esflag.gif) no-repeat scroll left center;
	padding:0 0 1px 22px;
	text-decoration:none;
	font-size: 12px;
	color: #7B7B7B;
}

#lang-options a:hover {
	text-decoration: underline;
	color: #0098A4;
}

/* Logo */

#logo {
	float: left;
}

#logo #parent {
	padding:105px 0 0 150px;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#logo #parent h1 {
	font-size: 13px;
	display: inline;
	margin-right: 3px;
}

#logo a {
	text-decoration: none;
	color: #797979;
}

#logo a:hover {
	text-decoration: underline;
	color: #0098A4;
}

#logo h2, #logo h2 a {
	font-size: 13px;
	color: #9F9F9F;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 78px 30px 0px 0px;
	list-style: none;
}

#menu li {
	float: left;
}

#menu a {
	padding: 0px 20px 0px 22px;
	background: url(/images/img02.gif) no-repeat left center;
	text-decoration: none;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #7B7B7B;
}

#menu a:hover {
	text-decoration: underline;
	color: #0098A4;
}

#menu .first a {
	background: none;
}

/* Page */

#page {
	width: 920px;
	margin: 0px auto;
	background: url(/images/bg04.jpg) repeat-y left top;
}

#bgtop {
	background: url(/images/bg05.jpg) no-repeat left top;
}

#bgbottom {
	background: url(/images/bg06.jpg) no-repeat left bottom;
}

/* Content */

h1#project-name {
	font-size: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0;
}

h2#project-title {
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
}

#content {
	float: left;
	width: 650px;
	padding: 50px 0px 0px 35px;
}

.post {
	margin: 0 0 15px;
}

.post .title {
	padding: 0px 0px 0px 15px;
	background: url(/images/img03.gif) no-repeat left top;
}

.post .title h2, .post .title h3 {
	margin: 0px;
}

.post .title h2 a, .post .title h3 a {
	text-decoration: none;
	color: #FFFFFF;
}

.post .title h2 a:hover, .post .title h3 a:hover {
	text-decoration: underline;
}

.post .title p {
	margin: 0px;
	text-transform: lowercase;
	font-size: 16px;
	color: #8D8D8D;
}

.post .title p a {
	text-decoration: none;
	color: #8D8D8D;
}

.post .entry, .post #recent, .post #upcoming, .post #projects {
	padding: 15px;
}

.post #breadcrumb
{
	margin: 0 0 15px 0;
}

.post #recent, .post #upcoming {
	margin-top: 10px;
}

.post #recent img, .post #upcoming img {
	padding: 1px;
}

.post #recent div.listing
{
	float: left;
	width: 100px;
	height: 130px;
	margin: 0 10px 35px;
}

.post #projects div.project
{
	border: 1px solid #666;
	padding: 5px;
	margin: 0 0 15px 36px;
}

.post #projects div.project div.date
{
	top: 205px;
	right: 30px;
	position: absolute;
	margin: 0;
	padding: 4px 7px;
}

.p-time {
	left: 90px;
	padding-bottom:10px;
	position:absolute;
	width:50px;
}

.p-time .year {
	background:#DEDEDE none repeat scroll 0 0;
	margin-bottom:10px;
	padding:3px 0;
	width:40px;
}

.p-time .month {
	background:#0098A4 none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:"Arial";
	font-size:20px;
	letter-spacing:-1px;
	line-height:18px;
	overflow:hidden;
	padding:7px 0;
	width:40px;
}

.p-time strong {
	float:left;
	text-align:center;
}

.post #projects div.project .pic
{
	float: left;
	width: 150px;
	height: 95px;
	margin: 10px 0 0 0;
	text-align:center;
}

.post #projects div.project .pic img, img.main-pic
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
}

.post #projects div.project .description
{
	height:105px;
}

.post #projects div.project .description a
{
	font-size: 18px;
}

.post #upcoming table {
	width: 550px;
}

.post #upcoming table td {
	margin: 0;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.post #upcoming table td hr {
	border: 1px dotted #6CAEB0;
}

div.pagination
{
	text-align: center;
	padding: 5px;
}

div#select-options
{
	padding: 15px 0 5px 20px;
}

#bookmark
{
	float: right;
	margin: 10px 0 5px 0;
}

#bookmark img
{
	vertical-align: text-bottom;
}

#locationDetails
{
	background: #F8FAED;
	padding: 5px;
	border: 1px solid #BBBFA1;
}

#propertyDetails
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #BBBFA1;
}

#locationDetails p, #propertyDetails p
{
	margin: 0 0 2px 0;
}

#locationDetails a.map
{
	background: url(/images/globeicon.gif) center right no-repeat;
	padding-right: 16px;
	color: #C00000;
	text-decoration: none;
}

#locationDetails a.map:hover
{
	background: url(/images/globeicon.gif) center right no-repeat;
	padding-right: 16px;
	color: #C00000;
	text-decoration: underline;
}

#locationDetails .fields
{
	float: left;
	text-align: right;
	color: #797E5A;
	width: 28%;
}

#propertyDetails .fields
{
	float: left;
	text-align: right;
	color: #797E5A;
	width: 28%;	
}

#locationDetails .values, #propertyDetails .values
{
	float: left;
	margin-left: 10px;
}

h3.sub-title
{
	background: transparent url(/images/img03.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 20px;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
}

div#project-description, div#project-thumbnails
{
	padding: 15px;
}


div#project-thumbnails img
{
	display:block;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding: 1px;
}

div#project-description-wrapper
{
	float: left;
	width: 480px;
}

div#project-thumbnails-wrapper
{
	float: right;
	width: 150px;
}

div.listing
{
	margin: 0 0 20px 0;
}

div.listing .pic
{

	float: left;
	width: 105px;
	margin: 0;
	padding-bottom: 3px;
}

div.listing .pic img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.listing .pic img.view
{
	margin: 3px 0 0 6px;
}

div.listing .details
{
	float: left;
	width: 112px;
	vertical-align: top;
	margin: 0 0 0 5px;
	padding: 0 0 5px 5px;
	border-left: solid #DED6D6 1px;
}

div.listing .details p
{
	margin: 0 0 1px 0;
}

div.listing .details .price
{
	background: #9D0B0E url(/images/price_box.gif);
	font: bold 10pt Tahoma,arial;
	color: #FFFFFF;
	padding: 0;
	margin: 0 0 5px 0;
	text-align: center;
	width: 112px;
	height: 23px;
}

div.listing .details .price div
{
	padding: 3px 0 0 0;
	margin: 0;
}

div.listing .details .left
{
	float: left;
	color: #f26522;
	margin: 0 3px 0 2px;
	text-align: right;
}

div.listing .description
{

	float: left;
	width: 342px;
	vertical-align: top;
	margin: 0 0 0 5px;
	padding: 0;
}

div.listing .description a span
{
	text-decoration: line-through;
}

div.listing .description img
{
	float: right;
	margin: 0 5px;
}

div.listing .loc
{
	background: #F4F4F4;
	text-align: left;
	border-top: solid #DED6D6 1px;
	margin: 0;
	padding: 6px 5px 6px 92px;
}

div.listing .loc img
{
	float: left;
	margin: 0 6px 0 0;
}

div.listing .loc span
{
	color: #f26522;
}

div.listing table
{
	width: 98%;
	border: 0;
	margin: 0;
}

div.listing table th
{
	font-family: verdana,arial,Tahoma;
	font-size: 9px;
	background: #AAA89C;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

div.listing table td
{
	font-family: verdana,arial,Tahoma;
	font-size: 10px;
	background: #FFFFFF;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

div.listing table td.spacer
{
	background: #E9E9E9;
	width: 100%;
	height: 1px;
}

p.dirListing
{
	background: #F8FAED;
	width: 70%;
	margin-top: 2px;
	padding: 3px;
	border: 1px solid #BBBFA1;
}

p.dirListing img
{
	margin: 0 3px 2px 0;
}

#listingnav
{

	margin: 10px 0 0 0;
}

#listingnav a
{
	font-family: verdana,Tahoma,arial;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	color:#505050;
	padding:5px;
	background:#f4f4f4;
	border:2px solid #cccccc;
}	
	
#listingnav a:hover
{
	background:#F5FEFF;
	color:#0098A4;
	border:2px solid #0098A4;
	text-decoration: none;
}

#print
{

	margin: 20px 0 0 60px;
}

#print img
{

	margin: 0 6px 3px 0;
	float: left;
}

.notice {
	margin: 0 0 10px 0;
}

#print img.book
{

	margin: 3px 3px 0 0;
	float: none;
}

.form_tbl
{
	background: transparent url(http://www.panamarealtor.com/images/warning_icon.gif) center left no-repeat;
  	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #797979;
	width: 470px;
	padding: 5px 3px 5px 18px;
	margin-bottom: 10px;
}

.form_tbl2
{
	background: transparent url(http://www.panamarealtor.com/images/warning_icon.gif) center left no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #797979;
	width: 210px;
	padding: 5px 3px 5px 18px;
	margin-bottom: 10px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 180px;
	padding: 50px 10px 0px 0px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#sidebar li {
	color: #BCE8EC;
}

#sidebar li ul {
	margin: 15px 15px 25px 15px;
}

#sidebar li li {
	font-size: 11px;
}

#sidebar h2 {
	height: 27px;
	margin: 0px;
	padding: 3px 0px 0px 15px;
	background: url(/images/img04.gif) no-repeat left top;
	font-size: 24px;
	color: #FFFFFF;
}

#sidebar a {
	color: #BCE8EC;
}

#sidebar ul li.popular {
	clear:both;
	margin-bottom:10px;
	padding: 3px 0;
}

#sidebar ul li.popular img {
	float:left;
	margin: 0 5px 0 0;
	border:2px solid #0098A4;
}

#sidebar ul li.related {
	line-height:130%;
	margin:0 0 10px 10px;
}

#sidebar ul li.related img {
	border:2px solid #0098A4;
}

/* Footer */

#footer {
	width: 920px;
	height: 100px;
	margin: 0px auto;
	background: url(/images/bg07.jpg) no-repeat left top;
}

#footer p {
	margin: 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color: #797979;
}

/* Slide Show */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#ss-wrapper {width:650px; display:none}
#ss-wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:650px; height:300px; border:1px solid #30585C; padding:1px;}
#information {position:absolute; bottom:0; width:650px; height:0; background:#355D61; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px;font-family:verdana,arial;font-weight:bold;text-transform:none;}
#information p {padding:0 8px 8px}
#image {width:650px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; margin-left:1px; background:url(/images/left.gif) left center no-repeat}
#imgnext {right:0; margin-right:1px; background:url(/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background: transparent url(/images/scroll-left.gif) center center no-repeat;}
#slideright {float:right; width:20px; height:81px; background: transparent url(/images/scroll-right.gif) center center no-repeat;}
#slidearea {float:left; position:relative; width:600px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}