/* CitiGate */

/* 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: #442211;
	/*background: #421 url(../_images/cg_background.png) repeat-y 50% 0;*/
}

p {
	margin: 0 0 10px 0;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

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


#maincontainer {
	width: 836px;
	margin: 12px auto 0 auto;
	background: url(/_images/bckgrd_cg.gif) repeat-y;
	position: relative;
	overflow: hidden;
}

#maincontainer, #footer {
	font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
}

#header {
	background: #442211;
	width: 836px;
	height: 202px;
	position: relative;
	overflow: hidden;
	border-bottom: 12px solid #442211;
}

#img_left {
	float: left;
	width: 624px;
	height: 200px;
}

#img_right {
	float: right;
	width: 200px;
	height: 200px;
	text-indent: -9999px;
	background: url(../_images/cg_logo.png) no-repeat 0 0;
}

#content {
	width: 600px;
	margin: 30px 0 30px 233px;
	position: relative;
	overflow: hidden;
}

#left {
	width: 350px;
	float: left;
}

#right {
	float: right;
	width: 195px;
}

h1 {
	overflow: hidden;
	text-indent: -9999px;
	padding-bottom: 25px;
}

h2 {
	overflow: hidden;
	text-indent: -9999px;
	padding-bottom: 15px;
}

h3 {
	overflow: hidden;
	text-indent: -9999px;
	padding-bottom: 10px;
}

#footer {
	text-align: center;
	padding: 15px;
	color: #eed;
	clear: both;
}

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


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

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

#nav {
	width: 200px;
	height: 280px;
	float: left;
	padding: 30px 0;
	background: #a96;
}

#nav a {
	display: block;
	width: 200px;
	height: 12px;
	margin-bottom: 12px;
	text-indent: -9999px;
}

#nav_home, #nav_home a {
	background: url(../_images/main_nav.gif) no-repeat 0 0;
}

#nav_location, #nav_location a {
	background: url(../_images/main_nav.gif) no-repeat 0 -24px;
}

#nav_luxuries, #nav_luxuries a {
	background: url(../_images/main_nav.gif) no-repeat 0 -48px;
}

#nav_interiors, #nav_interiors a {
	background: url(../_images/main_nav.gif) no-repeat 0 -72px;
}

#nav_developer, #nav_developer a {
	background: url(../_images/main_nav.gif) no-repeat 0 -96px;
}

#nav_gallery, #nav_gallery a {
	background: url(../_images/main_nav.gif) no-repeat 0 -120px;
}

#nav_news, #nav_news a, #nav_news-archive, #nav_news-archive a {
	background: url(../_images/main_nav.gif) no-repeat 0 -144px;
}

#nav_lease_today, #nav_lease_today a {
	background: url(../_images/main_nav.gif) no-repeat 0 -168px;
}

#nav_contact, #nav_contact a {
	background: url(../_images/main_nav.gif) no-repeat 0 -192px;
}


/* hover state */

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

a:hover#nav_location {
	background-position: -200px -24px;
}

a:hover#nav_luxuries {
	background-position: -200px -48px;
}

a:hover#nav_interiors {
	background-position: -200px -72px;
}

a:hover#nav_developer {
	background-position: -200px -96px;
}

a:hover#nav_gallery {
	background-position: -200px -120px;
}

a:hover#nav_news {
	background-position: -200px -144px;
}

a:hover#nav_lease_today {
	background-position: -200px -168px;
}

a:hover#nav_contact {
	background-position: -200px -192px;
}


/* here states */

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

body.location #nav #nav_location, body.location #nav #nav_location a, body.location #nav #nav_location a:hover {
	background-position: -200px -24px;
}

body.luxuries #nav #nav_luxuries, body.luxuries #nav #nav_luxuries a, body.luxuries #nav #nav_luxuries a:hover {
	background-position: -200px -48px;
}

body.interiors #nav #nav_interiors, body.interiors #nav #nav_interiors a, body.interiors #nav #nav_interiors a:hover {
	background-position: -200px -72px;
}

body.developer #nav #nav_developer, body.developer #nav #nav_developer a, body.developer #nav #nav_developer a:hover {
	background-position: -200px -96px;
}

body.gallery #nav #nav_gallery, body.gallery #nav #nav_gallery a, body.gallery #nav #nav_gallery a:hover {
	background-position: -200px -120px;
}

body.news #nav #nav_news, body.news #nav #nav_news a, body.news #nav #nav_news a:hover, body.news-archive #nav #nav_news, body.news-archive #nav #nav_news a, body.news-archive #nav #nav_news a:hover {
	background-position: -200px -144px;
}

body.lease_today #nav #nav_lease_today, body.lease_today #nav #nav_lease_today a, body.lease_today #nav #nav_lease_today a:hover {
	background-position: -200px -168px;
}

body.contact #nav #nav_contact, body.contact #nav #nav_contact a, body.contact #nav #nav_contact a:hover {
	background-position: -200px -192px;
}


#lease_now {
	float: left;
	width: 200px;
	margin: 250px 0 0 0;
	position: absolute;
	overflow: hidden;
	z-index: 100;
	left:0;
}

#lease_now a:hover {
	color: #fff;
	text-decoration: none; 
	background: none;
}

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

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

body.home #img_left {
	background: url(../_images/home_img_downtownjax.jpg) no-repeat 0 0;
}

body.home h1 {
	height: 25px;
	background: url(../_images/home_title.png) no-repeat 0 0;
}

