body {
background: url(/images/bckgrnd.gif) center top repeat-x #6b7f8e;
/*
font-size: .65em;
font-family: georgia, times, serif;
color: #000000;
*/
margin-top: 5px;
color:#333333;
font-family:Arial,Tahoma,Verdana;
font-size:8pt;
line-height:20px;
}

h1,h2,h3,h4 { 
	color:#2F4E6E;
	font-family: georgia, times, serif; 
	border-bottom:1px solid #ddd;
	padding: 2px 0px;
}

h1 {
font-size: 1.6em;
font-weight: bold;
border-top:1px solid #ddd;
margin:6px 0 12px;
padding: 4px 0px;
}

h2 {
font-size: 1.3em;
font-weight: bold;
margin-top: 12px;
margin-bottom: 6px;
}

h3 {
font-size: 1.0em;
width:90%;
font-weight: bold;
margin-top: 12px;
margin-bottom: 6px;
}

img { border:none; }

.crumbs {
font-size: 8pt;
color: #564b47;
margin: 0px;
margin-bottom: 5px;
}

a {color: #072C53;}
a:visited {color:#072C53;}
a:hover {color: #072C53; text-decoration:none; }
a:active { color:#072C53;}

a.copyright {color: #f5f2e9;}
a.copyright:visited {color:#f5f2e9;}
a.copyright:hover {color: #dcd7c8;}
a.copyright:active { color:#000000;}

/* ----------container-------------- */
#container {
width: 960px;
background: #fffdf7;
border-top:1px solid #968059;
border-left:1px solid #968059;
border-right:1px solid #968059;
border-bottom:1px solid #968059;
padding: 10px;
margin: 0px;
margin-top: 5px;
margin-bottom: 12px;
margin-left: auto;
margin-right: auto;
} 

/* ----------header-------------- */
#header {
background: url(/images/header-bg.jpg) repeat-x;
color: #FFFFFF;
height: 115px;
padding:0px;
margin: 0px;
} 

#logo {
	padding:8px 0 0 8px;
}

#agent { 
	background:#163454; 
	border:1px solid #1b3856;
	float:right; 
	line-height:17px;
	padding:5px;
	width:260px;
	margin:15px 15px 0 0; 
}
#agent img { margin-left:10px;}

#agent a { 
	color:white; 
	text-decoration:underline; 
}
/*-------------horizontalnav-------------*/
/* Root = Horizontal, Secondary = Vertical */
#nav { 
	background:url(/images/nav-bg.jpg) repeat-x;
	height:40px;
}
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
  /*height: 22px;*/
 position:relative; clear:both;
 z-index:100;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  display:block;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu li a {
  font-weight:normal;
  margin:0;
  padding:11px 12px 12px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 16px georgia, verdana, arial, helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
#navmenu li a:hover { color:#de610e; background:url("/images/nav-hover.gif") center top no-repeat; }


/** Sub Nav **/

#navmenu li ul {position:absolute; height:auto; margin:20px 0 0 0; background:black; font-weight:normal; left:-999em; z-index:120}
#navmenu li.hover ul {color:#de610e; left:0; z-index:99999; display:block; }


#navmenu li li a {color:white; background:#072c53; width:11.5em; margin:-2px 0 0 0; font-size:10pt; padding:4px 9px 6px;}
#navmenu li li a:link {color:white; background:#072c53; width:11.5em; margin:-2px 0 0 0; border:solid white 1px;}
#navmenu li li a:visited {color:white; background:#072c53; width:11.5em; margin:-2px 0 0 0; border:solid white 1px;}
#navmenu li li a:hover {color:#de610e; background:#072c53; width:11.5em; margin:-2px 0 0 0;}

/* hide from IE mac \*/
#navmenu li {width:auto}

/* end hiding from IE5 mac */

/*
#navmenu li:hover ul { display: block; height:52px; width:200px; background:blue;  } 
*/
	


/* ----------body-------------- */
#body {
font-size: 1.2em;
text-align: left;
height: 100%;
background: #fffdf7;
padding: 5px;
margin: 0px;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
}

/* ----------footer-copyright-------------- */
div#footer {
width: 960px;
height: 100px;
font-family: georgia, times, serif;
font-size: 1.2em;
margin: 0px auto;
text-align: left;
margin-top: 0px;
}

div#copyright {
float:right;
}

li {
list-style: square inside;
margin: 1px;
}

/* ----------rail-------------- */
div#rail {
/*font-family: georgia, times, serif;*/
width:225px;
padding:10px;
background:#eeedea;
border:1px solid #cdcbc5;
border-left-color:#cdcbc5;
border-right-color:#cdcbc5;
border-bottom:dddddd;
margin-top: 6px;
margin-bottom:10px;
margin-left:15px;
line-height: 1.2em;
align:top;
}
#rail h3 { margin-top:0;}

#map {
    width: 695px;
    height: 350px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
}

#bigmap {
    width: 500px;
    height: 350px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
}

#login td input { color:#333333; margin-top:5px; }

/* ---------- list block -------------- */
ul.block {
	margin:0;
	padding:0;
	width: 450px;
	}
ul.block li {
	margin:0; padding:0;
	display: block;
	width: 195px;
	float: left;
	padding-left: 0px;
	}
#content li {
	padding-left: 15px;
	background: url('/images/bullet.gif') no-repeat left center;
	list-style-type:none;
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	margin-bottom:1px
}

