/*div {	border: 1px dotted #ccc; }*/

/* Colors
	grey bg #45494B
	green #88A310
  
  
*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	background-color: #45494B;
	font-family: arial, verdana, sans-serif;
}

div#container {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	padding: 30px 0 0 48px;
}

div#nav_container {
	padding-left: 370px;
}
div#nav {
	border-bottom: 1px solid #838384;
	height: 34px;
}
div#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#nav ul li {
	float: left;
	margin-right: 20px;
}
div#nav ul li.space {
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('/_img/btn_space.png');
	width: 1px;
}
div#nav ul li a {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #45494B;
	display: block;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	font-size: 20px;
}
div#nav ul li a:hover, div#nav ul li a.current {
	background-position: bottom center;
}
div#nav ul li#apartments a { background-image: url('/_img/btn_apartments.jpg'); width: 93px; }
div#nav ul li#neighbourhood a { background-image: url('/_img/btn_neighbourhood.jpg'); width: 89px; }
div#nav ul li#location a { background-image: url('/_img/btn_location.jpg'); width: 74px; }
div#nav ul li#floorplans a { background-image: url('/_img/btn_floorplans.jpg'); width: 58px; }
div#nav ul li#contact a { background-image: url('/_img/btn_contact.jpg'); width: 64px; }

div#main {
	position: relative;
	margin: 12px 0 12px 28px;
	height: 443px;
    overflow: hidden;
}

div#green_stripe {
	position: absolute;
	top: 0;
	right: 0;
	width: 41px;
	height: 443px;
	background-color: #88a310;
}

div#footer {
	margin: 50px 28px 10px 28px;
	padding-top: 36px;
	font-size: 10px;
	color: #838384;
	height: 40px;
	border-top: 1px solid #838384;
	position: relative;
}
div#foot_logo {
	position: absolute;
	top: 15px;
	right: 0;
	width: 109px;
	height: 31px;
}


/* ------- CONTENT LAYOUTS --------- */

/* - HOME - */
div#left_pane {
	position: absolute;
	top: 0;
	left: 0;
	width: 330px;
	height: 443px;
	background: url('/_img/home/home_left.jpg') top left no-repeat;
}
div#right_main {
	position: absolute;
	top: 0;
	left: 341px;
	width: 656px;
	height: 443px;
	background: url('/_img/home/home_right.jpg') top left no-repeat;
}
div#grey_panel {
	position: absolute;
	top: 0;
	right: 42px;
	width: 0px;
	height: 443px;
	background-color: #232425;
	filter:alpha(opacity=60);
	moz-opacity:.60;
	opacity:.60;
}
div#words {
	position: absolute;
	top: 34px;
	left: 657px;
	width: 281px;
	height: 196px;	
    margin-left: 400px; 
}
div#small_words {
	position: absolute;
	top: 250px;
	left: 657px;
	width: 281px;
	height: 125px;	
    margin-left: 400px; 
}
div#nl_logo {
	position: absolute;
	top: 393px;
	left: 657px;
	width: 109px;
	height: 31px;	
    margin-left: 400px; 
}

/* Apartments */
div#enlarge_btn {
	position: absolute;
	top: -35px;
	left: 0px;
	width: 170px;
}
div.sm {
	position: absolute;
	margin-left: 1024px;
}
div#apt_sm_1 { top: 0; left: 0; }
div#apt_sm_2 { top: 0; left: 173px; }
div#apt_sm_3 { top: 0; left: 345px; }
div#apt_sm_4 { top: 0; left: 643px; }
div#apt_sm_5 { top: 205px; left: 0; }
div#apt_sm_6 { top: 205px; left: 173px; }
div#apt_sm_7 { top: 205px; left: 358px; }
div#apt_sm_8 { top: 205px; left: 627px; }
div.lg {
	display: none;
}
/* Neighbourhood (uses stuff from apartments above too!) */
div#nbh_sm_1 { top: 0; left: 0; }
div#nbh_sm_2 { top: 0; left: 254px; }
div#nbh_sm_3 { top: 0; left: 444px; }
div#nbh_sm_4 { top: 0; left: 766px; }
div#nbh_sm_5 { top: 243px; left: 0; }
div#nbh_sm_6 { top: 243px; left: 142px; }
div#nbh_sm_7 { top: 243px; left: 285px; }
div#nbh_sm_8 { top: 243px; left: 425px; }
div#nbh_sm_9 { top: 243px; left: 591px; }
div#nbh_sm_10 { top: 243px; left: 731px; }