body.home h2 {
	height: 14px;
	background: url(../_images/home_subtitle_news.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------------------
	
	> LOCATION PAGE

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

body.location #img_left {
	background: url(../_images/location_img_header.jpg) no-repeat 0 0;
}

body.location h1 {
	height: 25px;
	background: url(../_images/location_title.png) no-repeat 0 0;
}

body.location #left {
	float: left;
	width: 545px;
}

/* ---------------------------------------------------------------------------
	
	> Location > Detailed List

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

#detail-list {
	width: 650px;
	margin-bottom: 25px;
}

#detail-list p {
	margin: 0;
	padding: 0;
	
}

#detail-list .dl-shop {
	color: #874;
	font-weight: bold;
	text-decoration: none;
}

#detail-list .dl-rest {
	color: #874;
	font-weight: bold;
	text-decoration: none;
}

#detail-list .dl-retail {
	color: #874;
	font-weight: bold;
	text-decoration: none;
}

#detail-display {
	width: border: 1px solid #ddd;
}

#detail-display-retail, #detail-display-rest, #detail-display-shop {
	width: 650px;
	clear: both;
	overflow: hidden;
}

.retail-hdr, .rest-hdr, .shop-hdr {
	font: bold Arial, Helvetica, sans-serif;
	font-size: larger;
	padding: 5px 0;
}

.retail-hdr {
	color: #874;
}

.rest-hdr {
	color: #874;
}

.shop-hdr {
	color: #874;
}

.dl-col1, .dl-col2, .dl-col3, .dl-col4 {
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.dl-col3 {
	width: 235px;
}

.dl-col1 p, .dl-col2 p, .dl-col3 p, .dl-col4 p {
	font-size: x-small;
}

/* ---------------------------------------------------------------------------
	
	> LUXURIES PAGE

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

body.luxuries #img_left {
	background: url(../_images/luxuries_img_header.jpg) no-repeat 0 0;
}

body.luxuries h1 {
	height: 25px;
	background: url(../_images/luxuries_title.png) no-repeat 0 0;
}

body.luxuries h2 {
	height: 183px;
	background: url(../_images/luxuries_callout.png) no-repeat 0 0;
}

ul {
	padding-left: 20px;
}


/* ---------------------------------------------------------------------------
	
	> INTERIORS PAGE

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

body.interiors #img_left {
	background: url(../_images/interiors_img_header.jpg) no-repeat 0 0;
}

body.interiors h1 {
	height: 25px;
	background: url(../_images/interiors_title.png) no-repeat 0 0;
}

body.interiors h2 {
	height: 14px;
	background: url(../_images/interiors_subtitle_floorplan.png) no-repeat 0 0;
}

body.interiors h3 {
	height: 14px;
	background: url(../_images/interiors_subtitle_bldgplan.png) no-repeat 0 0;
	margin-top: 25px;
}


ul {
	padding-left: 20px;
}


/* ---------------------------------------------------------------------------
	
	> DEVELOPER PAGE

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

body.developer #img_left {
	background: url(../_images/developer_img_header.jpg) no-repeat 0 0;
}

body.developer h1 {
	height: 25px;
	background: url(../_images/developer_title.jpg) no-repeat 0 0;
}

body.developer h2 {
	height: 99px;
	background: url(../_images/developer_logo_lecraw.png) no-repeat 0 0;
}


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

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

body.gallery #img_left {
	background: url(../_images/gallery_img_header.jpg) no-repeat 0 0;
}

body.gallery h1 {
	height: 25px;
	background: url(../_images/gallery_title.png) no-repeat 0 0;
}

body.gallery #left {
	float: left;
	width: 545px;
}


/* ---------------------------------------------------------------------------
	
	> NEWS PAGE

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

body.news #img_left {
	background: url(../_images/news_img_header.jpg) no-repeat 0 0;
}

body.news h1 {
	height: 25px;
	background: url(../_images/news_title.png) no-repeat 0 0;
}

body.news h2 {
	height: 14px;
	background: url(../_images/news_subtitle_headlines.png) no-repeat 0 0;
}

.news_date {
	font-weight: bold;
}

.news_headline {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
}

/* ---------------------------------------------------------------------------
	
	> NEWS ARCHIVE PAGE

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

body.news-archive #img_left {
	background: url(../_images/news_img_header.jpg) no-repeat 0 0;
}

body.news-archive h1 {
	height: 25px;
	background: url(../_images/news_archive_title.png) no-repeat 0 0;
}

body.news-archive h2 {
	height: 14px;
	background: url(../_images/news_subtitle_headlines.png) no-repeat 0 0;
}

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

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

body.lease_today #img_left {
	background: url(../_images/news_img_header.jpg) no-repeat 0 0;
}

body.lease_today h1 {
	height: 25px;
	background: url(../_images/news_title.png) no-repeat 0 0;
}

body.lease_today #left {
	float: left;
	width: 545px;
}


/* ---------------------------------------------------------------------------
	
	> CONTACT PAGE

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

body.contact #img_left {
	background: url(../_images/contact_img_header.jpg) no-repeat 0 0;
}

body.contact h1 {
	height: 25px;
	background: url(../_images/contact_title.jpg) no-repeat 0 0;
}

body.contact h2 {
	height: 14px;
	background: url(../_images/contact_subtitle_keepintouch.jpg) no-repeat 0 0;
}

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

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

.form-width {
	width: 180px;
}