/* -- Layout Elements -- */

#wrapper {
	margin:0 auto;
	width:880px;
	background:#000 url('../layout/images/repeating_background.gif') repeat-y center top;
}
#logo {
	position:absolute;
	top:22px;/*	IE	*/
	left:277px;
	width: 330px;
	padding-top:129px;
	height:0px;
	overflow:hidden;
}
#header {
	position:relative;
	width: 880px;
	padding-bottom: 64px;
	padding-top:30px;
	background:#000 url('../layout/images/header.gif') no-repeat scroll bottom left;
	text-align:right;
}
#navigation {
	width: 880px;
	height: 51px;
	background: url('../layout/images/navigation.gif') no-repeat scroll top left;
}
#page_text {
   padding:0 2.5em;
	text-align:center;
	font-size:1.1em;
}
#footer {
	width: 880px;
	padding-top: 65px;
	color:#fcf9ce;
	background:#000;
	background:#000 url('../layout/images/footer.gif') no-repeat scroll top left;
	text-align:center;
	margin: 0 auto;
}
#footer-home {
	width: 880px;
	padding-top: 65px;
	color:#fcf9ce;
	background:#000;
	background:#000 url('../layout/images/footer.gif') no-repeat scroll top left;
	text-align:center;
}
#main {
	width:880px;
	padding-bottom:10px;
	background:url('../layout/images/main_bottom.gif') no-repeat scroll bottom left;
	padding-top:4em;
   min-height:400px;
   height:600px;
	
}

.two-col td {text-align:center;}





/* -- Gradient Background Pages -- */

.gradient #navigation {margin-bottom:0;}
.gradient #wrapper {background: url('../layout/images/bg_gradient_repeat.gif') repeat-y center top;}
.gradient #main {
    padding-top:4em;
    background:url('../layout/images/bg_gradient_top.jpg') no-repeat top left;
}
.gradient #footer {background:#000;}





/* -- Links -- */

#header a, #footer a{color:#fcf9ce; text-decoration:none;}
#header #top-nav li {display:inline;padding:4px;}
#navigation ul li a {color:#653614; text-decoration:none;}
#footer a {text-decoration:underline;}
#footer-home a {text-decoration:underline;}




/* -- Navigation -- */

#navigation {
	position:relative;
}

#navigation li {
	float:left;
	display:block;
	font-size:13px;
	text-align:center;
}
#navigation li a {
	display:block;
	line-height:14px;
	padding: 11px 4px;
}
#navigation li a:hover {
	background-position:top left;
	text-decoration:none;
}
#the-north-beach-community  {width:120px;}
#virtual-tour               {width:50px;}
#the-views                  {width:50px;}
#floor-plans                {width:58px;}
#features--amenities        {width:76px;margin-left:335px;}/*IE6*/
#the-area                   {width:58px;}
#the-team                   {width:58px;}
#in-the-press               {width:58px;}

#features--amenities a {background-position:-20px -45px}
#navigation li#features--amenities a:hover {background-position:-20px 0;}

#the-north-beach-community a,
#features--amenities a {
	background:url('../layout/images/nav/nav_1_bg.gif') no-repeat 0 -45px;
}
#virtual-tour a,
#the-views a,
#floor-plans a,
#the-area a,
#the-team a,
#in-the-press a{
	background:url('../layout/images/nav/nav_2_bg.gif') no-repeat 0 -45px;
}

#navigation ul ul {
	display:none;
	position:absolute;
	left:0;
	bottom:-2em;/*IE*/
	width:880px;
	text-align:center;
}

#navigation ul ul li {
	display:inline;
	float:none;
}

#navigation ul ul li a {
	display:inline;
	text-transform:uppercase;
	background:none;
	padding:11px 12px;
}

#navigation ul ul li a:hover {
	color:#774724;
	text-decoration:underline;
}

#community #navigation ul li#the-north-beach-community ul,
#the_towers #navigation ul li#the-north-beach-community ul,
#the_villas #navigation ul li#the-north-beach-community ul,
#the_exchange #navigation ul li#the-north-beach-community ul,
#the_plantation_house #navigation ul li#the-north-beach-community ul,
#the_spa #navigation ul li#the-north-beach-community ul,
#spa_services #navigation ul li#the-north-beach-community ul 
{display:block;}

#the_views #navigation ul li#the-views ul,
#balcony__beach #navigation ul li#the-views ul,
#building__amenities #navigation ul li#the-views ul,
#current_construction #navigation ul li#the-views ul 
{display:block;}

#floor_plans #navigation ul li#floor-plans ul,
#tower_floor_plans #navigation ul li#floor-plans ul 
{display:block;left:355px;width:440px;}

#features__amenities #navigation ul li#features--amenities ul,
#plantation_features #navigation ul li#features--amenities ul,
#tower_features #navigation ul li#features--amenities ul,
#villa_features #navigation ul li#features--amenities ul
{display:block;}

#the_area #navigation ul li#the-area ul,
#shopping #navigation ul li#the-area ul,
#dining #navigation ul li#the-area ul,
#nightlife #navigation ul li#the-area ul,
#parks__gardens #navigation ul li#the-area ul,
#sports #navigation ul li#the-area ul
{display:block;}

#the_team #navigation ul li#the-team ul,
#winchester_development #navigation ul li#the-team ul,
#pegram_associates #navigation ul li#the-team ul,
#dargan_construction #navigation ul li#the-team ul 
{display:block;}



/* -- Headings -- */

#main h1 {
	font-size: 1.5em;
/*	font-variant: small-caps;*/
	text-align: center;
	text-transform: uppercase;
	margin:0 0 0.5em;
}
#main h1#content_header span {
	padding:22px 15px 44px;
	line-height:3em;
}
#main h1#content_header span.l {
	background:transparent url('../layout/images/header_end_l.gif') no-repeat top left;
}
#main h1#content_header span.r {
	background:transparent url('../layout/images/header_end_r.gif') no-repeat top right;
}
#main h2 {
    margin:2em 0 0.2em;
/*    font-size:1.2em;*/
    font-weight:bold;
    text-transform:uppercase;
}





/* -- Images -- */

#main img, #main .photo-box, #main .videobox {
	padding:11px;
	background:transparent url('../layout/images/img_bg_lrg.gif') no-repeat top left;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}
#main .borderless img, #main .photo-box img {
	background:none;
	padding:0;
	border:0;
}
.figure {
	position:relative;
}
.figure p.caption {
	position:absolute;
	left:0;
	bottom:0.5em;
	width:100%;/*IE*/
	color:#fff;
	text-align:center;
}
.dark p.caption {
	color:#653614;
}
.portrait p.name, .portrait p.title {
	position:relative;
	left:0;
	bottom:0;
	width:auto;
	margin:0;
	font-size:0.9em;
}
.portrait p.name {
	margin-top:.5em;
	font-variant:small-caps;
	font-size:1.2em;
}
.pictures {
	margin:1.5em 0;
}
.pictures .figure {
	padding-top:0;
	padding-bottom:0;
	float:left;
}

