@charset "UTF-8";
/* CSS Document 
   Design and developed by: Creative Crest Cebu | 
   Author: Robert Eric R. Bagares 
*/
@import url(http://fonts.googleapis.com/css?family=Cuprum);

body {font-family:"MS PGothic",Arial, Helvetica, sans-serif;}

#container {
	width:960px; margin:auto; 
	overflow:visible; 
}
	
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: TYPE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
p {font-family:Arial, Helvetica, sans-serif; color:#666;}
a {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#9FC63F; text-decoration:none;}
a span {color:#999;}
h1, h2, h3, h4, h5 {font-family: 'Cuprum', sans-serif;}
	.pageTitle {padding:15px 0px 15px 0px; border-bottom:dashed 1px #CCC;}
	.pageTitle h1, .pageTitle h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;}
	.pageTitle h1 {color:#0071BC; font-size:1.4em;}
	.pageTitle h2 {color:#999; margin-top:5px;}
em {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-style:italic;}
em, p {line-height:1.5;}
#main .genericText {padding:10px 20px 20px 10px;}
#main .genericText p {line-height:1.7; padding-right:20px; margin:10px 0px 35px 0px;}
#main .genericText p em {color:#9FC63F; font-style:normal;}
#main .genericText h1 { color:#29ABE2; font-size:20px; text-transform:uppercase; font-weight:lighter;  margin:20px 0px 0px 0px;}
#main .genericText h2 {color:#8C6239; font-size:18px; text-transform:uppercase; font-weight:lighter; margin:20px 0px 0px 0px;}
#main .genericText2 {padding:10px 20px 20px 10px; float:left; margin-right:10px;}
#main .genericText2 dl {width:320px;}
#main .genericText2 dt {font-size:15px; color:#333333;}
#main .genericText2 dd {font-size:13px; color:#666666; margin-bottom:50px;}

#main .genericText3 {font-family:"MS PMincho";line-height:2;font-size:12px;color:#000;padding:10px 20px 20px 10px;}
#main .genericText3 dl {display:block; overflow:hidden;	border:1px solid #CCC; border-bottom:none; margin:0px; padding:0px;}

#main .genericText3 dd, #main .genericText3 dt {float:left; padding:10px;}

#main .genericText3 img {width:35px; height:35px; margin-top:20px; float:left;}

#main .genericText3 div { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:2; width:175px; position:relative; float:right; margin-left:5px;}
#main .genericText3 div p { margin-top:25px;}
#main .genericText3 #icoText span { color:#39B54A;}
#main .genericText3 #icoText2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:1.5; position:relative; float:left; width:395px; padding:5px 0px 10px 0px;}

#main .genericText3 h3 {font-size:20px; color:#666666; font-weight:lighter; height:5px;}
#main .genericText3 dt {width:210px;}
#main .genericText3 dt div {width:165px; float:left; }
#main .genericText3 dd {border-left:1px solid #CCC;}
#main .genericText3 dd p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0071BC;}


#main .genericText3 .loc-dir {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:75px;}
#main .genericText3 .loc-dir p { background:none; margin-top:20px; line-height:24px;}
#main .genericText3 dd p { background:url(../images/border.gif) bottom repeat-x; margin:15px 0px 10px 0px; width:410px; height:60px;}
#main .genericText3 dd p span, #main .genericText3 .loc-dir span {color:#666666;}
#main .genericText3 .last {border-bottom:1px solid #CCCCCC; margin-bottom:20px;}
#main .genericText3 .contact {width:203px; margin-top:-20px; margin-left:12px; color:#0071BC;}
#main .genericText3 .contact ul { width:94px; float:left;}
#main .genericText3 .contact .conNumber {margin-left:-10px; color:#666666;}
#main .genericText3 .contact li {margin-bottom:5px; border-bottom:dotted #999999 1px;}

.articles li {margin-bottom:3px; list-style:none; margin-left:-10px;}
.articles li a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9FC63F; font-style:normal;}
.articles li a:hover {text-decoration:underline;}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#headWrapper {left:0px; right:0px; position:absolute; border-bottom:1px solid #CCC;}
#headControl {width:960px; margin:auto;}
#main {padding-top:303px;}
header {
	position:relative;
	background:url(../images/img_grey_bg.gif) no-repeat;
	margin-left:-125px; padding-left:125px;
	z-index:9999;
}
nav {height:106px; overflow:visible; z-index:9999;}
nav p {color:#FFF;}
nav a {font-family:"MS PGothic",Arial, Helvetica, sans-serif; font-style:normal;}
	/* NAV */
	h1 a {background:url(../images/ico_logo.gif) no-repeat; width:228px; height:95px; display:block;}
	h1 a span {display:none;}
	nav {overflow:hidden; width:995px;}
	nav h1 {float:left;}
	nav li a span {color:#F39; font-size:.7em;}
	nav li a p {font-family:"MS PGothic",Arial, Helvetica, sans-serif; font-size:13px;}
.no_figure 	#main {padding-top:106px;}
.property #main {padding-top:145px;}

#categoryNav {position:absolute; right:0px; left:0px; top:110px; height:35px; background:url(../images/img_nav2_bg.gif) top left repeat-x; z-index:1;}
#categoryNav .categoryLink {height:35px; width:960px; margin:auto;}
#categoryNav .categoryLink a {float:left; display:block; width:132px; height:32px; margin-top:5px;}
#categoryNav .categoryLink a.selected, #categoryNav .categoryLink a:hover {background:url(../images/img_nav2link_bg.gif) top left no-repeat;}
#categoryNav .categoryLink a p {text-align:center; margin-top:6px; font-style:normal;}

		/*- - - - - - -  - - - - - - - - - - - - - - - - - - - - - - -
	 														:: COOKIES & PAGER
		 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.cookies {border-bottom:1px dashed #ccc; margin-top:20px; padding-bottom:10px;}
		.cookies a {color:#ED1E79; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; margin:0px; padding:0px;}
		.cookies span {font-size:9px; padding:0px 5px;}
		.cookies .onpage {cursor: default; color:#666;}
		.page_nav {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; text-align:right; padding:5px; margin-bottom:10px;}
		.page_nav a {color:#999; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:11px; padding:3px;}
		.page_nav a:hover {text-decoration:underline;}
		.page_nav .prev { padding-left:10px; background:url(../images/arrow_blue_left.gif) center left no-repeat;}
		.page_nav .next { padding-right:10px; background:url(../images/arrow_blue_right.gif) center right no-repeat;}
		
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: FIGURE & HGROUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header figure {width:960px; height:195px; background:url(../images/img_banner.jpg) no-repeat; position:relative;}
header hgroup {width:300px; height:115px; position:absolute; right:100px; top:35px; color:#060;}
header hgroup h2 {font-size:2.1em;}
header hgroup h3 {font-size:1.1em;}
.no_figure .bodyContents hgroup, .property .bodyContents hgroup {background:#F5F5F5; border-top:1px dashed #ccc; border-top:1px dashed #ccc; margin-top:1px; padding:10px 0px 5px 10px; position:relative;}
.no_figure .bodyContents hgroup h1, .property .bodyContents hgroup h1 {font-size:2em; text-transform:uppercase; color:#29ABE2; font-weight:lighter;}
.no_figure .bodyContents hgroup h2, .property .bodyContents hgroup h2 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:lighter;} 
.property .bodyContents hgroup .rentSaleBtn {width:100px; right:15px; top:15px; position:absolute;}
.property .bodyContents hgroup .rentSaleBtn a {float:left; width:47px; height:32px;}
.property .bodyContents hgroup .rentSaleBtn .rent {background:url(../images/img_rent_sale_btn.png) bottom left no-repeat;}
.property .bodyContents hgroup .rentSaleBtn .rent:hover {background:url(../images/img_rent_sale_btn.png) top left no-repeat;}
.property .bodyContents hgroup .rentSaleBtn .rentSelected {background:url(../images/img_rent_sale_btn.png) top left no-repeat;}
.property .bodyContents hgroup .rentSaleBtn .sale {background:url(../images/img_rent_sale_btn.png) bottom right no-repeat;}
.property .bodyContents hgroup .rentSaleBtn .sale:hover {background:url(../images/img_rent_sale_btn.png) top right no-repeat;}
.property .bodyContents hgroup .rentSaleBtn .saleSelected {background:url(../images/img_rent_sale_btn.png) top right no-repeat;}
.property .bodyContents hgroup .rentSaleBtn a p {margin:6px 0px 0px 0px; text-align:center; font-style:normal; color:#999;}
.property .bodyContents hgroup .rentSaleBtn .rentSelected p,
.property .bodyContents hgroup .rentSaleBtn .saleSelected p
{color:#ED1E79;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: SECTIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section {border-bottom:none; overflow:hidden; position:relative;}
#mainContents {float:left; width:720px; position:relative;}
.no_figure .bodyContents, .property .bodyContents {padding-right:20px; width:720px;}
.bodyContents ul {display:block; overflow:hidden; margin:10px 10px 0px 0px; padding:20px 0px 30px 0px;}
.bodyContents ul li {float:left; list-style:none; width:330px;  margin-right:20px;}
.bodyContents ul li:last-child, .bodyContents ul li.last {margin:0px;}
.bodyContents ul li img {float:left; margin-right:15px;}
.bodyContents ul li h3 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;}
.bodyContents ul li p {padding-right:20px; color:#999;}
.sec-body-1 {border-bottom:1px solid #CCC;}
.sec-body-2 {border-top:1px solid #CCC;}


.sec-2 {border-top:1px solid #CCC;}
.sec-2 div {float:left; width:460px; padding-right:20px;}
.sec-2 .right {background:url(../images/img_triangle_bot.gif) #EFF4E8 bottom right no-repeat; }
.sec-2 a {padding:10px 0px 10px 0px; display:block;}
.sec-2 em, .sec-2 p {padding-top:10px; display:block;}
.sec-2 .right hgroup, .sec-2 .right em, .sec-2 .right p, .sec-2 .right a {margin-left:15px;}
.sec-2 .right  {padding-bottom:20px;}
.sec-2 ul {float:right; margin-top:10px;}
.sec-2 ul a {color:#ED1E79; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; line-height:1; margin:0px; padding:0px 0px 5px 0px;}
.sec-2 .article {width:210px; display:inline-block; float:left;}

#sideNavigation {width:240px; overflow:hidden;  position:absolute; bottom:0px; right:0px; top:0px; background:url(../images/img_sidenav_bg.png) top left repeat-y;}
.featuredProperties {background:url(../images/img_side_nav_bg.png) top left; overflow:hidden;}
#sideNavigation h2 {font-size:20px; color:#8C6239; font-weight:normal; padding:20px 0px 5px 15px;}
#sideNavigation p {margin:0px 0px 0px 15px; padding:0px; font-size:11px;}
#sideNavigation .contactUs { padding-top:7px; width:205px; height:140px; background:url(../images/contact_us.gif) top left no-repeat; display:block; margin:5px 0px 0px 15px; position:relative;}
#sideNavigation .contactUs a b {display:none;}
#sideNavigation .contactUs a {display:block; width:100%; height:100%; position:absolute;}
#sideNavigation .contactUs p {margin:0px 0px 0px 73px; color:#ED1E79; font-size:14px; display:none;}	
.featuredProperties h3 {font-size:12px; color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:10px 0px 0px 15px; clear:both;}
.featuredProperties h3 span {color:#999; font-size:11px; text-transform:uppercase; font-family:"MS PGothic";}
.featuredProperties ul {overflow:hidden; margin:5px 0px 0px 15px; padding:0px;}
.featuredProperties li {float:left; list-style:none; border:1px solid #CCC; width:65px; height:65px; margin-right:7px;}
.featuredProperties li  img {width:65px; height:65px;}
.featuredProperties .viewAll {float:right; margin:10px 15px 0px 0px; text-decoration:none; font-size:12px;}

		/*- - - - - - - - - - - - - - - - -- - - - - - - - - - - - - 
												:: PROPERTY DETAILS
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.bodyContents dl {margin-top:30px; overflow:hidden;}
		.bodyContents .propertyPhoto {float:left; width:350px;}
		.bodyContents .propertyDetail {float:right; width:340px;}
		.bodyContents dl h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin-bottom:5px;}

		.bodyContents .propertyDetail {padding-bottom:30px;}
		.bodyContents .propertyDetail dl {margin:0px; padding:0px;}
		.bodyContents .propertyDetail .detail-1 {border-bottom:1px dashed #999; padding-bottom:5px; margin:0px 10px 5px 0px;}
		.bodyContents .propertyDetail dl dt, .bodyContents .propertyDetail dl dd {float:left; width:165px;}  
		.bodyContents .propertyDetail .propertyPrice {margin-top:10px; float:right; width:341px; height:108px; background:url(../images/img_property_grey.jpg) top left no-repeat;}
		.bodyContents .propertyDetail .propertyPrice dt  {width:80px; padding-left:20px;}	
		.bodyContents .propertyDetail .propertyPrice dd {width:235px;}
		
		/*
		.bodyContents .propertyDetail .propertyPrice ul {margin:0px; padding:15px 0px 0px 0px;}
		.bodyContents .propertyDetail .propertyPrice ul li {line-height:2; width:auto; font-size:12px;}
		*/
		
		.bodyContents .propertyDetail .propertyPrice ul {margin:0px; padding:15px 0px 0px 0px;}
		.bodyContents .propertyDetail .propertyPrice ul li {line-height:2; display:block; font-size:12px;}
		.bodyContents .propertyDetail .propertyPrice dt li {color:#666; font-weight:bold;}
		.bodyContents .propertyDetail .propertyPrice dd li {color:#ED1E79;}
		.bodyContents .propertyDetail .propertyCode   {font-size:10px; color:red; font-family:Arial, Helvetica, sans-serif; visibility:hidden;}
		.bodyContents .propertyDetail  p {font-size:12px; margin-bottom:10px;}
		.bodyContents .propertyDetail  a {
			-moz-border-radius: 7px; border-radius: 7px;
			padding:5px; margin-top:10px; border:1px solid #CCC;
		}
		.bodyContents .propertyPhoto .photoThumb {margin:0px; padding:0px;}
		.bodyContents .propertyPhoto ul.photoThumb li {float:left; width:65px; height:65px; margin:0px 6px 0px 0px; background-color:#999;}
		.bodyContents .propertyPhoto ul.photoThumb li:last-child, .bodyContents .propertyPhoto ul.photoThumb li.last {
			margin:0px 0px 0px 0px; background-color:#F00;
		}
		
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: SPECIAL PROPERTy
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.slideHolder figure {float:left; width:260px; display:block; padding:25px 0px 0px 0px;}
.slideHolder img {width:260px; height:160px;}
.slideHolder article {float:left; width:430px; padding:25px 0px 0px 20px; }
.slideHolder a {background:url(../images/fet_arrow_white_03.gif) #9FC63F top right no-repeat; color:#FFF; padding:5px 10px; float:right; text-decoration:none;}
.slideHolder h2 {font-size:18px; text-transform:uppercase;}
.slideHolder p {margin-bottom:10px;} 

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: ACCORDION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#list2 {overflow:hidden;}
#list2 dt {
	background:url(../images/img_bullet_rail.gif) center left no-repeat;
	background-position:15px; color:#ED1E79; font-size:1em; padding: 5px 0px 5px 20px;
}
#list2 dt:hover {cursor:pointer;}
#list2 dd { height: 405px; overflow: hidden; border-bottom:1px dotted #999;}
#list2 dt { border-top:1px dotted #999;  border-bottom:1px dotted #999;}
#list2 .acc-lapu {border-top:none;}
#list2 .acc-mandaue {border-top:none;}

#list2 .acc-location-a {color: #ED1E79; font-size: 1em;}

#list_common {overflow:hidden;}
#list_common dt p {color:#ED1E79; font-style:normal; padding-left:0px; margin-left:0px;}
#list_common dt {
	background:url(../images/img_bullet_rail.gif) center left no-repeat;
	background-position:15px; color:#ED1E79; font-size:1em; padding: 5px 0px 5px 20px;
}
#list_common-2 dt {
	background:url(../images/img_bullet_rail.gif) center left no-repeat;
	background-position:15px; color:#ED1E79; font-size:1em; padding: 5px 0px 5px 20px;
}
#list_common-2 dt a {
	background-position:15px; color:#ED1E79; font-size:1em; padding: 5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:12px;
}
#list_common-2 dt {border-top:1px dotted #999;}
#list_common-2 dt.last {border-bottom:1px dotted #999;}
#list_common dt:hover, #list_common-2 dt:hover {cursor:pointer;}
#list_common dd {overflow: hidden;}
#list_common .acc-lapu {border-top:none;}
#list_common dt { border-top:1px dotted #999;  border-bottom:1px dotted #999;}
#list_common ul {width:100%; margin:0px; padding:0px;}
#list_common ul li {float:none; height:auto; border:none; border-bottom:1px dotted #CCC; display:block; width:100%;}
#list_common ul li:last-child, #list_common ul li.last {border:none;}
#list_common ul li p {color:#ED1E79; font-style:normal; font-size:11px; padding:5px 0px 5px 25px; margin-left:0px;}
#list_common ul li p:hover, #list_common ul li p.selected {color:#FFF; background:#ED1E79;}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {height:215px; background:url(../images/img_footer_bg.gif) repeat-x;}
footer #footerWrapper {width:960px; margin:auto; overflow:hidden;}
footer a {color:#ED1E79; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
footer address {clear:both; padding-bottom:20px;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
															:: PLUGINS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.plugin { display:block; overflow:hidden; padding:10px 0px 15px 0px;}
.plugin li {float:left; list-style:none;}
.pluginTime {width:140px; margin-right:25px;}
.pluginForex {width:230px; margin-right:25px;}
.pluginForex table {width:230px; margin:0px; padding:0px; border:none; background-color:none;}
.pluginForex .WNrow2, .pluginForex .WNrow1 {background-color:none; padding:0px 10px 0px 10px;} 
.pluginForex .WNtopmenu2 {background-color:none;}
.pluginForex .WNcol2, .pluginForex .WNcol2a {color:#06C; font-weight:bold;}
.pluginConverter {width:230px; text-align:center; margin-right:20px;}
.pluginWeather { margin-top:30px;}

		/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															:: WEATHER
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.weatherFeed {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			width: 250px;

		}
		.weatherFeed a { color: #888; }
		.weatherFeed a:hover {
			color: #000;
			text-decoration: none;
		}
		.weatherItem {
			padding: 0.8em;
			text-align: right;
		}
		.weatherCity { text-transform: uppercase; }
		.weatherTemp {
			font-size: 2.8em;
			font-weight: bold;
		}
		.weatherDesc, .weatherCity { font-weight: bold; }
		.weatherDesc { margin-bottom: 0.4em; }
		.weatherRange, .weatherWind { font-size: 0.8em; }
		.weatherLink {
			text-align: left;
			font-size: 0.8em;
		}
		
		.odd {}
		.even {}
		
		
		/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													:: CONTACT FORM
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#formHolder { margin-top:0px;}
		#formHolder dl {margin:0px;}
		#formHolder input { width:365px; padding:3px; border:1px solid #CCC;}
		#formHolder textarea {width:365px; padding:3px; border:1px solid #CCC;}
		#formHolder dd { float:right; margin-bottom:10px; margin-right:50px;}
		#formHolder dt { float:left; margin-bottom:10px; clear:both; margin-left:20px;}
		#formHolder .submit {float:right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#FFF; padding:5px; display:block; width:90px; background:url(../images/fet_arrow_white_03.gif) #9fc63f top right no-repeat; border:none; text-align:center;}