a:link, a:visited  {text-decoration: none; color: #336BA6;}
a:hover {
	text-decoration: none; 
	background-color: #c9e3ff; 
	color: #000; 
}

body 		{	background-color:	#FFF;}
.panorama 	{	background-color:	#9ccdff;}
.panorama 	{	background-color:	#c9e3ff;}
.topnavbar	{	background-color:	#336BA6;
				color:				#FFF;}
				
				
body    { 
	font-family: 	Verdana; 
	font-size: 		8pt; 
	color:			#808080; 
	color:			#000000;
	line-height:	150%; 
	margin-bottom: 	5px; 
	margin-top: 	0px;
	margin-left:	0px;
	margin-right:	0px;
	/*
	background-color:	#fff;
	*/
}

td 	{ 
	font-family: 	Verdana; 
	font-size: 		8pt; 
	color:			#808080; 
	color:			#000000;
	line-height: 	150%; 
	margin-bottom: 	1px;
}

td.important {
	font-size:		8pt;
	line-height:	125%;
	color:			#111;
}
td.address 	{ 
	line-height: 100%;
}

h1	{ 
	font-family: 	Verdana; 
	font-size: 		14pt; 
	margin:			20px 0px 10px 0px;
	padding:		0px 0px 0px 0px;
	color:			#FFB240;
}
h2	{ 
	font-family: 	Verdana; 
	font-size: 		12pt; 
	line-height: 	125%;
	font-style: 	bold;
	margin-bottom:	1px;  
	margin-top:		20px;
	color: 			#FFB240;
}
h3	{ 
	font-family: 	Verdana; 
	font-size: 		10pt; 
	font-style: 	bold; 
	margin-bottom:	1px; 
	margin-top:		1px;
	color: 			#FFB240; 
}
h4	{ 
	font-family: Verdana; 
	font-size: 8pt; 
	font-weight: 800;  
	color: #000080; 
	margin-top:5px; 
	margin-bottom:1px;
}

/* secondary title in blue box headings (usually used alonside H3) */
h5	{ 
	font-family: Verdana; 
	font-size: 8pt; 
	font-weight: 800;  
	color: #000080; 
	margin-top:1px; 
	margin-bottom:1px;
}

p {
	margin-bottom:2px;
	margin-top:2px;	
}


.quote {
	font-family: 	Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size: 		10pt;
	text-align: 	left;
	line-height:	140%;
}

.tolls {
	border:1px solid #336BA6;
	background-color:#EEE;
}
/*
.bluehead {
	background : url(images/bluehead.jpg) top left repeat-x;
	padding: 2px;
	border: 1px solid #ccccff; border-width: 0px 1px 1px 1px ;
}
*/

.listingbox {
	border: 			1px solid #e6f2ff; 
	border-width: 		0px 1px 1px 1px ;
}

.listingbox th {
	font-family: 		Verdana; 
	font-size: 			8pt; 
	font-weight: 		800;
	text-align:			left;
	background-color : 	#E6F2FF;
	color:				#000080;
	padding:			2px 0px 3px 2px;
}
.listingbox td {
	padding:			2px 0px 2px 2px;
	border: 			1px solid #e6f2ff; 
	border-width: 		1px 0px 0px 0px ;
}

.proplisting td {
	line-height:	125%;
}
.proplisting p {
	line-height:	125%;
	margin:			0px 0px 5px 0px;
}
.proplisting h3 {
	line-height:	125%;
	margin:			0px 0px 5px 0px;
}

.panorama {
	padding:		0px 5px 0px 5px;
	border: 		1px solid #fff; 
	border-width: 	0px 0px 1px 0px ;
}
.topnavbar h1	{ 
	font-family: 	Verdana; 
	font-size: 		14pt; 
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	color:			#FFF;
}
.topnavbar td {
	padding:		5px 0px 5px 0px;
	color:			#FFF;
}

.topnavbar a:link {
	color:			#FFF;
}

.topnavbarc table {
	padding:		0px 0px 0px 0px;
	border: 		1px solid #111; 
	border-width: 	0px 0px 0px 0px ;
}

.bluebanner {
	padding: 0px;
	padding-top: 0px;
}
.caption {
	font-size: 		7.5pt;
	line-height:	125%;
	font-style:		italic;
	text-align:		center;
}
.BulletList { }

.BulletList ul
{
	margin-top: 0;	
	margin-left: 15;
	padding-left: 0;
	list-style-type: square;

	font-family: Verdana; font-size: 8pt;
}

.BulletList li
{
	margin-bottom: 1;
	line-height: 120%;
}

.NumList { }

.NumList ol
{
	margin-top: 0;	
	list-style-type: decimal;
	font-family: Verdana; font-size: 8pt;
}

.NumList li
{
	margin-bottom: 5px;
	margin-left: -15px;  /* sets the position for the numbering */
	padding-left: 1px;   /* sets the offset point from default for text */
	line-height: 150%;
}

.celltopborder {
	border: 1px solid #ccccff; border-width: 1px 0px 0px 0px ;
	padding-top: 3px;
}

.bannerborder {
	border: 1px solid gray; border-width: 1px 0px 0px 0px ;
}

/* =================================================================== */
/* navcontainer is used on property pages for SIDE vertical navigation */
/* =================================================================== */

#navcontainer { width: 127px; }

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana; font-size: 8pt;
}

#navcontainer a
{
	display: 			block;
	padding-left: 		5px;
	padding-top: 		1px;
	padding-bottom: 	2px;
	width: 				110px; 	/* this determines the width of the background color */

	background-color: 	#E6F2FF;
	border-bottom: 		2px solid #ffffff;
}

#navcontainer a:link, #navlist a:visited
{
	text-decoration: 	none;
}

#navcontainer a:hover
{
	background-color: 	#336BA6;
	color: 				#ffffff;
}
 

#navcontainer a:link, #navlist a:current, #navlist li:active
{
	color: 				#000080;
	text-decoration: 	none;
}


/****************************/
/* Forms                    */
/****************************/


input, textarea, select {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: 	#000088;
	width:	350px;
}
input.small {
	width:	30px;
}
input.button {
	width:	115px;
}

label { 
  	/* padding:	5px 0 0 0; */
  	float: 		left;
	color: 		#000080;
	width:		115px;
}
select.date {
	width:60px;
}

/* ****************************** */
/*        Lightbox styles         */
/* ****************************** */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	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(Lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { left: 0; float: left; background: url(Lightbox/images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(Lightbox/images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(Lightbox/images/prevlabel_hover.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Lightbox/images/nextlabel_hover.gif) right 15% no-repeat; }


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

#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: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/* ****************************** */
/*        Photogallery            */
/* ****************************** */

#gallery {
list-style:none;
}

#gallery li {
float:left;
display:block;
/*border:1px solid #336BA6;*/

margin:		1px 0px 16px -45px;
padding:	0px;
}

#gallery li p {
/*border:1px solid #fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;*/
margin:0;
/*padding:	3px 2px 3px 2px;*/
}

#gallery li a {
display:block;
color:#fff;
text-decoration:none;
padding:0px;
}

#gallery img {
/*width:315px;
height:210px;*/
border:1px solid #336BA6;
width:225px;
margin:0;
padding:0;
}

#midpix {
/*background:#e8e8e8;
float:left;
display:block;
border:1px solid #336BA6;*/
/*-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:1px 1px 6px #ddd;
-moz-box-shadow:1px 1px 6px #ddd;
box-shadow:	1px 1px 3px #ddd;
margin:		1px 0px 12px 0px;*/
padding:	0px;
/*padding:	3px 2px 3px 2px;*/
}

/* ************************************************** */
/*        Reserve Now Button                          */
/* ************************************************** */

.reserve {
   border-top: 1px solid #96d1f8;
   border: 		1px solid #96d1f8;
   /*background: #65a9d7;*/
   background: -webkit-gradient(linear, left top, left bottom, from(#E6F2FF), to(#FFF));
   background: -webkit-linear-gradient(top, #E6F2FF, #FFF);
   background: -moz-linear-gradient(top, #E6F2FF, #FFF);
   background: -ms-linear-gradient(top, #E6F2FF, #FFF);
   background: -o-linear-gradient(top, #E6F2FF, #FFF);
   padding: 		5px 1px;
   margin-top:		5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   /*
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   */
   /*color: #FFFFFF;
   font-size: 10px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;*/
   text-decoration: none;
   vertical-align: middle;
   
   display: 		block;
   width:			225px;
   height:			55px;
   }
.reserve:hover {
   border-top-color: #9cceff;
   background: #c9e3ff;
   color: #111111;
   }
.reserve:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }