/* fonts */
@font-face{	font-family:webFont; src: url('http://www.gcorpestates.com/royalpavilion/fonts/Aver_Regular.ttf'); }

*{ margin:0; padding:0; }
html, body{ height:100%; }
body{ font-family:'webFont', Arial, Helvetica, sans-serif; font-size:14px; color:#4e4e4e; text-align:justify; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
a{ text-decoration:none; }
a:hover{ color:#000; }
.arial{ font-family:Arial, Helvetica, sans-serif; }

a:focus{ outline:none; }
a, img{ border:none; }

/* preloader */
#preloader{ background: #000; position:fixed; left:0px; top:0px; width:100%; height:100%; text-align:center; color:#fff; z-index:999; }
#preloader div{ width:400px; margin:auto; height: 3px; text-align:center; border: 4px solid #111; overflow:hidden; }
#preloader_image { position: relative; left:0px; top:-10px; }

#mainContainer{ width:100%; height:100%; }
.innerStr{ width:1000px; margin:auto; position:relative; height:100%; }

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; padding-bottom:15px; color:#630e12; }

#header{ background:url(http://www.gcorpestates.com/royalpavilion/images/header-bg.gif) repeat-x; position:fixed; width:100%; top:0; left:0; z-index:5; }

#footer{ background:url(http://www.gcorpestates.com/royalpavilion/images/footer-bg.gif) bottom repeat-x; position:fixed; width:100%; bottom:0; left:0; height:110px; z-index:8; }
#footer .innerStr{ height:236px; position:relative; margin-top:-76px; }
#footer ul{ list-style:none; padding-top:0px; }
#footer ul li{ float:left; width:146px; text-align:center; margin-right:35px; text-transform:uppercase; }
#footer ul li.alt{ float:right; margin-left:35px; margin-right:0; }
#footer ul li a{ color:#595858; text-decoration:none; padding-top:110px; display:block; }
.amenitiesTab{ background:url(http://www.gcorpestates.com/royalpavilion/images/amenities-pic.jpg) top center no-repeat; }
.specificationsTab{ background:url(http://www.gcorpestates.com/royalpavilion/images/specifications-pic.jpg) top center no-repeat; }
.walkthroughTab{ background:url(http://www.gcorpestates.com/royalpavilion/images/walkthrough-pic.jpg) top center no-repeat; }
.plansTab{ background:url(http://www.gcorpestates.com/royalpavilion/images/plans-pic.jpg) top center no-repeat; }

.nav{ background:url(http://www.gcorpestates.com/royalpavilion/images/nav-bg.png) no-repeat; width:258px; height:236px; position:absolute; top:-50px; left:372px; text-align:center; text-align:center; }
.nav ul{ padding:0; line-height:24px; padding:0 !important; padding-top:45px !important; }
.nav ul li{ float:none; margin:0; width:auto; float:none !important; width:100% !important; }
.nav ul li a{ color:#692d2e; padding:0 !important; display:inline-block !important; }
.social{ position:absolute; left:85px; bottom:51px; color:#fff; font-size:12px; line-height:22px; background:url(http://www.gcorpestates.com/royalpavilion/images/social-icons.gif) left center no-repeat; padding-left:55px; }
.social a{ color:#fff; }
.social a.fb, .social a.twitter{ position:absolute; left:0; top:0; width:16px; height:18px;}
.social a.twitter{ left:25px; }
.copyright{ position:absolute; right:0; bottom:51px; color:#c1bebe; font-size:10px; line-height:22px; }
.copyright span{ padding-left:20px; }
.copyright a{ color:#c1bebe; }
.copyright a:hover{ text-decoration:underline; }

.closePanel{ position:absolute; background:#a1c837; color:#000; padding:8px 15px; color:#000; top:0; right:-39px; font-family:Arial, Helvetica, sans-serif; }
.expandPanel{ position:absolute; width:41px; height:29px; background:url(http://www.gcorpestates.com/royalpavilion/images/expand-icon.png) no-repeat; top:0; left:0; display:none; }

/* sub nav positions */
.subLocation{ left:170px !important; }
.subDownload{ left:180px !important; }

/* pages */
.bgArea{ height:100%; }
.home{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/home-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home-bg.jpg',sizingMethod='scale')";
}
.homeContent{ 
	position:absolute; left:0; top:33%; width:50%; color:#000; line-height:22px; 
}
.homeContent .contentInner{
	background:rgba(242,242,242,.7); padding:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9cf2f2f2', endColorstr='#9cf2f2f2'); /* IE */
}

/* concept */
.concept{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/concept-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/concept-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/concept-bg.jpg',sizingMethod='scale')";
}
.concept h1{ margin-left:175px; }
.conceptContent{ position:absolute; right:0; top:140px; width:575px; }
.conceptContent ul{ list-style:none; position:absolute; top:0; left:0; width:150px; line-height:32px; padding-top:80px; }
.conceptContent ul a{ border-bottom:solid 1px #ccc; display:block; color:#630e12; }
.conceptContent ul a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active{ 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 */
}
.conceptContent .inner{ 
	margin-left:150px; background:rgba(255,255,255,.5); padding:12px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5cffffff', endColorstr='#5cffffff'); /* IE */ 
}
.conceptContent .inner h2{ padding-bottom:10px; }
.imgAlign{ margin:0 10px 10px 0; }

/* location */
.location{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/location-bg.jpg) left center no-repeat fixed #cfcac1 !important; background-size:68% 70% !important; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/location-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/location-bg.jpg',sizingMethod='scale')";
}
.locationContent{ position:absolute; top:0; right:0; width:350px; height:100%; background:#e1e0dc; }
.locationMap{ position:absolute; width:51px; height:51px; top:120px; right:360px; background:url(http://www.gcorpestates.com/royalpavilion/images/full-screen-icon.gif) no-repeat; z-index:1; }
.locationContent .inner{ padding:115px 10px 10px 10px; position:relative; }
.locationContent ul{ list-style:none; }
.locationContent ul li{ float:left; line-height:26px; text-indent:24px; background:url(http://www.gcorpestates.com/royalpavilion/images/location-icons.gif) no-repeat;  }
.list1{ background-position:0 4px !important; }
.list2{ background-position:-228px 2px !important; }
.list3{ background-position:0 -32px !important; }
.list4{ background-position:-228px -31px !important; }
.list5{ background-position:0 -65px !important; }
.list6{ background-position:-228px -64px !important; }
.list7{ background-position:0 -97px !important; }
.list8{ background-position:-228px -98px !important; }
.list9{ background-position:0 -134px !important; }
.list10{ background-position:-228px -135px !important; }
.list11{ background-position:0 -166px !important; }
.list12{ background-position:-228px -167px !important; }
.list13{ background-position:0 -201px !important; }

.locationContent ul li.left{ width:200px; text-indent:30px; }
.locationPath{ background:url(http://www.gcorpestates.com/royalpavilion/images/location-path.gif) 0 10px no-repeat; margin:5px 0; padding-left:45px; line-height:24px; }
.locationContent .inner a{ color:#630e12; position:relative; z-index:6; }

/* consultant */
.consultant{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/consultant-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/consultant-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/consultant-bg.jpg',sizingMethod='scale')";
}
.consultantContent{ 
	position:absolute; left:0; top:20%; width:600px;
}
.consultantContent .inner{ background:none; }
.consultantContent .contentInfo{ height:220px; overflow:auto; }
.consultantContent .contentInfo p{ display:block; padding:10px 0; border-bottom:solid 1px #ccc; }
.consultantContent .contentInfo p span{ /*color:#630e12;*/ font-style:italic; }
.consultantContent .contentInfo p img{ margin-bottom:10px; }
.consultantContent .contentInfo strong{ display:block; padding-bottom:8px; text-transform:uppercase; font-size:15px; }
.consultantContent h1{ padding-left:160px; }
.partnerInfo{ }
.partnerInfo img{ padding-bottom:10px; }

/* contact */
.contact{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/contact-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-bg.jpg',sizingMethod='scale')";
}
.contactContent{ 
	position:absolute; left:0; top:25%; width:550px; color:#fff;
}
.contactContent .contentInner{
	background:rgba(158,196,54,.8); padding:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9ec436', endColorstr='#9c9ec436'); /* IE */
}

.contactContent h1{ color:#fff; }
.contactContent .aside{ width:48%; }
.contactContent .aside.full{ width:100%; padding-top:10px; }
.contactContent .aside h4{ 
	color:#630e12; padding:5px; margin-bottom:8px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.contactContent .aside a{ color:#fff; }
.contactContent .aside a:hover{ text-decoration:underline; }

/* neighborhood */
.neighborhood{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/neighborhood-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/neighborhood-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/neighborhood-bg.jpg',sizingMethod='scale')";
}
.neighborhoodContent{ position:absolute; left:0; top:20%; width:100%; }
.neighborhoodContent h1{ margin-left:225px; }
.neighborhoodContent ul{ list-style:none; position:absolute; top:0; left:0; width:200px; line-height:32px; padding-top:80px; }
.neighborhoodContent ul a{ border-bottom:solid 1px #ccc; display:block; color:#630e12; }
.neighborhoodContent ul a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active{ 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 */
}
.neighborhoodContent .inner{ margin-left:225px; }
.neighborhoodContent .inner h2{ padding-bottom:10px; }
.neighborhoodContent .inner ul{ position:static; width:100%; line-height:normal; text-align:left; padding:0; }
.neighborhoodContent .inner ul li{ float:left; width:49%; padding-bottom:20px; }
.neighborhoodContent .inner ul li img{ float:left; }
.neighborhoodContent .inner ul li p{ float:left; padding-left:10px; text-transform:uppercase; font-size:16px; width:190px; padding-top:30px; }
.neighborhoodContent .inner ul li p span{ display:block; font-size:14px; text-transform:none; }

/* plans */
.plans{ background:#e2efca; height:100%; position:relative; }
.plansBg{ margin:auto; min-width:1000px; padding-top:120px; text-align:center; }
.plansBg img{ height:auto; width:30%; max-width:773px; }
.plansContent{ width:1000px; margin:auto; }
.plansContent .aside{ width:38%; }
.plansContent .aside h4{ 
	color:#630e12; padding:5px; margin-bottom:8px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.centralPark{  }
.centralPark .article{ margin-left:175px; height:120px; overflow:auto; }
.masterPlan{ width:180px !important; float:left; margin-left:35px; position:relative; }
.masterPlan a{ padding-bottom:10px; display:block; }
.masterPlan a span{ position:absolute; font-size:12px; color:#666; left:0; bottom:0; }
.villaPlans{}
.villaPlans ul{ width:100%; list-style:none; font-size:13px; }
.villaPlans ul li{ float:left; width:33%; text-align:center; }
.villaPlans ul li a{ display:block; color:#4c4b4b; }
.villaPlans ul li a span{ display:block; padding-top:3px; }

/* consultant */
.amenities{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/amenities-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/amenities-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/amenities-bg.jpg',sizingMethod='scale')";
}
.amenitiesContent{ 
	position:absolute; left:0; top:20%; width:870px; color:#000;
}
.amenitiesContent .contentInner{
	background:rgba(158,196,54,.8); padding:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9ec436', endColorstr='#9c9ec436'); /* IE */
}
.amenitiesContent h1{ /*color:#fff;*/ }
.amenitiesContent ul{ list-style:none; overflow:auto; }
.amenitiesContent ul li{ background:url(http://www.gcorpestates.com/royalpavilion/images/listing-bg.png) left 5px no-repeat; line-height:22px; padding-left:20px; float:left; width:45%; padding-right:1%; }

/* Faqs */
.faqs{ 
	background:url(http://www.gcorpestates.com/royalpavilion/images/faq-bg.jpg) no-repeat fixed; background-size:cover; height:100%; position:relative; 
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/faq-bg.jpg',sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/faq-bg.jpg',sizingMethod='scale')";
}
.faqsContent{ 
	position:absolute; left:0; top:21%; width:870px; height:40%; color:#000;
}
.faqsContent .contentInner{
	background:rgba(255,255,255,.6); padding:10px; height:100%; position:relative;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9cffffff', endColorstr='#9cffffff'); /* IE */
}
.faqsListing{ height:60%; padding-left:10px; }
.faqsListing h3{ background:#fff; padding:8px 15px; display:inline-block; color:#000; }
.faqsListing p{ display:block; padding:15px 0; line-height:20px; }
.faqsListing ul{ list-style:none; }
.faqsListing ul li{ background:url(http://www.gcorpestates.com/royalpavilion/images/listing-bg.png) left 5px no-repeat; line-height:22px; padding-left:20px; float:left; width:45%; padding-right:1%; }
.faqsListing a{ color:#fff; text-decoration:underline; }
.faqsListing a:hover{ text-decoration:none; }
.panels{ }
.panels li{ width:29% !important; overflow:hidden; }
.panels li ul{ }
.panels li ul li{ float:none; width:90% !important; }
.disc{ 
	font-size:11px; padding:1%; width:98%; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9cffffff', endColorstr='#9cffffff'); /* IE */
}

/* gallery */
.gallery{ height:100%; width:100%; position:relative; }
.gallery img{ width:100%; height:80%; }
.gallery li{ position:relative; }
.caption{ 
	position:absolute; left:0; top:102px; width:96%; padding:15px 2%; font-size:20px; text-transform:uppercase; text-align:right; color:#fff; background:rgba(158,196,54,.8);
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9ec436', endColorstr='#9c9ec436'); /* IE */
}

#tooltip { position:absolute; z-index:3000; border:1px solid #111; background-color:#eee; padding:5px; top:0; left:0; font-size:10px; text-transform:uppercase; }