/* style.css */

@import url(reset.css); 
@import url(font-face.css); 

/* Body */
body { font-family:Arial, sans-serif; font-size:9pt; color:#111; background:#fff url(../images/body_bg.gif) repeat-x top; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
#container { width:940px; margin:30px auto 0; padding:0 10px 10px; background-color:#fff; border-left:1px solid #eee; border-right:1px solid #eee; }
#ipoh-logo { float:left; }
body.iframe { background:none white; overflow:hidden; }
h1 { font-size:24px; }
h2 { font-size:24px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:11px; }
h6 { font-size:10px; }
h1,h2 { color:#6c8a59; font-weight:normal; font-family:CenturyGothicRegular, "Century Gothic", Arial, sans-serif; text-transform:uppercase; }
h3 { color:#555; font-family:Arial, sans-serif; font-weight:bold; }
h4,h5,h6 { color:#555; font-family:Arial, sans-serif; font-weight:bold; }



/* Development */
.hide { display:none; }
.show { display:block; }
strong, .strong { font-weight:bold; }
.italic { font-style:italic; }
.normal { font-style:normal; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.cb { clear:both; height:1px; line-height:1px; font-size:1px; }
p.disclaimer { color:#999; font-size:8pt; }
div.clear,br.clear { clear:both; } /* color:white; height:0; font-size:1px; display:block; overflow:hidden; */
p.error,label.error,span.error { color:red; font-style:oblique; }



/* RetailOne Module Classes */
.item {  margin-top:5px; }
.fe_left { float:left; }
.fe_right { float:right; }
.fe_image { max-width:697px; width:expression(this.width>697?697:true); margin-bottom:.3em; /* border:1px solid #d7e5ce; padding:4px;  */}
.fe_image.fe_left { margin:0px 15px 10px 0; }
.fe_image.fe_right { margin:0px 5px 10px 15px; }
.fe_table { text-align:justify; line-height:1.5em; margin:8px; }
.fe_half { text-align:justify; line-height:1.5em; margin-bottom:8px; width:285px; display:block; overflow:hidden; }
#page ul,#page ol { padding:.6em 0; }
#page ul li { line-height:1.5em; padding-left:20px; background:url(../tpl/bullet-square.png) 6px 8px no-repeat; }
#page ol li { line-height:1.5em; margin-left:20px; list-style-position:outside; list-style-type:decimal; }
#page div.item { line-height:1.4em; padding-bottom:.6em; }



/* =navigation */
#navigation { float:left; margin:58px 0 0 58px; }
#navigation li { float:left; margin-right:16px; }
#navigation li a { color:#93aa85; text-transform:uppercase; font-family:CenturyGothicBold, "Century Gothic", Arial, sans-serif; font-size:14px; } /* color:#a9c398; */
#navigation li.last { margin-right:0; }
#navigation li a.selected { color:#6c8a59; }
#navigation li a:hover { color:#6c8a59; text-decoration:none; }



/* =content */
#content { clear:both; width:702px; padding:15px 0; float:left; margin-left:2px; display:inline; overflow:visible; position:relative; margin-bottom:20px; }
#content.home p { margin-left:10px; }
#content #page-header { margin-bottom:10px; height:152px; width:707px; overflow:hidden; }
#content #page-header img { padding:4px; border:1px solid #d7e5ce; }
#content h1,#content h4,#content h5,#content h6 { margin-left:10px; }
#content h2 { padding:5px 0; margin:0 0 0 10px; }
#content h3 { margin:5px 0 5px 10px; clear:both; }
#content .module h3 { margin:0px 0 5px 0px; clear:none; } /* clear:both; */
#content p { color:#787878; line-height:1.5em; margin:0 0 10px 10px; }
#content a { color:#555; font-weight:bold; text-decoration:underline; }
#content a:hover { text-decoration:none; }
#content ul { margin-left:15px; }
#content div { clear:both; }
/* #content div.module { clear:both; } */
#content div.module p { margin-left:10px; }
#content div, #content .fe_table { margin-left:10px; color:#787878; line-height:1.5em;}
#content div p, #content div div { margin-left:0 !important; }
#content div:first-child, #content div.first-child { margin:0 0 0 6px; }
#content div:first-child img, #content div.first-child img { width:697px; height:126px; }
#content div:first-child li img, #content div.first-child li img { width:697px; height:300px; }
#content .centre-logo { padding:5px 0 10px; display:block; margin:5px auto 10px; }
#content .address { padding-left:35px; background:url(../images/address.jpg) top left no-repeat; clear:both; }
#content .address.contact { padding-left:35px; background:url(../images/address.jpg) top left no-repeat; clear:both; float:left; }
#content .phone { padding-left:35px; padding-top:3px; background:url(../images/phone.jpg) top left no-repeat; height:24px; }
#content .phone.contact { padding-left:35px; padding-top:3px; background:url(../images/phone.jpg) top left no-repeat; height:24px; float:left; margin-left:30px !important; }
#content .online { padding-left:35px; padding-top:3px; background:url(../images/www.jpg) top left no-repeat; height:24px; }
#content .divider { margin-bottom:15px; }
#content ul { list-style-type: disc; }

#content.property-assets dl { margin:20px 0 0 20px; padding:0px; }
#content.property-assets a { float:left; padding:0px 20px 0 0; display:inline-block;}
#content.property-assets a img { padding:0px !important; }




/* =slideshow */
#content #slideshow { width:697px; height:300px; padding:4px; border:1px solid #d7e5ce; position:relative; margin-bottom:10px; overflow:hidden; margin-left:0px;}
#content #slideshow-overlay { width:667px; height:26px; position:absolute; bottom:3px; left:4px; background-color:#000; padding:8px 15px 15px 15px; font-weight:normal; text-decoration:none; z-index:100; overflow:hidden; filter:alpha(opacity=80); opacity:0.8; }
#content a#slideshow-overlay:hover { text-decoration:none; }
#content a#slideshow-overlay:hover span { cursor:pointer; }
#content #slideshow-overlay p { font-family:CenturyGothicRegular, "Century Gothic", Arial, sans-serif; font-size:24px; text-transform:uppercase; color:#fff; float:left; margin:0; cursor:pointer; position:relative; top:-3px; width:100%; text-align:left; }
#content #slideshow-overlay span { width:55px; display:block; }
#content #slideshow-overlay span.read-more { float:left; color:#fff; font-size:11px; padding-right:10px; background:url(../images/readmore_arrow_white.gif) no-repeat right; }
#content #slideshow a { display:block; margin-bottom:1px; cursor:pointer; }
#content #slideshow ul { margin-left:0; }



/* =news */
#news-container { float:right; width:218px; margin:15px 0 0 5px; }
#news-container h3 { padding:6px 11px; color:#6c8a59; background-color:#fff; font-family:CenturyGothicBold, "Century Gothic", Arial, sans-serif; font-size:16px; font-style:normal; text-transform:uppercase; font-weight:normal;}
#news-container h4 { color:#6c8a59; font-weight:bold; font-size:11px; margin-bottom:7px; }
#news-container #news { height:309px; border:1px solid #dbe8d3; background-color:#f6f9f4; overflow:hidden; }
#news-container #news a { padding:11px; background-color:#f6f9f4; display:block; height:70px; }
#news-container #news a.last { height:75px; }
#news-container #news a:hover, #news-container #news a.alternate:hover { text-decoration:none; background-color:#e6f3de; background-color:#e6f3de; border:0px solid #fff; }
#news-container #news a:hover h3, #news-container #news a:hover span { background-color:#e6f3de; }
#news-container #news a.alternate { background-color:#fff; }
#news-container #news a p { color:#464646; font-size:11px; line-height:1.3em; margin-bottom:7px; }
#news-container #news a span.read-more { color:#6c8a59; font-size:11px; margin-right:6px; }



/* =news =events */
#whatson { margin-top:-5px; }
#whatson h3 { margin-left:0px; }
.readmore, .return { margin-right:5px; display:inline-block; height:27px;  }
.readmore { width:95px; background:url(../images/btn_readmore.gif) no-repeat; margin-top:-5px; margin-bottom:20px; }
.return { width:180px; background:url(../images/btn_returnevents.gif) no-repeat; position:absolute; top:153px; right:3px; float:none; }



/* =search */
#news-container #search { margin:11px 0; border:1px solid #dbe8d3; }
#news-container #search form { padding:11px; background-color:#f6f9f4; }
#news-container #search label { color:#6c8a59; font-weight:bold; font-size:11px; margin-bottom:11px; display:block; }
#news-container #search #search-container { background-color:#fff; border:1px solid #d7e5ce; width:180px; height:20px; }
#news-container #search #q { font-style:italic; color:#999; font-size:10px; float:left; margin:4px 0 0 4px; border:0; background:none; width:120px; }
#news-container #search #search-submit-button { float:right; position:relative; top:-1px; right:-1px; }
#content .searchname { margin-left:10px; color:#555; font-style:italic; font-size:16px; font-family:Georgia, "Times New Roman", serif; }
#content .searchresults { margin:3px 0 10px 10px; }
#content ul#search { margin-left:20px; list-style-type: disc; list-style-position:outside; }
#content ul#search li { margin-bottom:10px; color:#787878; line-height:1.5em; margin-left:10px; }
#content ul#search li p { margin:0; }
#content ul#search li p.page { display:inline; } 
#content ul#search li a { color:#555 !important; font-weight:bold; }
#content ul#search li a span { color:#000; font-weight:bold; }
#content ul#search li span { font-weight:bold; color:#444; }



/* =landmarks of style - building navigation */
#landmarks-of-style { clear:both; height:178px; background-color:#f6f9f4; border:1px solid #d2e2c8; position:relative; }
#landmarks-of-style a:hover { text-decoration:none; }
#landmarks-of-style a:hover, #landmarks-of-style a.alternate:hover { background-color:#e6f3de; border:0px solid #fff; }
#landmarks-of-style a:hover .read-more, #landmarks-of-style a:hover h3 { background-color:#e6f3de; }
#landmarks-of-style a { float:left; background-color:#f6f9f4; width:187px; height:178px; position:relative; }
#landmarks-of-style a * { cursor:pointer; }
#landmarks-of-style a.last { width:190px; }
#landmarks-of-style a.alternate { background-color:#fff; }
#landmarks-of-style a div { margin:0 auto; width:187px; }
#landmarks-of-style a h3 { color:#6c8a59; text-transform:uppercase; font-size:13px; margin:12px 0 10px 10px; font-family:CenturyGothicBold, "Century Gothic", Arial, sans-serif; font-style:normal; font-weight:normal; }
#landmarks-of-style a img { padding:4px; background-color:#fff; border:1px solid #cfdec6; margin:0 0 6px 10px; }
#landmarks-of-style a span.read-more { float:right; color:#6c8a59; font-size:11px; font-weight:normal; text-transform:none; padding-right:10px; margin:0 10px 10px 0; background:url(../images/readmore_arrow.gif) no-repeat right; }
#landmarks-of-style a.selected span { display:none; }
#landmarks-of-style .selected-tag { display:block !important; background:url(../images/los_selected.png) no-repeat top right; position:absolute; top:-5px; right:10px; height:30px; width:17px; }



/* =google =maps */
#google-maps { margin-left:45px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; height:335px; width:680px; }
#google-maps a { display:block; margin-top:5px; }
#google-maps a, #google-maps iframe { margin-left:45px !important; }
#google-maps iframe { margin-top:5px; }
#map-toggle { margin-left:40px;  }



/* =stats */
table { border:0px solid #ccc; padding:3px; display:inline-block; margin-left:0px; }
/* table tr.alt { background-color:#f8f8f8; } */
table tr td { padding:0 60px 0 0px; width:auto; display:table-cell; height:16px; }
table tr td b { color:#a9c398; margin:0 5px 0 -5px; padding:0px 5px; display:block; }	



/* =martin place */
dl table, dl table tr, dl table tr td { border:0; }
dl table tr td { padding:0 40px 0 10px; width:220px; display:table-cell; height:26px; }
dl table tr td:first-child { width:320px; padding-right:0px; }
dl table tr.table-header h3 { margin-left:-10px !important; padding-top:15px; }
dl table tr.table-header:first-child h3 { margin-left:-10px !important; padding-top:0px; }
dl table tr.table-header { background-color:#fff !important; }



/* =gallery */
ul.gallery { display:block; margin:0 0 15px 10px; }
ul.gallery li { float:left; margin-right:8px; height:120px; }
ul.gallery li a { text-decoration:none; }
ul.gallery li a img { padding:4px; background-color:#fff; border:1px solid #ccc; }



/* =employment */
ul#employment { margin-left:0px; }
ul#employment li { margin-bottom:11px; display:block; border:1px solid #dbe8d3; border-left:10px solid #dbe8d3; padding:5px 10px 5px 5px; width:680px; }
ul#employment li h2 { font-size:18px; }
ul#employment li h3 { clear:none; margin-top:0px;}
ul#employment .available { font-style:italic; font-size:11px; }
ul#employment .more { display:block; background: url(../images/btn_more.gif) no-repeat 0 6px; width:64px; height:40px; }

div#employment { padding-left:10px; } 
div#employment h1 { margin-bottom:10px; }
div#employment h1, div#employment h2, div#employment h3, div#employment h4, div#employment h5 { margin-left:0px; } 
div#employment .details { float:right; width:220px; }
div#employment .details ul { border:1px solid #dbe8d3; padding:0 5px 5px 15px; margin-right:3px; }
div#employment .details ul li { margin:15px 0; }
div#employment .details ul li a { color:#999; }
div#employment .returnlist { display:block; background: url(../images/btn_returnlist.gif) no-repeat 0 0; width:167px; height:40px; margin:10px 0 0 20px;}
div#employment .description { margin-left:10px; }



/* =contact */
#contactform h2 { margin: 5px 0 5px 0; }
#frmContact { color:#787878; clear:both; }
#frmContact .txt { height:20px; width:170px; margin-left:5px; font-size:11px; line-height:20px; color:#333!important; padding:0 3px; border:1px solid #d7e5ce; float:left; vertical-align:baseline; }
#frmContact .txt-area { height:100px; width:240px; margin-left:5px; font-size:11px; line-height:20px; color:#333!important; padding:3px; border:1px solid #d7e5ce; float:left; position:relative; top:-7px; }
#frmContact ul { list-style-type:none; }
#frmContact ul li { padding:4px 0; clear:both; }
#frmContact label { display:inline-block; margin-top:5px; width:120px; height:28px; text-align:right; float:left; padding-right:5px; }
#frmContact textarea { font-size:11px; margin:6px 20px 0 5px; padding:3px; border:1px solid #d7e5ce; font-family:Arial, sans-serif; }
#frmContact .submit { display:block; border:0 none; color:#fff; text-transform:uppercase; cursor:pointer; margin-bottom:15px; }
#frmContact label.error { display:block; top:0; left:190px; width:300px; font-style:italic; color:#869b79; float:left; text-align:left; margin-left:10px; }
#frmContact .txt-container img { margin-top:6px; margin-left:8px; float:left; }
#frmContact .txt-container .txt { border:0; background:none; width:170px; margin:6px 20px 0 5px; color:#323232; font-size:11px; }
#frmContact .required { display:inline-block; color:#999; }
#frmContact p.return-message { font-weight:bold; }
.focus { border-color:#a1ba91!important; }
input,textarea { outline:0; font-family:Arial, sans-serif; }



/* =footer */
#footer { clear:both; height:51px; width:962px; margin:0 auto 20px; color:#fff; background-color:#a9c398; border-bottom:5px solid #89a17a; font-family:CenturyGothicRegular, "Century Gothic", Arial, sans-serif; text-transform:uppercase; font-size:11px; }
#footer a { color:#fff; }
#footer p { float:left; margin:20px 0 0 20px; }
#footer ul { float:right; margin:22px 20px 0 0; }
#footer ul li { float:left; margin-left:15px; }
#footer ul li.divider { background:url(../images/footer_divider.gif) no-repeat 0 1px; }



/* =shadow */
#shadow-top { width:960px; height:10px; position:absolute; top:26px; left:50%; margin-left:-480px; background:url(../images/shadow_top.png) no-repeat; }
#shadow-left { width:10px; height:675px; position:absolute; top:25px; left:50%; margin-left:-489px; background:url(../images/shadow_left.png) no-repeat; }
#shadow-right { width:10px; height:675px; position:absolute; top:25px; left:50%; margin-left:480px; background:url(../images/shadow_right.png) no-repeat; }

img[src*="libid=293"] { padding:12px 0 5px 12px; border:0; }
img[src*="libid=294"] { padding:12px 0 5px 12px; border:0; }
img[src*="libid=295"] { padding:12px 0 5px 12px; border:0; }
img[src*="libid=296"] { padding:12px 0 5px 12px; border:0; }
img[src*="libid=297"] { padding:12px 0 5px 12px; border:0; }

img[src*="libid=251"] { border:none; position:relative; top:-6px;  } /* address */
img[src*="libid=252"] { border:none; position:relative; top:-6px; } /* phone */
img[src*="libid=253"] { border:none; position:relative; top:-6px; } /* www */


/*Youtube new iFrame Element*/
.module iframe.youtube{
	max-width:672px;
	border:1px solid #eee;
	background:url(../tpl/youtube-background.png) center center no-repeat white;
	padding: 9px;
	margin: 1em 0px;
}
	.module iframe.youtube.large {
		width: 672px;
		height:409px;	
	}
	.module iframe.youtube.small {
		width: 320px;
		height:195px;	
	}