/* common */
body{ margin:0; padding:0;
/*   background:url("../images/bg_repeat.jpg") repeat-x left top #000400;*/
   background-color:#212421;
   scrollbar-face-color:#393839;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#A1A0A1;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#808080;
   scrollbar-darkshadow-Color:#202020;
   height:800px;
}
h1{ font-size:18px; color:#a6a6a5; font-family:Arial Narrow; letter-spacing:2px; }
h2{ font-size:11px; color:#a6a6a5; font-family:Arial Narrow; letter-spacing:1px; }
h3{font-family:Arial;}
p{ 	
color:#C6C6C6;
font-family:Arial;
font-size:12px;
font-weight:bold;
letter-spacing:1px;	
}
img{ position:relative; z-index:500;}
#behind{ position:absolute; z-index:2;}

/* drop down box*/

#rentals_link
{
position:absolute; top:20px; left:387px; width:60px; height:18px; overflow:hidden	
}
#rentals_drop_box
{
position:absolute; top:	35px; left:387px; width:164px; height:93px;  z-index:1009;
overflow:hidden;   
}
 #rentals_drop_box a, img
{
 margin-bottom:0px;
}
#rentals_link a { position:absolute; left:0; top:0;}
#rentals_link a:hover { position:absolute; left:-64px; top:0;}
#rentals_link_a.cur { position:absolute; left:-64px; top:0;}
 
a#droplink1{ position:relative;   z-index:1010; padding:0px; margin:0px}
a#droplink2{ position:relative;   z-index:1010;  padding:0px; margin:0px}
a#droplink3{ position:relative;   z-index:1010; padding:0px; margin:0px}

a#droplink1:hover{ position:relative; left:-171px;   z-index:1010;}
a#droplink2:hover{ position:relative; left:-171px;  z-index:1010;}
a#droplink3:hover{ position:relative; left:-171px;  z-index:1010;}

.display{display:block;}
.hide{display:none;}

p.loading_gif{ position:absolute; left:100px; top:120px; text-align:center}

/* Links - @ footer */
a#link_gra{ 
position:absolute; bottom:0px; left:70px;
width:145px; height:20px;
z-index:1005; text-decoration:none;
}
a#link_app{ 
position:absolute; bottom:0px; left:263px;
width:120px; height:20px;
z-index:1005;   text-decoration:none;
}
a#link_pho{ 
position:absolute; bottom:0px; left:415px;
width:140px; height:20px;
z-index:1005;   text-decoration:none;
}
a#link_tre{ 
position:absolute; bottom:0px; left:583px;
width:95px; height:20px;
z-index:1005;  text-decoration:none;
}
a#link_one{ 
position:absolute; bottom:0px; left:692px;
width:126px; height:20px;
z-index:1005;  text-decoration:none;
}
a#link_sai{ 
position:absolute; bottom:0px; left:795px;
width:155px; height:20px;
z-index:1005; text-decoration:none; display:none;
}
a#link_sitemap{ 
position:absolute; bottom:0px; left:803px;
width:125px; height:20px;
z-index:1005;  text-decoration:none;
}

/* structural */

#page_offset
{
width:1065px; margin:auto;	
}
#page
{
position:relative;float:right; 
width:1035px; margin-top:40px; 
}
#header
{ 
position:relative; z-index:1000;
width:100%; height:151px;  
}
#mid_space
{
position:relative; z-index:1000; float:left;
width:100%; height:555px;   
}
#left_bar
{
position:absolute; z-index:1000; left:0; 
width:35px; height:498px;  padding:0; margin:0; 	
background:url('../images/a_left_bar.jpg') no-repeat left ; 
}
#right_bar 
{
position:absolute; z-index:1000; right:0px	;
width:62px; height:498px;  padding:0; margin:0; 	
background:url('../images/a_right_bar.jpg') no-repeat left ; 
}
#bottom_bar
{
position:absolute; bottom:0px; left:0px; z-index:1000;
width:1047px; height:59px; background:url('../images/a_footer.jpg') no-repeat left ; 
}
#content
{
position:absolute; left:35px; overflow:hidden;	
}
#content_bg
{
position:relative; float:left; width:938px; height:496px;  z-index:3;	
}



/* Content - home */

p#home_text
{
position:absolute; z-index:1200; left:15px	; top:5px; font-weight:bold;    letter-spacing:1px; line-height:15px
}

/* Content - Investments */

p#inv1
{
position:absolute; z-index:1200; left:290px	; top:205px; z-index:1300;
}
p#inv2
{
position:absolute; z-index:1200; left:405px	; top:162px;z-index:1300;
}
p#inv3
{
position:absolute; z-index:1200; left:405px	; top:262px; z-index:1300;
}
#inv_link1 
{ 
position:absolute; top:90px; right:16px; overflow:hidden;
width:424px; height:50px; 
}
#inv_link2 
{ 
position:absolute; top:146px; right:16px; overflow:hidden;
width:424px; height:50px; 
}
#inv_link3 
{ 
position:absolute; top:200px; right:16px; overflow:hidden;
width:424px; height:50px ;
}
#inv_link1 a:hover, #inv_link2 a:hover, #inv_link3 a:hover  { position:absolute; left:-423px}
#inv_link1 a.current, #inv_link2 a.current, #inv_link3 a.current  { position:absolute; left:-423px}

/* Content - Rentals - Inner City Rentals */

p#inn1
{
position:absolute; z-index:1200; left:290px	; top:205px; z-index:1300;
}
p#inn2
{
position:absolute; z-index:1200; left:405px	; top:162px;z-index:1300;
}
p#inn3
{
position:absolute; z-index:1200; left:405px	; top:262px; z-index:1300;
}
#inn_link1 
{ 
position:absolute; top:49px; right:16px; overflow:hidden;
width:427px; height:60px; 
}
#inn_link2 
{ 
position:absolute; top:108px; right:16px;  overflow:hidden;
width:427px; height:60px; 
}
#inn_link3 
{ 
position:absolute; top:160px; right:16px; overflow:hidden;
width:427px; height:60px ;
}
#inn_link4 
{ 
position:absolute; top:215px; right:16px; overflow:hidden;
width:427px; height:60px; 
}
#inn_link5 
{ 
position:absolute; top:268px; right:15px; overflow:hidden;
width:427px; height:60px ;
}

#inn_link1 a:hover, #inn_link2 a:hover, #inn_link3 a:hover, #inn_link4 a:hover, #inn_link5 a:hover  { position:absolute; left:-426px}
#inn_link1 a.current, #inn_link2 a.current, #inn_link3 a.current, #inn_link4 a.current, #inn_link5 a.current  { position:absolute; left:-426px}

/* Content  for sale */
#sales_link1 
{ 
position:absolute; top:99px; right:10px; overflow:hidden;
width:426px; height:60px; 
}
#sales_link2 
{ 
position:absolute; top:140px; right:10px;  overflow:hidden;
width:426px; height:60px; 
}
#sales_link3 
{ 
position:absolute; top:178px; right:10px; overflow:hidden;
width:426px; height:60px ;
}
#sales_link4 
{ 
position:absolute; top:221px; right:10px; overflow:hidden;
width:426px; height:60px; 
}
#sales_link5 
{ 
position:absolute; top:262px; right:10px; overflow:hidden;
width:426px; height:65px ;
}

#sales_link1 a:hover, #sales_link2 a:hover, #sales_link3 a:hover, #sales_link4 a:hover, #sales_link5 a:hover  { position:absolute; left:-431px}
#sales_link1 a.current, #sales_link2 a.current, #sales_link3 a.current, #sales_link4 a.current, #sales_link5 a.current  { position:absolute; left:-431px}



/* Content - Commercial */
 