/* Contact */
div#contact_title {
	position: absolute;
	top: 36px;
	left: 381px;
	width: 288px;
	height: 32px;	
}
div#knight_frank {
	position: absolute;
	top: 190px;
	left: 381px;
	width: 218px;
	height: 130px;	
    /*margin-left: 400px; */
}
div#email_link {
	position: absolute;
	top: 318px;
	left: 381px;
	overflow: hidden;
    /*margin-left: 400px; */
}
div#email_link a {
	display: block;
	text-decoration: none;
	width: 200px;
	height: 20px;
	background: url('/_img/contact/email_link.png') top left no-repeat;
}
div#email_link a:hover {
	background-position: bottom left;
}
div#misrep_act {
	position: absolute;
	top: 375px;
	left: 344px;
	width: 597px;
	padding-top: 5px;
	border-top: 1px solid #838384;
}
/* Location */
div#arial { position: absolute; top: 0; left: 0px; width: 278px; overflow: hidden;}
div#map { position: absolute; top: 0; left: 278px; width: 512px; overflow: hidden;}
div#grey_stripe {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 443px;
	background-color: #2D2E30;
}
div#text_one {
	position: absolute;
	top: 22px;
	left: 798px;
	width: 199px;
	height: 141px;	
    margin-left: 400px; 
}
div#text_two {
	position: absolute;
	top: 171px;
	left: 798px;
	width: 199px;
	height: 157px;	
    margin-left: 400px; 
}
div#text_three {
	position: absolute;
	top: 337px;
	left: 798px;
	width: 199px;
	height: 87px;	
    margin-left: 400px; 
}

div.btn_locs {
	position: absolute;
	top: -35px;
	left: 0px;
	width: 200px;
	text-align: left;
	display: none;
}
a.arial_icon {
	width: 40px;
	height: 40px;
	position: absolute;
	background: url('_img/clear.gif') top right repeat;
}
a#arial_icon_1 { top: 245px; left: 21px; }
a#arial_icon_2 { top: 363px; left: 228px;  }
a#arial_icon_3 { top: 170px; left: 60px; }
a#arial_icon_4 { top: 205px; left: 210px; }
a#arial_icon_5 { top: 125px; left: 235px; }
a#arial_icon_6 { top: 95px; left: 110px; }

div#enlarge_btn_location {
	position: absolute;
	top: -33px;
	left: 278px;
	width: 170px;
}

/* Floorplans */

div#specs_panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 341px;
	height: 443px;
	background-color: #88A310;
}
ul#floors {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 30px;
}
ul#floors li {
	width: 156px;
	height: 30px;
}
ul#floors li a {
	width: 156px;
	height: 30px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
ul#floors li a:hover, ul#floors li a.current {
	background-position: bottom left;
}
ul#floors li a#floor_1 { background-image: url('/_img/floorplans/btn_floor_1.jpg'); }
ul#floors li a#floor_2 { background-image: url('/_img/floorplans/btn_floor_2.jpg'); }
ul#floors li a#floor_3 { background-image: url('/_img/floorplans/btn_floor_3.jpg'); }
ul#floors li a#floor_4 { background-image: url('/_img/floorplans/btn_floor_4.jpg'); }
ul#floors li a#floor_5 { background-image: url('/_img/floorplans/btn_floor_5.jpg'); }

div#spec_head {
	position: absolute;
	top: 270px;
	left: 30px;
	width: 280px;
	height: 20px;	
}
div#spec {
	position: absolute;
	top: 310px;
	left: 30px;
	width: 270px;
	height: 200px;
	border-top: 1px solid #fff;
	padding-top: 10px;
}
div#plan_panel {
	position: absolute;
	top: 0;
	left: 341px;
	width: 615px;
	height: 443px;
	background-color: #fff;
	overflow: hidden;
}
img#floor_plan {
	position: absolute;
	margin-left: 1024px;
}
div#enlarge_btn_floorplans, div.enlarge_btn_floorplans  {
	position: absolute;
	top: -33px;
	left: 341px;
	width: 170px;
}
div.enlarge_btn_floorplans  {
	display: none;
}