html {   overflow-y: scroll; }

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	font-size:105%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-repeat: repeat-y;
	color: #fff;
	}

.body { 
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

img, div { behavior: url(scripts/iepngfix.htc) }
img, div, a { behavior: url(scripts/iepngfix.htc) }

h2, h3, h4, li { padding: 0px; margin: 0px; }

p { 
padding: 0px 5px 0px 5px; 
margin: 10px 0px 10px 0px; 
}

ul { 
/*padding: 5px 0px 15px 30px; 
margin: 0px 10px 0px 5px; */
padding: 0px;
margin: 0px;
list-style: none;
}


table {
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0px;
}



.staff { 
	text-align: center; 
	width: 500px;
	margin: 0px;
	line-height: 1.5em;
	border-collapse: collapse;
}

.staff td { padding: 5px 0px; }

.staff img { border: 5px solid #fff; }


a, a:hover, a:hover .linkintext { text-decoration: none; color: #fff; }

.sublinks { 
	line-height: 1.8em; 
	padding: 3px 0px 10px 0px;
	font-style: italic;
}

/* .gallerylinks { 
	padding-left: 10px; 
	line-height: 1.5em;
} */


.quote { padding: 3px 0px 0px 0px; margin: 0px; }

.name { 	font-size: 20px; }

.quote, .linkintext { font-style: italic; }

.sublink { text-decoration: none; }

.linkintext, .name, .active {	font-weight: bold; }

a:hover, .sublink, .linkintext { 	color:#cce1ff; }

.quote { color: #cce1ff; }

.nav a img { border: 0; }

.titleintext { font-weight: bold;  font-size: 18px;}

.italic { font-style: italic; }


#txt, .txt { margin: 10px 0px 10px 10px; }
#txt2 { clear: both; }
#txt ul { list-style: circle; padding-left: 25px; }

	
/*Energy styles*/

	#energypage p { 
		margin: 5px 0px 10px 10px; 
		}
	
	#escale { 	border: 1px groove #FFF; 	}
	#energystar {
		float: left; 
		padding: 5px 10px 5px 0px;
		}

/*end energy styles */

#test { background-image: url(images/page/whitetext.png);  }

#form { width: 350px; }
#form td { padding-bottom: 5px; }
#contact h3 { padding-bottom: 15px; }


.title { 
padding: 0px;
margin: 0px;
text-align: center;
}

.title img { z-index: 1000; }

.subtitle {
	font-size: 18px;
}



/*floorplan gallery styles*/
	
	.gallery_floorplans img {
		text-align: center;
		border: 4px solid #fff;
	}	

	.gallery_floorplans a:hover img { border: 4px solid #cce1ff;	}

	.tiny img { border: 3px solid #fff; }
	.tiny a:hover img { border: 3px solid #cce1ff; }

	.gallery_floorplan, .gallery_floorplan ul, .gallery_floorplan ul li, #livesmart, #livewell, #livesmart ul, #livemsmart ul li, #livewell ul, #livewell ul li  { 
		padding: 0px;
		margin: 0px;
		}
	
	.info, .image, .tiny { 
		line-height: 1.7em;
		font-size: 16px;
		display: inline;
		height: 125px;
		float: left;
	}
	
	.info, .image { padding: 3px; }
	.info { 		width: 100px;	}

	.tiny { padding: 3px 3px 0px 0px; margin: 0px; float: left; height: 50px; }

	.housename {
		font-size: 26px;
		font-style: italic;
		border-bottom: 1px dotted #fff;
		padding: 2px 0px;
		width: 100%;
		clear: both;
	}
	
/* Header styles */
	.header {
		clear:both;
		float:left;
		width:100%;
		color:	#fff;
		margin-top: 25px;
	}
	/* .header { 	border-bottom: 2px solid #fff;} */
	.header p, .header h1, .header h4 {
		padding: 8px 15px 0 15px;
		margin:0;
	}
	.header ul {
		clear:left;
		float:left;
		width:100%;
		margin:10px 0 0 0;
		padding:0;
		font-weight: bold;
	}
	.header ul li {
		display:inline;
		margin:0;
		padding:0;
	}
	.header ul li a {
		display: inline-block;
		display:block;
		float:left;
		margin:0px;
		padding:3px 10px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		background-image:url(images/page/header.png);
	}
	
	.header ul li a span {	display:block; }

/* 'widths' sub menu */
	#subheader {
		clear:both;
		color: #fff;
	/*	border-top: 1px dotted #fff;
		border-left: 1px dotted #fff;
		border-right: 1px dotted #fff; */
		background-position: center;
		margin:0;
		padding:10px 26px 0px 26px!important;
		width: 748px;
		font-size: 20px;
	}
/* column container */
	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;	
	}
		
/* 2 Column (left menu) settings */

	.leftmenu {
	background-position: center;
	color: #fff;
	/* border-left: 1px dotted #fff;
					border-right: 1px dotted #fff; */
					width: 799px;	
	}	/* right column background colour */
	
	.leftmenu .colleft {
		right:75%;			/* right column width */
	/*	background:#314984;	 left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
		padding: 9px 0px;
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
		padding: 15px 8px;
	}
	
	
/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width: 100%;
		color: #fff;
		text-align: center;
	}
	
	#footer p {
		padding:10px;
		margin:0;
		font-size: 80%;
	}
	
	#footer img {
		float: right;
		padding-right: 18px;
	}
	
	#banner { font-size: 60%; }


/* styles relating to index.html and setting up the transparency/background combination */
	
	#home .leftmenu, #home #homeactive, #homelinks ul li a:hover, #home #subheader, #home #footer  {  
			background-image: url(images/page/80navy.png);
			background-position: center;
	}
	
	#homequote { color: #b6f2ec; }

/* this is the end of index.html styles */

/*buildings.html styles*/

	.buildings_h1 a:hover, .buildings_h2 a:hover, .buildings_h3 a:hover { cursor: pointer; cursor: hand; }

	#buildings .leftmenu, #buildings #buildingactive, #buildinglinks ul li a:hover, #buildings #subheader, #buildings #footer  {  
			background-image: url(images/page/80aqua.png);
			background-position: center;
	}

	#buildingsquote { color: #FBDDBD; }
/*	#galleryquote { color:#F2DBFF;  }
	#floorplansquote { color:#dae9b7;}
	#standardquote {color:#FCC;} */
	
	
	
	.buildings_h1, .buildings_h2, .buildings_h3, .about_h1, .renovation_h1, .home_h1, .contact_h1, .realty_h1 {		
			padding: 10px; 
			border: 1px groove #fff;
			text-transform: uppercase;
			float: left; 
			clear: both; 
		}
	
	.buildings_h1, .about_h1, .renovation_h1, .home_h1, .contact_h1, .realty_h1 { 
			margin: 10px 0px; 			
			width: 540px;
			letter-spacing: 3px;	
			word-spacing: 5px;				
		}
	
	.buildings_h2 {
			margin: 10px;
			width: 530px;
			letter-spacing: 2px;					
			}	
	
	.buildings_h3 { 
			margin: 10px 0px 10px 20px;
			width: 520px;
			letter-spacing: 1px;
			}
	
	
	/*color styles for text headers*/
	
	.buildings_h3, .home_h1, .contact_h1 {			
			background-image: url(images/page/80turquoise.png);
		}
	
	.buildings_h1 {			
			background-image: url(images/page/80forest.png);
		}
	
	.buildings_h2, .about_h1, .renovation_h1, .realty_h1 { background-image:url(images/page/80navy.png);}

	
	/*end color styles for text headers*/
	
	#buildings_txt, #standard {
			margin: 10px 0px 10px 30px;
			width: 510px;'
			}
					
	#buildings_txt ul { 
			padding-left: 30px;
			line-height: inherit;
			}
	
	#buildings_txt ul li { padding: 5px 0px; }
	
	.gallery img { 
			float: left;	
			padding: 0px; 
			margin: 5px; 
			border: 3px solid #fff; }
	
	.gallery a:hover img { border: 3px solid #cce1ff; }
	
	
	.gallery, #livesmart, #livewell { margin-left: 12px; }
	
	
/*end buildings.html styles*/

/*about.html styles*/
	#about .leftmenu, #about #aboutactive, #aboutlinks ul li a:hover, #about #subheader, #about #footer  {  
			background-image: url(images/page/80teal.png);
			background-position: center;
	}
	
	#aboutquote { color: #FDE;}
	
	
/*end about.html styles*/

/*renovation.html styles*/
	#renovation .leftmenu, #renovation #renovationactive, #renovationlinks ul li a:hover, #renovation #subheader, #renovation #footer  {  
			background-image: url(images/page/80mint.png);
			background-position: center; }		
	#renovationquote { color:#FC9;}				
