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

body,
div,
img { 
	margin:0;
	padding:0;
	}

img { 
	border:0; 
	}

body { 
	color:#6e6f71;
	font-size:62.5%; 
	font-family:Arial, Helvetica, sans-serif;
	}
	
#wrap {
	font-size:1.2em;
	}
	
#container {
	line-height:160%;
	}
	
	#container h1 {
		color:#4a6588;
		font-size:1.1em;
		}
		
	#container h2 {
		font-size:1em;
		color:#7792bb;
		}
		
	.thanksMsg {
		color:#5e779b;
		}
		
	.errorMsg {
		color:#ff0000;
		}
		
	.specsList {
		color:#709bd4;
		font-weight:bold;
		}
	
#footer {
	font-size:.9em;
	line-height:110%;
	}
	
#footer p {
	font-size:1em;
	color:#c0c0c0;
	line-height:120%;
	}
	
.f12 {
	font-size:1em;
	}
	
.red {
	color:#ff0000;
	}
	
body {
	background:#f5f5f5;
	}
	
#wrap {
	margin:0 auto;
	width:800px;
	background:url(images/bg.jpg) #f5f5f5 repeat-y center;
	}
	
#header {
	padding:12px 26px 0 31px;
	background:url(images/99-Hawthorne.jpg) no-repeat top;
	}
	
#header.index img {
	width:743px;
	height:295px;
	display:block;
	}
	
#header .home {
	padding-left:43px;
	padding-bottom:9px;
	}
	
	#header .home img {
		width:265px;
		height:51px;
		}
	
#header .ava {
	margin:0;
	padding:0;
	width:743px;
	height:295px;
	border:0;
	}
	
#navWrap {
	padding:0 26px 0 31px;
	}
	
#nav {
	margin:0;
	width:743px;
	height:28px;
	background:url(images/nav-bg.gif) repeat-x top;
	}
	
	#nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}
	
	#nav a {
		display: block;
	}
	
	#nav li { /* all list items */
		float: left;
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		background: none;
		width: 258px;
		margin-top:-1px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
		
#container {
	padding:8px 63px 8px 74px;
	}
	
	#container h1 {
		margin:0;
		padding:0;
		margin-top:15px;
		margin-bottom:10px;
		}
		
	#container h2 {
		margin:0;
		padding:0;
		margin-top:5px;
		margin-bottom:10px;
		}
	
	#container p {
		margin:0;
		padding-bottom:15px;
		}
		
	#container form {
		margin-top:0;
		padding-top:0;
		}
		
	#container .height {
		height:250px;
		}
	
	#container .home {
		width:663px;
		background:#fff;
		}
		
	#container .indexImg {
		background:#fff;
		float:left;
		}
		
	#container .indexTxt {
		padding-left:50px;
		width:395px;
		background:#fff;
		float:right;
		}
		
	#container .downloads,
	#container .downloads li {
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#container .downloads {
			margin:25px 0;
			}
		
		#container .downloads li {
			padding:7px;
			border-bottom:1px solid gray;
			}
			
			#container .downloads li.first {
				border-top:1px solid gray;
				}
				
		#container table.dls {
			width:100%;
			border:0;
			}
				
				#container table.dls a img {
					border:4px solid #d5d5d6;
					}
					
				#container table.dls a:hover img {
					border:4px solid #b5d5ff;
					}
			
				
		#container .contact-form {
			margin-top:0;
			padding-top:0;
			width:350px;
			}
			
			#container .contact-form td {
				width:170px;
				}
				
				#container .contact-form td input {
					width:165px;
					}
					
				#container .contact-form td textarea {
					width:350px;
					height:60px;
					}
					
				#container .contact-form td input.button {
					width:auto !important;
					}
					
	#container .thanksMsg {
		padding:10px;
		background:#dcecfb;
		border:1px solid #b5d3fe;
		}
					
	#container .errorMsg {
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		background:#ffe7e7;
		border:1px solid #ff0000;
		}
		
		#container .errorMsg ul {
			margin-top:0;
			margin-bottom:0;
			padding-top:0;
			padding-bottom:0;
			}
			
	#container .specsList {
		margin-left:0;
		padding-left:0;
		}
		
		#container .specsList li {
			width:46%;
			padding-left:17px;
			padding-bottom:4px;
			list-style:none;
			background:url(images/circle-bullet.gif) no-repeat 0px 4px;
			float:left;
			}
			
		#container .specsList li.sub {
			width:47%;
			padding-left:0;
			background:none;
			}
		
