﻿* {padding: 0;margin: 0;}
html {background-color: black;}

body {background-color: black;color: white;text-align: center;font: normal 14px/1.5 "helvetica neue", helvetica, sans-serif;}
img {border: none;}

header {display: block;height: 604px;width: 100%;}
#smoke {background: black url(images/header_backdroplarge.jpg) repeat-x bottom center;}
#skyline {background: black url(images/header_backdroplarge2.jpg) repeat-x bottom center;}
#historic {background: black url(images/bnh_bw.jpg) repeat-x bottom center;}
header section {position: relative;top: 470px;display: block;background: transparent url(images/navbar.png) repeat-x top center;height: 139px;width: 100%;}
header nav {width: 960px;display: block;margin: 0 auto;}
header h1 {position: relative;top: 4px;width: 517px;height: 131px;float: left;}
header h1 a {text-decoration: none;text-indent: -9999px;display: block;width: 517px;height: 131px;background: transparent url(images/liveatthetop.png) no-repeat left center;}
header h1 a:hover {}
header ul {position: relative;top: 4px;width: 420px;float: right;height: 131px;}
header li {display: block;width: 102px;float: left;}
header li a {display: block;width: 102px;height: 131px;font-weight: bold;color:white;text-decoration: none;background: }
header span {position: relative;top: 72px;}
header li a:hover {background: #590000;background: rgba(89,0,0,.65);}
p a {color: #999;}
p a:hover {color: white !important;}


#apartments {background: transparent url(images/apartments.jpg) repeat-x top center;height: 129px;width: 100%;text-indent: -9999px;}


#content {width: 960px;margin: 0 auto;text-align: left;display: block;}
article, form {display: block;float: left;width: 540px;padding: 0 10px;}
h2 {font: normal 28px/1.5 georgia, serif;padding: 40px 0 20px 0;}
p {padding-bottom: 10px;}
#onecolumn {width: 440px;float: left;}
#twocolumn {width: 440px;float: right;}

#intro h2 {}
#intro p {}

fieldset {border: none;}
legend {display: none;}
label {display: none;}
input {display: block;margin-bottom: 20px;padding: 6px;color: #999;width: 250px;}
textarea {display: block;padding: 6px;color: #999;width: 300px;height: 100px;}
button {display: block;cursor: pointer;background-color: #9c0003;border: 1px solid #9c0003;color: white;padding: 10px 20px;margin-top: 20px;font-size: 14px;}
button:hover {background-color: black;color: white;border-color: #333;}

#location {width:330px;float:right;}
#location h2 em {float:right;font: normal 17px/1.5 "helvetica neue", helvetica, sans-serif;color: #ffffff;position: relative;top: 10px;padding: 0 38px 0 0;}

#googlemap {padding:0px 0px 0px 7px;}
#googlemap h4 {display:block;height:50px;clear:both;background: transparent url(images/header_location.gif) no-repeat 0px 25px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-indent:-9999px;}
#map img {padding: 37px 0 0 0px;}

#mapbuttons li {list-style-type: none;}
#googlemaps {float:left;}
#googlemaps a {text-decoration: none;display: block;width: 141px;height: 75px;text-indent: -9999px;background: transparent url(images/googlebutton.gif) no-repeat top center;margin: 25px 0px 0px 0px;}
#googlemaps a:hover {background-position: 0px -76px;}

#walkscore {float:right;} 
#walkscore a {text-decoration: none;display: block;width: 141px;height: 75px;text-indent: -9999px;background: transparent url(images/walkscorebutton.gif) no-repeat top center;margin: 25px 13px 0px 0px;}
#walkscore a:hover {background-position: 0px -76px;}


#apartment_listing li {list-style-type: none;padding-bottom: 40px;clear: both;overflow: hidden;}
#apartment_listing h2 {border-bottom: 1px solid #333;padding: 40px 0 5px 10px;}
#apartment_listing h2 a {border: 1px solid #222;position: relative;left: 10px;bottom: 4px;color: #999 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #222;color: white;font: normal 11px/1 "helvetica neue", helvetica, sans-serif;padding: 4px 6px;text-decoration: none;}
#apartment_listing h2 a:hover {background-color: #9c0003;border-color: #9c0003;color: white !important;}
#apartment_listing h2 em {float:right;font: normal 26px/1.5 "helvetica neue", helvetica, sans-serif;color: #9c0003;position: relative;top: 4px;padding: 0 20px 0 0;}
#apartment_listing dl {float: left;width: 235px;padding: 20px 0 0 0;}
.terms {width: 235px !important;}
#apartment_listing dt {text-transform: uppercase;font-weight: bold;color: #777;padding: 0 0 5px 10px;}
#apartment_listing dd {padding: 0 10px 10px 10px;}
aside {float: right;width: 480px;padding-top: 20px;}
aside ul {float: right;width: 235px;position: relative;right: 10px;}
aside li {float: left;clear: none !important;padding: 0 0 6px 6px !important;}
aside li img {display: block;}
aside li a {border: 4px solid black;display: block;float: left;}
aside li a:hover {border-color: white;}
aside p {width: 240px;}
aside p img {padding: 4px 0 0 4px;}

footer {display: block;clear: both;text-align: center;padding: 80px 0px 10px 0;font-size: 10px;color: #666;}