/*end renovation.html styles*/

/*realty.html styles*/
	#realty .leftmenu, #realty #realtyactive, #realtylinks ul li a:hover, #realty #subheader, #realty #footer  {  
			background-image: url(images/page/80forest.png);
			background-position: center; }		
	#realtyquote { color:#FFC; }				
			
/*end realty.html styles*/

/*commercial.html styles*/
	#commercial .leftmenu, #commercial #commercialactive, #commerciallinks ul li a:hover, #commercial #subheader, #commercial #footer  {  
			background-image: url(images/page/80gray.png);
			background-position: center; }		
	#commercialquote { color: #CFF; }				
			
/*end commercial.html styles*/

/*contact.html styles*/
	#contact .leftmenu, #contact #contactactive, #contactlinks ul li a:hover, #contact #subheader, #contact #footer  {  
			background-image: url(images/page/80navy.png);
			background-position: center; }

	#contactquote { color: #FFC; }

			
/*end contact.html styles*/

/*sitemap.html styles*/

	
	#sitemap .leftmenu, #sitemap #sitemapactive, #sitemaplinks ul li a:hover, #sitemap #subheader, #sitemap #footer  {  
			background-image: url(images/page/80aqua.png);
			background-position: center; }	

	#sitemapquote { color:#CFC; }
	
	.sitemap a { 		text-transform: uppercase; font-weight: bold;  }
	.sitemap a:hover { font-style: italic; }
	
	.tier1, .tier2 { 
		padding: 3px;
		margin: 5px;
		}
			
	.tier2 {	margin-left: 30px; }
	
	

/*end sitemap.html styles*/


#bg { position: fixed; top: 0; left: 0; z-index: -100; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }