/* Atlantic Crossing */

/* RESET! */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }


html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

p {
	margin: 0 0 10px 0;
}

a:link{color:#000;text-decoration:underline;}
a:visited{color:#000;text-decoration:underline;}
a:hover{color:#fff;text-decoration:none; background:#000;}

#maincontainer {
	width: 892px;
	margin: 0 auto;
}

#maincontent {
	width: 892px;
	margin-top: 4px;
}

#left {
	width: 444px;
	float: left;
	margin-right: 4px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
}

#right {
	width: 444px;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #111;
}

#subnav {
	float: left;
}

#subpic {
	float: right;
}

#subpic2 {
	float: left;
}

#subpic3 {
	float: right;
}

#footer {
	font-size: 0.9em;
	margin: 350px 0 0 0;
}


/* ---------------------------------------------------------------------------
	
	> TOP NAV

--------------------------------------------------------------------------- */

#topnav {
	width: 285px;
	height: 16px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 25px 0 10px 606px;
}

#topnav a {
	height: 16px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#topnav_facebook, #topnav_facebook a {
	width: 145px;
	background: url(../_images/topnav.png) no-repeat 0 0;
}

#topnav_gallery, #topnav_gallery a {
	width: 140px;
	background: url(../_images/topnav.png) no-repeat -145px 0;
}

/* hover state */

a:hover#topnav_facebook {
	background-position: 0px -16px;
}

a:hover#topnav_gallery{
	background-position: -145px -16px;
}


/* ---------------------------------------------------------------------------
	
	> MAIN NAV

--------------------------------------------------------------------------- */

#nav {
	width: 892px;
	height: 130px;
	/* float: left; */
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

#nav a {
	height: 130px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#nav_home, #nav_home a {
	width: 220px;
	background: url(../_images/nav.png) no-repeat 0 0;
}

#nav_live, #nav_live a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

#nav_love, #nav_love a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -444px 0;
}

#nav_lease, #nav_lease a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -668px 0;
}

/* hover state */

a:hover#nav_home {
	background-position: 0px -130px;
}

a:hover#nav_live {
	background-position: -220px -130px;
}

a:hover#nav_love {
	background-position: -444px -130px;
}

a:hover#nav_lease {
	background-position: -668px -130px;
}

/* here states */

body.home #nav #nav_home, body.home #nav #nav_home a, body.home #nav #nav_home a:hover {
	background-position: 0px 0px;
}

body.live #nav #nav_live, body.live #nav #nav_live a, body.live #nav #nav_live a:hover {
	background-position: -220px -130px;
}

body.love #nav #nav_love, body.love #nav #nav_love a, body.love #nav #nav_love a:hover {
	background-position: -444px -130px;
}

body.lease #nav #nav_lease, body.lease #nav #nav_lease a, body.lease #nav #nav_lease a:hover {
	background-position: -668px -130px;
}

/* ---------------------------------------------------------------------------
	
	> CONTENT

--------------------------------------------------------------------------- */

#content {
	background-color: #ccc;
	width: 384px;
	padding: 30px;
	margin-bottom: 25px;
}

li {
	margin-left: 15px;
}

body.live #content, body.live-amenities #content, body.live-interiors #content, body.live-floorplans #content, body.live-siteplan #content, body.live-suites #content {
	background-color: #bbd8df;
}


body.love #content, body.love-poi-map #content {
	background-color: #ddc299;
}


body.lease #content, body.lease-officehours #content, body.lease-news #content {
	background-color: #d3ddaa;
}


/* ---------------------------------------------------------------------------
	
	
	
	> HOME



--------------------------------------------------------------------------- */

html body.home #subnav {
	background: url(/_images/fpo-home-special.png) no-repeat;
	width: 220px;
	height: 340px;
}

html body.home #subnav #dyn-box {
	margin: 175px 10px 0 20px;
	height: 75px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------
	
	
	
	> LIVE



--------------------------------------------------------------------------- */

body.live h1 {
	width: 185px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-live.png) no-repeat;
	padding-bottom: 20px;
}

/* SUB NAV for LIVE section */

#subnav-live {
	float: left;
	width: 220px;
	height: 235px;
	background: url(../_images/subnav_live-background.png) no-repeat;
	overflow: hidden;
	padding-top: 105px;
}

#subnav-live a {
	width: 125px;
	display: block;
	text-indent: -9999px;
	float: left;
	padding-bottom: 15px;
}

#subnav-amenities, #subnav-amenities a {
	height: 14px;
	background: url(../_images/subnav_live.png) no-repeat 0 -18px;
}

#subnav-interiors, #subnav-interiors a {
	height: 14px;
	background: url(../_images/subnav_live.png) no-repeat 0px -48px;
}

#subnav-floorplans, #subnav-floorplans a {
	height: 17px;
	background: url(../_images/subnav_live.png) no-repeat 0px -77px;
}

#subnav-siteplan, #subnav-siteplan a {
	height: 18px;
	background: url(../_images/subnav_live.png) no-repeat 0px -107px;
}

#subnav-suites, #subnav-suites a {
	height: 16px;
	background: url(../_images/subnav_live.png) no-repeat 0px -138px;
}

/* hover state */

a:hover#subnav-amenities {
	background-position: 0px -198px;
}

a:hover#subnav-interiors {
	background-position: 0px -228px;
}

a:hover#subnav-floorplans {
	background-position: 0px -257px;
}

a:hover#subnav-siteplan {
	background-position: 0px -287px;
}

a:hover#subnav-suites {
	background-position: 0px -318px;
}

/* here states */

body.live-amenities #subnav-live #subnav-amenities, body.live-amenities #subnav-live #subnav-amenities a, body.live-amenities #subnav-live #subnav-amenities a:hover {
	background-position: 0px -198px;
}

body.live-interiors #subnav-live #subnav-interiors, body.live-interiors #subnav-live #subnav-interiors a, body.live-interiors #subnav-live #subnav-interiors a:hover {
	background-position: 0px -228px;
}

body.live-floorplans #subnav-live #subnav-floorplans, body.live-floorplans #subnav-live #subnav-floorplans a, body.live-floorplans #subnav-live #subnav-floorplans a:hover {
	background-position: 0px -257px;
}

body.live-siteplan #subnav-live #subnav-siteplan, body.live-siteplan #subnav-live #subnav-siteplan a, body.live-siteplan #subnav-live #subnav-siteplan a:hover {
	background-position: 0px -287px;
}

body.live-suites #subnav-live #subnav-suites, body.live-suites #subnav-live #subnav-suites a, body.live-suites #subnav-live #subnav-suites a:hover {
	background-position: 0px -318px;
}


#photo_gallery, #photo_gallery a {
	height: 30px;
	width: 182px;
	overflow: hidden;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	display: block;
	text-indent: -9999px;
	background: url(../_images/butn-photogallery.png) 0 0;
}

a:hover#photo_gallery {
	background-position: 0 -30px;
}

/* ---------------------------------------------------------------------------
	
	> LIVE > AMENITIES

--------------------------------------------------------------------------- */

body.live-amenities h1 {
	width: 284px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-live_amenities.png) no-repeat;
	padding-bottom: 20px;
}

/* main nav */
body.live-amenities #nav_live, body.live-amenities #nav_live a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.live-amenities #nav #nav_live, body.live-amenities #nav #nav_live a, body.live-amenities #nav #nav_live a:hover {
	background-position: -220px -130px;
}

/* ---------------------------------------------------------------------------
	
	> LIVE > INTERIORS

--------------------------------------------------------------------------- */

body.live-interiors h1 {
	width: 221px;
	height: 50px;
	text-indent: -9999px;
	background: url(../_images/title-live_interiors.png) no-repeat;
	padding-bottom: 20px;
}

/* main nav */
body.live-interiors #nav_live, body.live-interiors #nav_live a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.live-interiors #nav #nav_live, body.live-interiors #nav #nav_live a, body.live-interiors #nav #nav_live a:hover {
	background-position: -220px -130px;
}

/* ---------------------------------------------------------------------------
	
	> LIVE > FLOOR PLANS

--------------------------------------------------------------------------- */

body.live-floorplans h1 {
	width: 195px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-live_floorplans.png) no-repeat;
	padding-bottom: 20px;
}

/* main nav */
body.live-floorplans #nav_live, body.live-floorplans #nav_live a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.live-floorplans #nav #nav_live, body.live-floorplans #nav #nav_live a, body.live-floorplans #nav #nav_live a:hover {
	background-position: -220px -130px;
}

/* content box */
body.live-floorplans #content {
	height: 280px;
}

#floorplans {
	float: right;
	background-color: #999;
	height: 280px;
	width: 160px;
	padding: 30px;
	color: #111;
}

#floorplans h2 {
	width: 84px;
	height: 15px;
	text-indent: -9999px;
	background: url(../_images/subtitle-floorplans.png) no-repeat;
	padding-bottom: 15px;
}