#comm_link1 
{ 
position:absolute; top:17px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link2 
{ 
position:absolute; top:63px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link3 
{ 
position:absolute; top:105px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link4 
{ 
position:absolute; top:147px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link5 
{ 
position:absolute; top:189px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link6 
{ 
position:absolute; top:231px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link7 
{ 
position:absolute; top:273px; right:12px; overflow:hidden;
width:432px; height:44px; 
}
#comm_link8 
{ 
position:absolute; top:315px; right:12px; overflow:hidden;
width:432px; height:44px; 
} 
#comm_link1 a:hover, #comm_link2 a:hover, #comm_link3 a:hover,
#comm_link4 a:hover, #comm_link5 a:hover, #comm_link6 a:hover,
#comm_link7 a:hover, #comm_link8 a:hover   
{ position:absolute; left:-432px}

#comm_link1 a.current, #comm_link2 a.current, #comm_link3 a.current,
#comm_link4 a.current, #comm_link5 a.current, #comm_link6 a.current,
#comm_link7 a.current, #comm_link8 a.current   
{ position:absolute; left:-432px}

/* Content - Rentals - Apartments */


#rentals_title_holder
{
position:absolute; 	top:123px; right:16px;	
width:426px; height:57px; 
background:url('../images/rentals_title_holder.jpg') no-repeat left ;	
}
#rentals_h1{ position:absolute; right:10px; top:-5px}
#rentals_h2{position:absolute; right:10px; top:20px }

/* Content Common */
#text_box
{
	position:absolute; right:-5px; top:62px;
	width:412px; height:175px; padding-right:4px;  
	overflow-y:auto;  
}

/* for sale - apartment layouts*/
#text_box2 /* used in for_sale apartment layout*/
{
	position:absolute; right:-5px; top:101px;
	width:375px; height:165px; padding-right:4px; 
	overflow-y:auto;  
}
#text_box  p { color:#CFCFCF; font-weight:normal;}
 #text_box2  p{ color:#CFCFCF; font-weight:normal; font-size:12px }
span.spacer{ height:4px; width:100%; display:block}

#layout_menu{ position:absolute;top:194px; right:0px; width:394px;  }
#layout_menu a{ position:relative; width:25px; height:23px; overflow:hidden; float:left; margin-right:40px}
#layout_menu a img{border:0px; position:absolute;  }
 
img#layout_menu_top{ position:absolute; left:3px; top:10px}

#text_box_scroll
{
	position:absolute; right:-5px; top:76px;
	width:412px; height:190px;  padding-right:4px;   
	overflow-y:auto;
}
#text_box_scroll p{ color:#CFCFCF; font-weight:normal;}

#text_box_large
{
	position:absolute; right:15px; top:20px;
	width:390px; height:500px;  
	overflow-y:auto; line-height:12px;  
}
a#backbutton
{
position:absolute; left:870px; top:369px; z-index:1007;	
font-size:11px; font-family:Arial; color:#CFCFCF; font-weight:bold ; letter-spacing:0.6px; text-decoration:none;
}
/* Page - Car Parks */
#carparks_title_holder
{
position:absolute; 	top:103px; right:16px;	
width:426px; height:67px; 
background:url('../images/carparks_title_holder.jpg') no-repeat left ;	
}

img#carparks_title{ position:absolute; top:58px; right:30px}

/* Page - About Us */

a#about_terry{
position:absolute;	left:10px; top:20px; height:60px; width:180px; z-index:1003; text-decoration:none
}
a#about_phoenix{
position:absolute;  left:240px; top:20px; height:60px; width:180px; z-index:1003; text-decoration:none; 
}
a#about_saints{
position:absolute;	 left:460px; top:20px; height:60px; width:180px; z-index:1003; text-decoration:none;display:none
}
a#about_wellington_cup{
	position:absolute;	left:460px; top:20px; height:60px; width:180px; z-index:1003; text-decoration:none	
}

#about1_title_holder /* Terry */
{
position:absolute; 	top:103px; right:16px;	
width:426px; height:67px; 
background:url('../images/about_title_holder1.jpg') no-repeat left ;	
}
img#about1_title{ position:absolute; top:58px; right:30px}

#about2_title_holder /* Phoenix */
{
position:absolute; 	top:103px; right:16px;	
width:426px; height:67px; 
background:url('../images/about_title_holder2.jpg') no-repeat left ;	
}
img#about2_title{ position:absolute; top:58px; right:30px}

#about3_title_holder /* Saints */
{
position:absolute; 	top:103px; right:16px;	
width:426px; height:67px; 
background:url('../images/about_title_holder3.jpg') no-repeat left ;	
}
img#about3_title{ position:absolute; top:58px; right:30px}

#about4_title_holder /* Wellington Cup  */
{
position:absolute; 	top:103px; right:16px;	
width:426px; height:67px; 
background:url('../images/about_title_holder4.jpg') no-repeat left ;	
}
img#about4_title{ position:absolute; top:58px; right:30px}

/* Page - Contact Us */
p#cont{ font-size:11px}

a#cont_paula   /* links posd absolut since js shadows dont allow text selection .. i think */
{
position:absolute; top:228px; right:186px; z-index:1000000;  width:165px; height:16px; text-decoration:none
}
a#cont_stathis
{
position:absolute; top:322px; right:186px; z-index:1000000;  width:165px; height:16px; text-decoration:none}

/* Content - Backgrounds */

.rentals_bg 
{
 background:url('../images/rentals_bg.jpg') no-repeat left ; 
}
.rentals_bg2 
{
 background:url('../images/rentals_bg2.jpg') no-repeat left ; 
}
.rentals_bg_main 
{
 background:url('../images/rentals_bg_main.jpg') no-repeat left ; 
}
.rentals_bg3 
{
 background:url('../images/rentals_bg3.jpg') no-repeat left ; 
}
.rentals_bg_cch 
{
 background:url('../images/rentals_bg_cch.jpg') no-repeat left ; 
}

.commercial_bg 
{
 background:url('../images/commercial_bg_img2.jpg') no-repeat left ; 
}
.commercial_bg2 
{
 background:url('../images/commercial_bg2.jpg') no-repeat left ; 
}
.commercial_bg3 
{
 background:url('../images/commercial_bg3.jpg') no-repeat left ; 
}
.commercial_bg_main 
{
 background:url('../images/commercial_bg_main.jpg') no-repeat left ; 
}
.commercial_bg_petone 
{
 background:url('../images/comm_petone_bg.jpg') no-repeat left ; 
}
.commercial_bg_cuba 
{
 background:url('../images/comm_cuba_bg.jpg') no-repeat left ; 
}
.sales_bg2
{
 background:url('../images/sales_bg2.jpg') no-repeat left ; 
}
.sales_bg22
{
 background:url('../images/sales_bg22.jpg') no-repeat left ; 
}
.sales_bg_w_menu
{
 background:url('../images/sales_bg3.jpg') no-repeat left ; 
}
.sales_bg_w_menu2
{
 background:url('../images/sales_bg4.jpg') no-repeat left ; 
}
.sales_bg_w_menu3
{
 background:url('../images/sales_bg5.jpg') no-repeat left ; 
}
.sales_bg_w_menu4
{
 background:url('../images/sales_bg6.jpg') no-repeat left ; 
}
.sales_bg_w_menu5
{
 background:url('../images/sales_bg7.jpg') no-repeat left ; 
}
/* CCH apartment layout */
.sales_bg_layout
{
 background:url('../images/sales_bg_layout.jpg') no-repeat left ; 
}
.sales_bg_layout2
{
 background:url('../images/sales_bg_layout2.jpg') no-repeat left ; 
}

.investments_bg 
{
 background:url('../images/comingsoon_notext_bg.jpg') no-repeat left ; 
}
.sales_bg 
{
 background:url('../images/sales_bg.jpg') no-repeat left ; 
}
.car_parks_bg 
{
 background:url('../images/car_parks_bg.jpg') no-repeat left ; 
}
.about_us_bg 
{
 background:url('../images/about_us_bg.jpg') no-repeat left ; 
}
.about_us_bg2 
{
 background:url('../images/about_us_bg2.jpg') no-repeat left ; 
}
.about_us_bg3 
{
 background:url('../images/about_us_bg3.jpg') no-repeat left ; 
}
.about_us_bg4 
{
 background:url('../images/about_us_bg4.jpg') no-repeat left ; 
}
.contact_us_bg 
{
 background:url('../images/contact_us_bg.jpg') no-repeat left ; 
}

/* Content - components */

#big_image  /* On left */
{
position:absolute; left:23px; top:23px;  width:479px ;height:343px; 
}
#big_image_comm  {position:absolute; left:23px; top:20px;  width:479px ;height:343px; }
#big_image_comm2  {position:absolute; left:23px; top:18px;  width:479px ;height:343px; }

#img_bg{ position:absolute; left:1px; top:0px; width:474px; height:353px; background-color:#292C29}
#img_bg2{ position:absolute; left:1px; top:0px; width:474px; height:353px; background-color:#292C29}

#img_bg_clear{ position:absolute; left:1px; top:0px; width:474px; height:353px; }
#img_bg_clear{ position:absolute; left:1px; top:0px; width:474px; height:349px; } 
#img_container { position:absolute; left:12px; top:16px;  width:449px; height:321px;  overflow-x:hidden; overflow-y:hidden }
#img_container2 { position:absolute; left:12px; top:19px;  width:449px; height:321px;  overflow-x:hidden; overflow-y:hidden }

img#actual_image{ position:absolute; top:0px; left:0px}
#title_bar  /* bottom horiz bar */
{
position:absolute; left:25px; bottom:22px;  width:897px ;height:88px;  
}
#title_bar img
{
position:absolute; top:0px; left:0px; z-index:1000;
}
#title_bar a#mailto
{
position:absolute; bottom:0px; left:0px; z-index:1002; width:200px; height:30px	; text-decoration:none
}
#title_bar a#mailto_p
{
position:absolute; bottom:0px; left:0px; z-index:1002; width:200px; height:60px	; text-decoration:none
}
#title_bar a#mailto2
{
position:absolute; bottom:0px; left:280px; z-index:1002; width:200px; height:30px	; text-decoration:none
}

/* Common Level 3 - Components*/
#title_holder /* used in commercial pages*/
{
position:absolute; 	top:123px; right:16px;	
width:426px; height:57px; 
}
#img_bar
{
position:absolute; 	top:23px; right:17px;	
width:425px; height:83px; 
}

/* CONTENT - image choosers */
#img1{
	position:absolute; left:0px; top:14px;  z-index:1010;
	width:75px; height:56px; cursor:pointer;  
}
#img2{
	position:absolute; left:83px; top:14px;  z-index:1010;
	width:75px; height:56px; cursor:pointer; 
}
#img3{
	position:absolute; left:165px; top:14px;  z-index:1010;
	width:75px; height:56px; cursor:pointer; 
}
#img4{
	position:absolute; left:248px; top:14px;  z-index:1010;
	width:75px; height:56px; cursor:pointer; 
}
#img5{
	position:absolute; left:334px; top:14px;  z-index:1010;
	width:75px; height:56px; cursor:pointer; 
}
 
 
/* scrollbar http://www.hesido.com/flexcroll/flexcroll-guide.htm*/
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(../images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(../images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(../images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(../images/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

/* For Sale Section */
#south_elevation
{  
position:absolute; bottom:12px; left:480px; z-index:1002; width:110px; height:10px	; text-decoration:none	
}
#north_elevation
{ 
position:absolute; bottom:24px;  left:480px;  z-index:1002; width:110px; height:10px; text-decoration:none	
}
#typical_floor
{ 
position:absolute; bottom:36px;  left:480px;  z-index:1002; width:110px; height:10px;	 text-decoration:none	
}
#apt_layouts
{ 
position:absolute; bottom:48px;  left:480px;  z-index:1002; width:110px; height:10px;	 text-decoration:none	
}

/* Inner City CCH */
#south_elevation2
{  
position:absolute; bottom:13px; left:380px; z-index:1002; width:130px; height:10px	; text-decoration:none	
}
#north_elevation2
{ 
position:absolute; bottom:25px;  left:380px;  z-index:1002; width:130px; height:10px; text-decoration:none	
}
#typical_floor2
{ 
position:absolute; bottom:37px;  left:380px;  z-index:1002; width:130px; height:10px;	 text-decoration:none	
}
#apt_layouts2
{ 
position:absolute; bottom:49px;  left:380px;  z-index:1002; width:130px; height:10px;	 text-decoration:none	
}

/* ie typical floor plan*/
#long_content
{
position:absolute; top:24px;  left:20px; 
}

/* no script */
img.view_image{ z-index:10000}
.zhi{ position:relative; z-index:2000; width:425px; height:75px}