/*
 * screen.css 
 * CSS file for PML website
 * Stylesheet for index page.
 *
 * Created : 15 Aug 2006
 * Modified : 15 Aug 2006
 * 
 * @version : 1.0
 * @author : Francis Park
 *
 * Copyright 2006 BINZ Solutions Ltd.
 * All rights reserved.
 *****************************************************/
@import "screen_global.css";
/* Index Page */
#index #main_image { 
	width:780px;
	height:296px;
	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
}



#index #image_gallery, #index #enquiry {
	background: url(../images/boxline.gif) no-repeat;
}
#index #image_gallery h3, #index #enquiry h3 { display:block; width:354px; height:30px; }
#index #image_gallery h3 { background-image: url(../images/h3_image_gallery.gif); }
#index #enquiry h3 { background-image: url(../images/h3_enquiry.gif); }
#index #image_gallery h3 span, #index #enquiry h3 span { display:none; }
#index #image_plugin {
	width:351px;
	height:262px;
}
#index #enquiry #i_table2 td {
	padding:4px 10px;
	width:180px;
}
#index #enquiry #i_table2 label {
	float:left;
	font-weight:bold;
	background: url(../images/arrow2.gif) no-repeat 0px;
	padding-left:15px;
}
#index #enquiry #i_table2 input, #index #enquiry #i_table2 select {
	float:left;
	clear:left;
}
#index #i_table2 td.buttons input {
	border:none;
	margin:10px 0px 0px 225px;
}
#index .message {
	width:320px;
	height:250px;
	font-weight:bold;
	text-align:center;
}






#rr div#side_image {
	width:199px;
	height:470px;
	background: url(../images/rr_side.jpg) no-repeat top;
}
#rr #rr_table1 h3 {
	width:548px;
	height:27px;
	background: url(../images/h3_rr.gif) no-repeat 6px top;
	border-bottom:1px #cecece solid;
}
#rr #rr_table1 h3 span { display:none; }
#rr #rr_table2 p { text-align:right; font-weight:bold; }
#rr #rr_table2 h4 { display:block; width:214px; height:58px; }
#rr #rr_table2 h4 span { display:none; }
#rr #rr_table2 h4#su {
background: url(../images/h3_studiounit.gif) no-repeat right bottom;}
#rr #rr_table2 h4#fu {
background: url(../images/h3_familyunit.gif) no-repeat right bottom;}
#rr #rr_table2 h4#esu {
background: url(../images/h3_executiveunit.gif) no-repeat right bottom;}
#rr #rr_table2 #sg, #rr #rr_table2 #fg, #rr #rr_table2 #esg {
	display:block; position:relative; width:340px; height:304px;
}
#rr #rr_table2 #sg { background: url(../images/sg_bg.jpg) no-repeat center 35px; }
#rr #rr_table2 #fg { background: url(../images/fg_bg.jpg) no-repeat center 35px; }
#rr #rr_table2 #esg { background: url(../images/esg_bg.jpg) no-repeat center 35px; }

#rr #rr_table2 #sg #sg_image, #rr #rr_table2 #fg #fg_image, #rr #rr_table2 #esg #esg_image {
	position:relative;
	display:block;
	width:310px;
	height:189px;
	top:47px;
	left:12px;
}
#rr #rr_table2 #sg #sg_image { background: url(../images/sg1.jpg) no-repeat; }
#rr #rr_table2 #fg #fg_image { background: url(../images/fg1.jpg) no-repeat; }
#rr #rr_table2 #esg #esg_image { background: url(../images/esg1.jpg) no-repeat; }

#rr #rr_table2 a.first_pic, #rr #rr_table2 a.second_pic, #rr #rr_table2 a.third_pic, #rr #rr_table2 a.forth_pic {
	position:absolute;
	display:block;
	top:255px;
	width:70px;
	height:45px;
}
#rr #rr_table2 a.first_pic { left:15px; }
#rr #rr_table2 a.second_pic { left:94px; }
#rr #rr_table2 a.third_pic { left:174px; }
#rr #rr_table2 a.forth_pic { left:256px; }



