@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	background: #ccd5ec;
}

h1 {
	font-size: 30px;
	color: #674f24;
	margin: 0;
	font-weight: normal;
	line-height: normal;
}

h2 {
	font-size: 20px;
	color: #674f24;
	margin: 25px 0 0 0;
	font-weight: normal;
	line-height: normal;
}

h3 {
	font-size: 16px;
	color: #674f24;
	margin: 25px 0 0 0;
	font-weight: normal;
	line-height: normal;
}

p {margin-top: 16px; margin-bottom: 0;}

a {color: #297aee; text-decoration: underline;}
a:visited {color: #455e83; text-decoration: underline;}
a:hover {color: #5fa0ff; text-decoration: underline;}

a img {border: none;}

#header-container {
	width: 100%;
	height: 110px;
	background: url(../graphics/bg-header-outside.gif) repeat-x;
	border-bottom: 2px solid #ffffff;
}

	#header {
		width: 976px;
		height: 110px;
		margin: 0 auto;
		background: url(../graphics/bg-header-inside.gif) repeat-x;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
		#header-left {
			width: 421px;
			height: 110px;
			background: url(../graphics/brownstones-on-france.gif) no-repeat;
			float: left;
		}
		
			#header-left a {
				width: 421px;
				height: 110px;
				display: block;
			}
		
		#header-right {
			width: 555px;
			height: 34px;
			margin-top: 76px;
			background: url(../graphics/bg-nav.gif) no-repeat #347aea;
			float: right;
		}
		
			#nav {margin: 0; padding: 0; list-style: none; float: right;}
			
			#nav li {margin: 0; padding: 0; list-style: none; float: left;}
				
				#nav li a {
					height: 34px;
					display: block;
					float: left;
				}
				
				#nav li a:hover {background-position: 0 -34px; background-repeat: no-repeat;}
				
				.nav-units {width: 66px; background: url(../graphics/nav/nav-units.gif) no-repeat;}
					.nav-units-on {width: 66px; background: url(../graphics/nav/nav-units.gif) 0 -34px no-repeat;}
				.nav-location {width: 103px; background: url(../graphics/nav/nav-location.gif) no-repeat;}
					.nav-location-on {width: 103px; background: url(../graphics/nav/nav-location.gif) 0 -34px no-repeat;}
				.nav-availability {width: 117px; background: url(../graphics/nav/nav-availability.gif) no-repeat;}
					.nav-availability-on {width: 117px; background: url(../graphics/nav/nav-availability.gif) 0 -34px no-repeat;}
				.nav-contact {width: 119px; background: url(../graphics/nav/nav-contact-us.gif) no-repeat;}
					.nav-contact-on {width: 119px; background: url(../graphics/nav/nav-contact-us.gif) 0 -34px no-repeat;}
				.nav-home {width: 73px; background: url(../graphics/nav/nav-home.gif) no-repeat;}
					.nav-home-on {width: 73px; background: url(../graphics/nav/nav-home.gif) 0 -34px no-repeat;}

#middle-container {
	width: 100%;
	height: 234px;
	background: url(../graphics/bg-middle-outside.gif) repeat-x;
	border-bottom: 2px solid #ffffff;
}

	#middle {
		width: 976px;
		height: 234px;
		margin: 0 auto;
		background: url(../graphics/bg-middle-inside.gif) repeat-x;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}		
	
#body-container {
	width: 100%;
	background: url(../graphics/bg-body-outside.gif) repeat-x bottom #90ade3;
}

	#sub-nav {
		width: 976px;
		height: 34px;
		margin: 0 auto;
		background: #fff8e5;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
		#sub-nav-list {
			margin: 0;
			padding: 0 0 0 60px;
			list-style: none;
			background: url(../graphics/bg-subnav.gif) #ebddc3 no-repeat;
			float: right;
		}
		
			#sub-nav-list li {
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
			}
				
				#sub-nav-list li a {
					display: block;
					height: 34px;
					float: left;
				}
				
				#sub-nav-list li a:hover {background-position: 0 -34px; background-repeat: no-repeat;}
				
				.sub-interior {width: 71px; background: url(../graphics/nav/sub-interior.gif) no-repeat;}
					.sub-interior-on {width: 71px; background: url(../graphics/nav/sub-interior.gif) 0 -34px no-repeat;}
				.sub-exterior {width: 73px; background: url(../graphics/nav/sub-exterior.gif) no-repeat;}
					.sub-exterior-on {width: 73px; background: url(../graphics/nav/sub-exterior.gif) 0 -34px no-repeat;}
				.sub-project-features {width: 128px; background: url(../graphics/nav/sub-project-features.gif) no-repeat;}
					.sub-project-features-on {width: 128px; background: url(../graphics/nav/sub-project-features.gif) 0 -34px no-repeat;}
				.sub-photo-gallery {width: 116px; background: url(../graphics/nav/sub-photo-gallery.gif) no-repeat;}
					.sub-photo-gallery-on {width: 116px; background: url(../graphics/nav/sub-photo-gallery.gif) 0 -34px no-repeat;}

	#body {
		width: 920px; /*976px;*/
		margin: 0 auto;
		padding: 0 28px;
		line-height: 22px;
		background: url(../graphics/bg-body-inside.gif) bottom repeat-x #fff8e5;
		border-bottom: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
		#body-left {
			width: 528px;
			padding-top: 28px;
			float: left;
		}
		
		#body-left-subpages {
			width: 528px;
			float: left;
		}
		
		#body-right {
			width: 362px;
			padding-top: 58px;
			float: right;
		}

			#appliances,
			#countertops,
			#windows_doors,
			#cabinetry,
			#personal_elevator,
			#bathroom_fixtures,
			#fireplace,
			#decorative_hardware,
			#security_communication,
			#lighting {
				width: 300px;
				text-align: center;
				visibility: hidden;
				position: absolute;
				border: 3px double #828280;
				left: 0;
				top: 120px;
			}
		
		#body-right-subpages {
			width: 362px;
			padding-top: 30px;
			position: relative;
			float: right;
		}
		
			#right-box {
				width: 344px;
				padding: 20px 9px;
				background: url(../graphics/bg-body-right-box.gif) repeat-x bottom #f9e6d3;
			}
			
				#property-information {
					width: 300px;
					margin: 0 auto;
					font-size: 11px;
					line-height: 16px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				
					#property-information h2 {
						margin: 0;
						text-align: center;
					}
					
		#body-full {
			width: auto;
			padding: 1px 0 0 0;
		}
	
		#body-bottom {
			padding: 42px 0 8px 0;
			text-align: center;
			font-size: 11px;
		}
		