#footer {
	padding:0 26px 0 31px;
	display:block;
	clear:both;
	}
	
	#footerTxt {
		padding-left:10px;
		padding-right:10px;
		width:723px;
		border-top:9px #b4d5ff solid;
	}
	
		#footerTxt ul,
		#footerTxt li {
			margin:0;
			padding:0;
			list-style:none;
			}
			
		#footerTxt li {
			padding:10px 17px;
			float:left;
			}
			
		#footerTxt p {
			margin:0 auto;
			padding:0;
			padding-top:15px;
			padding-bottom:15px;
			width:97%;
			clear:both;
			}
			
/*====================================
 +Begin Nav Link Hover
 =====================================*/ 

a.aboutimg span,
a.aboutactive span,
a.aboutmainactive span,
a.aboutmain span,
a.specs span,
a.specsactive span,
a.location span,
a.locationactive span,
a.availabilities span,
a.availabilitiesactive span,
a.downloads span,
a.downloadsactive span,
a.contacts span,
a.contactsactive span {
	display:none;
	}

a.aboutimg,
a.aboutimg:visited {
	width:98px;
	height:28px;
	background:url(images/about.gif) #d5d5d6 top left;
	}
	
a.aboutimg:hover,
a.aboutimg:active {
	width:98px;
	height:28px;
	background:url(images/about-active.gif) top left;
	}
	
a.aboutactive,
a.aboutactive:visited,
a.aboutactive:active,
a.aboutactive:hover {
	width:98px;
	height:28px;
	background:url(images/about-active.gif) #d5d5d6 top left;
	}
	
a.aboutmain,
a.aboutmain:visited {
	width:207px;
	height:28px;
	background:url(images/about-building-overview.gif) #d5d5d6 top left;
	}
	
a.aboutmain:hover,
a.aboutmain:active {
	width:207px;
	height:28px;
	background:url(images/about-building-overview-active.gif) top left;
	}
	
a.aboutmainactive,
a.aboutmainactive:visited,
a.aboutmainactive:active,
a.aboutmainactive:hover {
	width:207px;
	height:28px;
	background:url(images/about-building-overview-active.gif) #d5d5d6 top left;
	}
	
a.specs,
a.specs:visited {
	width:207px;
	height:28px;
	background:url(images/about-building-specifications.gif) #d5d5d6 top left;
	}
	
a.specs:hover,
a.specs:active {
	width:207px;
	height:28px;
	background:url(images/about-building-specifications-active.gif) top left;
	}
	
a.specsactive,
a.specsactive:visited,
a.specsactive:active,
a.specsactive:hover {
	width:207px;
	height:28px;
	background:url(images/about-building-specifications-active.gif) #d5d5d6 top left;
	}

a.location,
a.location:visited {
	width:109px;
	height:28px;
	background:url(images/location.gif) #d5d5d6 top left;
	}

a.location:hover,
a.location:active {
	width:109px;
	height:28px;
	background:url(images/location-active.gif) top left;
	}
	
a.locationactive,
a.locationactive:visited,
a.locationactive:hover,
a.locationactive:active {
	width:109px;
	height:28px;
	background:url(images/location-active.gif) #d5d5d6 top left;
	}
	
a.availabilities,
a.availabilities:visited {
	width:134px;
	height:28px;
	background:url(images/availabilities.gif) #d5d5d6 top left;
	}

a.availabilities:hover,
a.availabilities:active {
	width:134px;
	height:28px;
	background:url(images/availabilities-active.gif) top left;
	}
	
a.availabilitiesactive,
a.availabilitiesactive:visited,
a.availabilitiesactive:hover,
a.availabilitiesactive:active {
	width:134px;
	height:28px;
	background:url(images/availabilities-active.gif) #d5d5d6 top left;
	}
	
a.downloads,
a.downloads:visited {
	width:131px;
	height:28px;
	background:url(images/downloads.gif) #d5d5d6 top left;
	}

a.downloads:hover,
a.downloads:active {
	width:131px;
	height:28px;
	background:url(images/downloads-active.gif) top left;
	}
	
a.downloadsactive,
a.downloadsactive:visited,
a.downloadsactive:hover,
a.downloadsactive:active {
	width:131px;
	height:28px;
	background:url(images/downloads-active.gif) #d5d5d6 top left;
	}
	
a.contacts,
a.contacts:visited {
	width:109px;
	height:28px;
	background:url(images/contacts.gif) #d5d5d6 top left;
	}

a.contacts:hover,
a.contacts:active {
	width:109px;
	height:28px;
	background:url(images/contacts-active.gif) top left;
	}
	
a.contactsactive,
a.contactsactive:visited,
a.contactsactive:hover,
a.contactsactive:active {
	width:109px;
	height:28px;
	background:url(images/contacts-active.gif) #d5d5d6 top left;
	}
 
 
 
			
/*====================================
 +Begin Misc
 =====================================*/ 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
 
/**************************************/