/* A1 floorplan button */
#a1, #a1 a {
	height: 30px;
	width: 30px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
	display: block;
	text-indent: -9999px;
	background: url(../_images/floorplans-a-butn.png) 0 0;
}

a:hover#a1 {
	background-position: 0 -30px;
}

/* A2 floorplan button */
#a2, #a2 a {
	height: 30px;
	width: 30px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../_images/floorplans-a-butn.png) -30px 0;
}

a:hover#a2 {
	background-position: -30px -30px;
}

/* B1 floorplan button */
#b1, #b1 a {
	height: 30px;
	width: 30px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
	display: block;
	text-indent: -9999px;
	background: url(../_images/floorplans-b-butn.png) 0 0;
}

a:hover#b1 {
	background-position: 0 -30px;
}

/* B2 floorplan button */
#b2, #b2 a {
	height: 30px;
	width: 30px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../_images/floorplans-b-butn.png) -30px 0;
}

a:hover#b2 {
	background-position: -30px -30px;
}

/* C1 floorplan button */
#c1, #c1 a {
	height: 30px;
	width: 30px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
	display: block;
	text-indent: -9999px;
	background: url(../_images/floorplans-c-butn.png) 0 0;
}

a:hover#c1 {
	background-position: 0 -30px;
}

/* C2 floorplan button */
#c2, #c2 a {
	height: 30px;
	width: 30px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../_images/floorplans-c-butn.png) -30px 0;
}

a:hover#c2 {
	background-position: -30px -30px;
}

/* ---------------------------------------------------------------------------
	
	> LIVE > SITEPLAN

--------------------------------------------------------------------------- */

body.live-siteplan h1 {
	width: 193px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-live_siteplan.png) no-repeat;
	padding-bottom: 20px;
}

/* main nav */
body.live-siteplan #nav_live, body.live-siteplan #nav_live a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.live-siteplan #nav #nav_live, body.live-siteplan #nav #nav_live a, body.live-siteplan #nav #nav_live a:hover {
	background-position: -220px -130px;
}

/* content box */
body.live-siteplan #content {
	height: 280px;
}

#siteplan, #siteplan a {
	height: 30px;
	width: 149px;
	overflow: hidden;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	display: block;
	text-indent: -9999px;
	background: url(../_images/butn-siteplan.png) 0 0;
}

a:hover#siteplan {
	background-position: 0 -30px;
}

/* ---------------------------------------------------------------------------
	
	> LIVE > GUEST SUITES

--------------------------------------------------------------------------- */

body.live-suites h1 {
	width: 126px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-live_guestsuites.png) no-repeat;
	padding-bottom: 20px;
}

/* main nav */
body.live-suites #nav_live, body.live-suites #nav_live a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.live-suites #nav #nav_live, body.live-suites #nav #nav_live a, body.live-suites #nav #nav_live a:hover {
	background-position: -220px -130px;
}

/* content box */
body.live-suites #content {
	height: 280px;
}

/* ---------------------------------------------------------------------------
	
	
	
	
	> LOVE <3




--------------------------------------------------------------------------- */

body.love h1 {
	width: 319px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-love.png) no-repeat;
	padding-bottom: 20px;
}

/* SUB NAV for LOVE section */

#subnav-love {
	float: left;
	width: 220px;
	height: 235px;
	background: url(../_images/subnav_love-background.png) no-repeat;
	overflow: hidden;
	padding-top: 105px;
}

#subnav-love a {
	width: 140px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#subnav-poi-map, #subnav-poi-map a {
	height: 39px;
	background: url(../_images/subnav_love.png) no-repeat 0 0px;
}

/* hover state */

a:hover#subnav-poi-map {
	background-position: 0px -39px;
}

/* here states */

body.love-poi-map #subnav-love #subnav-poi-map, body.love-poi-map #subnav-love #subnav-poi-map a, body.love-poi-map #subnav-love #subnav-poi-map a:hover {
	background-position: 0px -39px;
}

/* ---------------------------------------------------------------------------
	
	> LOVE <3 > POINTS OF INTEREST

--------------------------------------------------------------------------- */

#poi-map {
	float: right;
	background-color: #999;
	height: 280px;
	width: 160px;
	padding: 30px;
	color: #111;
}

#poi-map h2 {
	width: 136px;
	height: 16px;
	text-indent: -9999px;
	background: url(../_images/subtitle-poi-map.png) no-repeat;
	padding-bottom: 15px;
}

/* main nav */
body.love-poi-map #nav_love, body.love-poi-map #nav_love a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -444px 0;
}