#reservation div#side_image {
	width:199px;
	height:470px;
	background: url(../images/r_side.jpg) no-repeat top;
}
#reservation #r_table1 h3 {
	width:548px;
	height:27px;
	background: url(../images/h3_r.gif) no-repeat 6px top;
	border-bottom:1px #cecece solid;
}
#reservation #r_table1 h3 span { display:none; }
#reservation #r_table2 td {
	width:529px;
	padding:8px 27px;
	border-bottom: 1px #E1E1E1 solid;
background: url(../images/arrow1.gif) no-repeat 2px 13px;
}
#reservation #r_table2 label, #reservation #r_table2 input {
	display:block;
	float:left;
}
#reservation #r_table2 td label {
	text-transform: uppercase;
	font-weight: bold;
	width:170px;
}
#reservation #r_table2 td input {
	border:1px #CBCBCB solid;
}
#reservation #r_table2 td.no_deco {
	border:none;
	background-image:none;
	padding:0;
}
#reservation #r_table2 td.buttons {
	border:none;
	background-image:none;
	padding: 25px 0px 0px 340px;
}
#reservation #r_table2 td.buttons input {
	border:none;
	margin-left:15px;
}








#what div#side_image {
	width:199px;
	height:470px;
	background: url(../images/what_side.jpg) no-repeat top;
}
#what #what_table1 h3 {
	width:548px;
	height:27px;
	background: url(../images/h3_what.gif) no-repeat 6px top;
	border-bottom:1px #cecece solid;
}
#what #what_table1 h3 span { display:none; }
#what #what_table1 #pakuranga_map {
	display:block;
	width:539px;
	height:521px;
	background: url(../images/pakuranga_map.gif) no-repeat center top;
}
#what #what_table1 h4 {
	width:315px;
	height:28px;
	margin-top:25px;
	margin-left:10px;
}
#what #what_table1 p {
	padding: 0px 10px;
}
#what #what_table1 h4 span { display:none; }
#what #what_table1 h4#btsc {
	background: url(../images/h4_btsc.gif) no-repeat left;
}
#what #what_table1 h4#lep {
	background: url(../images/h4_lep.gif) no-repeat left;
}
#what #what_table1 h4#skc {
	background: url(../images/h4_skc.gif) no-repeat left;
}
#what #what_table1 h4#wpsc {
	background: url(../images/h4_wpsc.gif) no-repeat left;
}
#what #what_table1 h4#wcc {
	background: url(../images/h4_wcc.gif) no-repeat left;
}
#what #what_table1 h4#spsc {
	background: url(../images/h4_spsc.gif) no-repeat left;
}