.photo-box {width:597px;margin:0 auto 2em;}
.photo-box table {width:597px;background:#111;}
.photo-box .photo {text-align:center;vertical-align:middle;}

.photo-box .photo-slider {
	position:relative;
	height:80px;
	padding:0 30px;
	overflow:hidden;
}
.photo-box .photo-slider .slide {position:absolute;overflow:hidden;}

.photo-box a.thumb {
	display:block;
	float:left;
	width:68px;
	overflow:hidden;
	margin:13px 10px;
}
.photo-box a.thumb img {height:53px;}
.photo-box a.back,
.photo-box a.forward {
	position:absolute;
	top:12px;
	width:26px;
	height:0px;
	padding-top:54px;
	background:url('../layout/images/arrows.gif') no-repeat top left;
	z-index:2;
	overflow:hidden;
}
.photo-box a.back {left:5px;}
.photo-box a.forward {right:5px;background-position:top right;}





/* -- Page backgrounds -- */

#index #main 
{background: url('../layout/images/index_main_bottom.gif') no-repeat bottom left;}
#community #main 
{background: url('../layout/images/comm_main_bottom.gif') no-repeat bottom left;}
#the_views #main 
{background: url('../layout/images/views_main_bottom.gif') no-repeat bottom left;}
#floor_plans #main 
{background: url('../layout/images/floorplans_main_bottom.gif') no-repeat bottom left;}
#features__amenities #main 
{background: url('../layout/images/features__amenities_main_bottom.gif') no-repeat bottom left;}
#the_area #main 
{background: url('../layout/images/the_area_main_bottom.png') no-repeat bottom left;}
#the_team #main 
{background: url('../layout/images/the_team_main_bottom.gif') no-repeat bottom left;}



/* -- Index Page -- */

#index #navigation {margin-bottom:0;}
#index #page_text {padding:1em 3em 0 80px;min-height:1px;}
#three_pictures {position:relative;height:280px;}
#three_pictures div {position:absolute;}
#three_pictures div.one,
#three_pictures div.three {top:50px;z-index:1;}
#three_pictures div.one {left:10px;}
#three_pictures div.three {right:10px;}
#three_pictures .two {
	background:transparent url(../layout/images/img_bg_lrg.gif) no-repeat scroll left top;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	padding:11px;
	z-index:2;
	left:225px;
}
#three_pictures .two img {background:none;padding:0;border:0;}
#three_pictures .two div {position:relative;}

#index #main {
	padding-top:0px;
}

#index #main h1#content_header {
	position:relative;
/*	top:-4px;*/
	height:98px;
	line-height:2em;
	margin-bottom:-1.6em;
}
#index #main h1#content_header span {
	padding:22px 30px 48px 30px;
	line-height:3em;	
}
#index #main h1#content_header span.r {
	background:transparent url('../layout/images/big_header_end_r.gif') no-repeat top right;
}
#index #main h1#content_header span.l {
	background:transparent url('../layout/images/big_header_end_l.gif') no-repeat top left;
}




/* -- Community Page -- */

#community div.pictures {
	margin-bottom:5em;
}




/* -- Contact Us Page -- */

#contact_us #main{padding-top:1em;}




/* -- Floor Plans Page -- */

#floor_plans #main {padding-left:370px;padding-right:80px;width:430px;}
#floorplan {border-collapse:collapse;font-size:1.1em;margin:0 auto;}
#floorplan th {font-variant:small-caps;}
#floorplan .header_row th {
	border-bottom:1px solid #653614;
	font-size:0.8em;
	font-weight:bold;
	font-variant: normal;
	vertical-align:top;
	cursor: default;
}
#floorplan .header_row th.empty {border:none;}
#floorplan td, #tower_floor_plans table th {padding:0.15em 0.5em;}
#floorplan_legend {cursor: pointer;}





/* -- In The Press Page -- */

#the_press #page_text, #the_press_detail #page_text {text-align:left;}
.newsitem {position:relative;overflow:hidden;margin-bottom:1em;padding-right:4em;text-align: left;}
.newsitem p {height:1.3em;overflow:hidden;}
.newsitem h3,.newsitem .date {font-weight:bold;text-transform:uppercase;}
.newsitem a.more {
	display:block;
	position:absolute;
	right:0;
	bottom:1em;
	color:#653614;
	text-decoration:underline;
}

#the_press_detail h3 {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
}

#the_press_detail .date {
	display:block;
	margin-bottom:1em;
	font-style: italic;
/*	font-weight:bold;*/
}


/* -- Owner Documents Link -- */

#owners-link {
	float:left;
	position:relative;
	padding:2px 4px;
}
#owners-link #info-box {
	position:absolute;
	display:none;
	top:1.5em;
	left:0;
	width:180px;
	padding:8px;
	background:#FBF8CD;
	border-width: 1px 1px 1px 1px;
	border-color: #444;
	border-style: solid;
	text-align:left;
	z-index:35;
}
#owners-link #info-box a {
	color:#653614;
}
#owners-link #info-box #info-close {
	position:absolute;
	bottom:2px;
	left:2px;
	color:#653614;
}