body.love-poi-map #nav #nav_love, body.love-poi-map #nav #nav_love a, body.love-poi-map #nav #nav_love a:hover {
	background-position: -444px -130px;
}

/* content box */
body.love-poi-map #content {
	height: 340px;
	width: 444px;
	padding: 0;
}

#overlay {
	z-index: 5;
	top: -343px;
	height: 340px;
	width: 444px;
	position: relative;
}

/* IE 7 Hack */
html>/**/body #overlay {
	top: -340px;
} 

#deerwood-shops, #tinseltown, #town-center {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #333;
	margin: 6px;
}

/* ---------------------------------------------------------------------------
	
	
	
	
	> LEASE




--------------------------------------------------------------------------- */

body.lease h1 {
	width: 119px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-lease.png) no-repeat;
	padding-bottom: 20px;
}

/* SUB NAV for LEASE section */

#subnav-lease {
	float: left;
	width: 220px;
	height: 235px;
	background: url(../_images/subnav_lease-background.png) no-repeat;
	overflow: hidden;
	padding-top: 105px;
}

#subnav-lease a {
	width: 170px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#subnav-officehours, #subnav-officehours a {
	height: 15px;
	padding-bottom: 15px;
	background: url(../_images/subnav_lease.png) no-repeat 0 0px;
}

#subnav-news, #subnav-news a {
	height: 17px;
	background: url(../_images/subnav_lease.png) no-repeat 0 -30px;
}

/* hover state */

a:hover#subnav-officehours {
	background-position: 0px -47px;
}

a:hover#subnav-news {
	background-position: 0px -77px;
}


/* here states */

body.lease-officehours #subnav-lease #subnav-officehours, body.lease-officehours #subnav-lease #subnav-officehours a, body.lease-officehours #subnav-lease #subnav-officehours a:hover {
	background-position: 0px -47px;
}

body.lease-news #subnav-lease #subnav-news, body.lease-news #subnav-lease #subnav-news a, body.lease-news #subnav-lease #subnav-news a:hover {
	background-position: 0px -77px;
}


/* CONTACT FORM */

.contact-form dl dd {
	padding: 0 0 10px 0;
}

.contact-form input, .contact-form textarea {
	border: 1px solid #aaa;
} 

.form-width {
	width: 380px;
}


/* ---------------------------------------------------------------------------
	
	> LEASE > OFFICE HOURS

--------------------------------------------------------------------------- */

body.lease-officehours h1 {
	width: 136px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-lease_hours.png) no-repeat;
	padding-bottom: 20px;
}

/* main nav */
body.lease-officehours #nav_lease, body.lease-officehours #nav_lease a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.lease-officehours #nav #nav_lease, body.lease-officehours #nav #nav_lease a, body.lease-officehours #nav #nav_lease a:hover {
	background-position: -668px -130px;
}

/* content box */
body.lease-officehours #content {
	height: 280px;
}

/* ---------------------------------------------------------------------------
	
	> LEASE > NEWS + UPDATES

--------------------------------------------------------------------------- */

body.lease-news h1 {
	width: 152px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-lease_news.png) no-repeat;
	padding-bottom: 20px;
}

#recent-news {
	float: right;
	background-color: #999;
	height: 280px;
	width: 160px;
	padding: 30px;
	color: #111;
}

#recent-news h2 {
	width: 103px;
	height: 16px;
	text-indent: -9999px;
	background: url(../_images/subtitle-news.png) no-repeat;
	padding-bottom: 15px;
}

/* main nav */
body.lease-news #nav_lease, body.lease-news #nav_lease a {
	width: 224px;
	background: url(../_images/nav.png) no-repeat -220px 0;
}

body.lease-news #nav #nav_lease, body.lease-news #nav #nav_lease a, body.lease-news #nav #nav_lease a:hover {
	background-position: -668px -130px;
}

/* content box */
body.lease-news #content {

}

.news_headline {
	font: bold 1.3em/1.5em Arial, Helvetica, sans-serif;
	color: #444;
}

#archive {
	height: 237px;
}

body.lease-news h1.hdr-archive {
	width: 182px;
	height: 22px;
	text-indent: -9999px;
	background: url(../_images/title-lease_news-archive.png) no-repeat;
	padding-bottom: 20px;
}


/* ---------------------------------------------------------------------------
	
	
	
	
	> GALLERY




--------------------------------------------------------------------------- */

#gallery {
	width: 800px;
	height: 450px;
	margin: 0 auto;
}

#main {
	width: 630px;
	float: left;
	margin-right: 15px;
}

#sidebar {
	width: 150px;
	float: right;
}