#footer {
	width: 980px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}

	#footer a,#footer a:visited {color: #000000; text-decoration: underline;}
	#footer a:hover {color: #000000; text-decoration: none;}
		



/****** LISTS ******/

ul {margin: 13px 0 0 10px; padding: 0;}
	
	ul li {
		margin: 3px 0;
		padding: 0 0 0 20px;
		list-style: none;
		background: url(../graphics/icons/arrow-right.gif) 0 3px no-repeat;
	}


#list-locations {
	margin: 16px 0 0 20px;
	padding: 0;
	float: left;
}

	#list-locations li {
		margin: 0 0 0 10px;
		padding: 0;
		width: 122px;
		list-style: none;
		float: left;
		background: none;
		font-size: 11px;
		line-height: 15px;
	}

#list-unit-buttons {margin: 16px 0 0 0; padding: 0;}

	#list-unit-buttons li {
		margin: 0;
		padding: 0 8px 0 0;
		list-style: none;
		display: inline;
		background: none;
	}
	
#list-unit-types {margin: 16px 0 0 0; padding: 0;}

	#list-unit-types li {
		margin: 0 14px 14px 0;
		padding: 0;
		width: 248px;
		height: 124px;
		font-size: 10px;
		line-height: 14px;
		list-style: none;
		border: 1px solid #674f24;
		background: none;
		display: block;
		float: left;
	}
	
		#list-unit-types li a, #list-unit-types li a:visited {
			width: 100px;
			height: 108px;
			padding: 8px 8px 8px 140px;
			display: block;
			color: #000000;
			background-color: #f1e8d7;
			text-decoration: none;
		}
		
		#list-unit-types li a:hover {
			color: #000000;
			background-color: #fbf6eb;
			text-decoration: none;
		}
		
		.garage {background: url(../graphics/interior/garage.jpg) 8px no-repeat;}
		.a-unit {background: url(../graphics/interior/a-unit.jpg) 8px no-repeat;}
		.b-unit {background: url(../graphics/interior/b-unit.jpg) 8px no-repeat;}
		.c-unit {background: url(../graphics/interior/c-unit.jpg) 8px no-repeat;}
		
		#list-unit-types li h3 {margin: 0 0 8px 0; font-size: 14px; font-weight: bold;}
		
#list-rightbox {margin: 0; padding: 0;}
	
	#list-rightbox li {
		margin: 0;
		padding: 12px 0 12px 72px;
		list-style: none;
		font-size: 12px;
		line-height: 18px;
	}	
	
		.list-right-house {background: url(../graphics/lists/house.gif) 0 14px no-repeat;}
		.list-right-clipboard {background: url(../graphics/lists/clipboard.gif) 0 14px no-repeat;}
		
		#list-rightbox li a, #list-rightbox li a:visited {
			color: #000000;
			text-decoration: none;
			display: block;
		}
		
		#list-rightbox li a:hover {
			color: #0048e9;
			text-decoration: none;
		}
		
.link-black,
.link-black:visited,
.link-black:hover {color: #000000; text-decoration: underline;}

.img-frame {border: 3px double #828280;}

.hiddenspan {display: none;}
.highlight-brown {color: #674f24;}
.highlight-blue {color: #0548a8;}
.text-red {color: #ff0000;}

.content10 {font-size: 10px; line-height: 16px;}
.content11 {font-size: 11px;}
.content12 {font-size: 12px;}

.center {text-align: center;}

.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*html .clearfix {height: 1%;}



/******* FORM STYLES *******/

form {margin: 15px 0 0 0;}

label {
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 6px;
}

input {width: 180px; height: 13px; margin-bottom: 5px; background: url(../graphics/bg-submit-button.gif) repeat-x;}
textarea {background: url(../graphics/bg-text-area.gif) repeat-x #ebf1ff;}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid;
	border-bottom-color: #98b0ff;
	border-right-color: #98b0ff;
	border-left-color: #cad8ff;
	border-top-color: #cad8ff;
}

.submit {
	width: 50px;
	height: 24px;
}

.submit:hover {background: url(../graphics/bg-submit-button.gif) repeat-x 0 -30px;}
.submit:active {
	border-bottom-color: #cad8ff;
	border-right-color: #cad8ff;
	border-left-color: #98b0ff;
	border-top-color: #98b0ff;
	background: url(../graphics/bg-submit-button.gif) repeat-x 0 -60px;
}

input.radio {width: 16px; height: 16px; background: none; border: none; float: left; margin-bottom: 2px;}

textarea {
	width: 240px;
	height: 98px;
}

.boxes {
	width: 16px;
	border: none;
	background: none;
	float: left;
}

.dynamic-text {float: left; margin-top: 4px;}

#submitbutton {
	width: 90px;
	height: 32px;
	padding: 0;
	border: none;
	background: none;
}