#gallery-footer { font-size:0.85em; margin-bottom:10px; }
#gallery-footer-nav a {
	border:1px solid #8A8A8A;
	font-size:0.9em;
	margin:0 2px;
	padding:2px 7px;
	text-decoration:none;
}
#gallery-footer-nav a:hover {
	background: #072c53;
	font-size: .9em;
	color: #fff;
	border: #424242 1px solid;
	margin: 0 2px 0 2px;
	padding: 2px 7px 2px 7px;
	text-decoration: none;
}
.results { color:#8A8A8A; }

.listing  {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #D1D1D1;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	min-height:110px;
	overflow:hidden;
	padding:8px;
	width:200px;
	height:320px;
	overflow:hidden;
	font-size:9pt;
}

.listing.land, .listing.commercial { height:260px; }

.listing.lake-lot { height:305px; }

.listing.lakeshore { height:330px; }
.listing.lakeshore-sub { height:350px; }
.listing.condo { height:290px; }
.listing.openHouse { height:350px; }

.listing img { margin:0; }

.listing a img { 
	border:1px solid #968059; 
	height:150px;
	width:195px;
}
	
.listingtitle {
	font-size: 11pt;
	font-weight: bold;
	color: #a30000;
}

.listingButton { margin-top:10px; text-align:center; }
.listingButton a {
	background-color:#968059;
	outline:1px solid #968059;
	/*background-color:#2F4E6E;
	outline:1px solid #2F4E6E;*/
	border:1px solid #FFF;
	color:#FFF;
	margin:0 5px;
	padding:3px 4px;
	text-decoration:none;
}
.listingButton a:hover {
	/*background-color:#072C53;
	outline:1px solid #072C53;*/
	background-color:#2F4E6E;
	outline:1px solid #2F4E6E;
}
.reciprocity {
	margin:0;
	padding-bottom:2px;	
}


	
/* Generic Tabbed Navigation 
------------------------------------------------------------*/
.clearfix { display:block; }
.tabset{width: 695px;}

.tabset {
	margin: 0; padding: 0 0 10px 0;
	clear: both;
}

.tabset ul {
	margin: 0; padding: 0;
	list-style: none;
	border-bottom: 1px solid #5F5151;
	overflow:hidden;
}

.tabset li {
	float: left;
	padding: 5px 10px !important; margin: 0 2px 0 0;
	list-style: none;
	border: 1px solid #5F5151;
	/*border-bottom: none;*/
	background: #253455; color: #fff;
	position: relative; bottom: -1px;
}

.tabset li a {
	}

.tabset ul li.current {
	background: white; color: #5F5151;
	padding-top: 6px; border-bottom-color: #fff;
}

.tabset ul li a {
	color: #fff;
	text-decoration: none;
}
.tabset ul li a:hover { text-decoration:underline; } 

#general-details { 
	float:left; 
	width:160px;  
	margin-right:10px;
}

#room-dimensions {
	float:left; 
	width:200px;
}

#idx-detail .imgset {
	border:2px solid #48413F;
	margin:0 20px 0 0;
	padding:0;
	text-align:center;
}

.commercial #general-details { width:200px; }
.commercial #information { width:160px; float:left; }
#idx-detail-primary { height:220px; background:#eee; border:1px solid #CDCBC5; padding:10px; }

/* Gallery 
-----------------------------------------------------------*/
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
/* width: 618px; Set to gallery width, in px or percentage */
height: 60px; /* Set to gallery height */
margin-top: 10px;
}

#motioncontainer img {
border: 2px solid #C2B8A1; /* Set image border color */
width: 70px; height: 50px; margin-right: 8px
}

#motioncontainer img:hover {
border: 2px solid #4D3D3D; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

#motioncontainer-wrap{ position: relative; width:100%; border: 0px solid #000; overflow: hidden;}
#motioncontainer-wrap #motioncontainer #thumb-arrow-left{ position: absolute; left:0px; top: -4px; z-index:1; border: none; width: 17px; height: 64px;}
#motioncontainer-wrap #motioncontainer #thumb-arrow-right{ position: absolute; right:-8px; top: -4px; z-index:1; border: none; width: 17px; height: 64px;}

#motioncontainer-wrap img.thumb-margin{ width:12px; border: none}

.imgset { float:left; margin-right:15px; width:275px; overflow:hidden; }

.buttons { margin-top:5px; }
.buttons img { padding-bottom:3px; }


/* ----------container-------------- */
#top {
width: 960px;
height: 42px;
padding: 0px;
margin: 0px auto;
color: #fff;
font-family: Arial,Tahoma,Verdana;
font-size: 8pt;
overflow: hidden;
position: relative;
}

#top img { height: 32px; width: 32px; margin: 5px 5px 0 0; }

#top ul { position: absolute; top: 0px; right: 0px; height: 42px; margin: 0; list-style: none; }

.inline li  { padding: 0 0 2px 0; margin-right: 10px; line-height: 42px; display: inline; }
.inline label { margin: 0; padding: 2px; } 
.inline input[type=text] { width: 100px; margin: 0; padding: 2px; } 
.inline input[type=password] { width: 100px; margin: 0; padding: 2px; } 
.inline input[type=submit] { cursor: pointer; margin: 0; padding: 2px 10px; color: #fff; background: #08c; text-decoration: none; } 
.inline a { color: #fff; text-decoration: none; } 
.inline a:hover { text-decoration: underline; }