#links div#side_image {
	width:199px;
	height:470px;
	background: url(../images/link_side.jpg) no-repeat top;
}
#links #links_table1 h3 {
	width:548px;
	height:27px;
	background: url(../images/h3_link.gif) no-repeat 6px top;
	border-bottom:1px #cecece solid;
}
#links #links_table1 h3 span { display:none; }
#links #links_table1 #anchor_image {
	display:block;
	width:528px;
	height:127px;
	background: url(../images/anchor.gif) no-repeat center top;
}
#links #links_table2 p {
	margin-left:12px;
}
#links #links_table2 h4 {
	width:193px;
	height:25px;
	margin:20px 0px 0px 10px;
}
#links #links_table2 h4#acc {
	background: url(../images/h4_acc.gif) no-repeat;
}
#links #links_table2 h4#tra {
	background: url(../images/h4_tra.gif) no-repeat;
}
#links #links_table2 h4#ent {
	background: url(../images/h4_ent.gif) no-repeat;
}
#links #links_table2 h4 span{ display:none; }
#links #links_table2 h5 {
	width:148px;
	height:18px;
	margin:20px 0px 0px 15px;
}
#links #links_table2 h5#fer {
	background: url(../images/h5_fer.gif) no-repeat;
}
#links #links_table2 h5#train {
	background: url(../images/h5_tra.gif) no-repeat;
}
#links #links_table2 h5#ren {
	background: url(../images/h5_ren.gif) no-repeat;
}
#links #links_table2 h5 span{ display:none; }
#links #links_table2 span.phone {
	display:inline-block;
	width:40px;
	height:15px;
	background: url(../images/tx_phone.gif) no-repeat;
}
#links #links_table2 span.phone span { display:none; }
#links #links_table2 span.fax {
	display:inline-block;
	width:32px;
	height:15px;
	background: url(../images/tx_fax.gif) no-repeat;
}
#links #links_table2 span.fax span { display:none; }
#links #links_table2 span.depot {
	display:block;
	width:163px;
	height:20px;
	background: url(../images/tx_depot_bg.gif) no-repeat;
	font-weight:bold;
	padding-left:18px;
	margin:10px 0px;
}
#links #links_table2 span.info {
	display:inline-block;
	width:47px;
	height:15px;
	background: url(../images/tx_info.gif) no-repeat;
}
#links #links_table2 span.info span { display:none; }
#links #links_table2 span.title { font-weight:bold; color:#0F9CAD; }
#links a#a_acc {
	display:block;
	float:left;
	position:absolute;
	width:130px;
	height:15px;
	top:270px;
	left:288px;
}
#links a#a_tra {
	display:block;
	float:left;
	position:absolute;
	width:115px;
	height:15px;
	top:302px;
	left:288px;
}
#links a#a_ent {
	display:block;
	float:left;
	position:absolute;
	width:120px;
	height:15px;
	top:335px;
	left:288px;
}
#links a#a_fer {
	display:block;
	float:left;
	position:absolute;
	width:110px;
	height:15px;
	top:305px;
	left:410px;
}
#links a#a_train {
	display:block;
	float:left;
	position:absolute;
	width:45px;
	height:15px;
	top:305px;
	left:543px;
}
#links a#a_ren {
	display:block;
	float:left;
	position:absolute;
	width:80px;
	height:15px;
	top:305px;
	left:608px;
}



#how div#side_image {
	width:199px;
	height:470px;
	background: url(../images/how_side.jpg) no-repeat top;
}
#how #how_table1 h3 {
	width:548px;
	height:27px;
	background: url(../images/h3_how.gif) no-repeat 6px top;
	border-bottom:1px #cecece solid;
}
#how #how_table1 h3 span { display:none; }
#how #how_table1 #north_map {
	display:block;
	width:500px;
	height:433px;
	background: url(../images/north_map.gif) no-repeat center 25px;
}
#how #how_table1 #south_map {
	display:block;
	width:500px;
	height:468px;
	background: url(../images/south_map.gif) no-repeat center top;
}
#how #how_table1 #taxi_info {
	display:block;
	width:538px;
	height:180px;
	background: url(../images/taxi.gif) no-repeat 10px bottom;
}















#what #main_content div { position:relative; margin-top:570px; }
#what #main_content ul li { margin-bottom:25px; }
#what #main_content ul li span {
	color: #168AA4;
	font-weight: bold;
	font-size: 14px;
}

#what a.image_map {
	display: block;
	position: absolute;
	width: 100px;
	height: 50px;
}
#what a#link_westfield { top:358px; left:431px; }
#what a#link_botany { height:65px; top:400px; left:199px; }
#what a#link_conference { width:140px; top:101px; left:611px; }
#what a#link_basin { width:110px; top:140px; left:648px; }
#what a#link_lloyd { width:135px; top:487px; left:493px; }
#what a#link_sylvia { width:120px; height:40px; top:105px; left:483px; }