body { background:url(../images/bg.jpg); height:100%}


.wrapper{min-height:100%; !important; height:100%; }
#main_document, .pikachoose{display:none;}
#main_loader{position:absolute; left:45%; top:35%;}
.black_header {position:absolute; background: url(../images/black_header.png); background-repeat:no-repeat; height:234px; width:288px; border-style:none; z-index:100; top:0;}
#miniBar{position:absolute; background: url(../images/minibar.png); background-repeat:no-repeat; width:653px; height:18px; left:278px; top:0px;}
#main_image{ background: url(../images/bgAccent.png); background-repeat:no-repeat; background-position:0px 116px; height:740px; position:relative; z-index:90; margin-top:0;}
#backdrop{ background: #000; margin-left: 30px; background-repeat:no-repeat; width:900px; height:600px; position:absolute; z-index:10; margin-top:0;}
#main_image_pages{background: url(../images/blueLayer.png); background-repeat:no-repeat; background-position:0px 116px; height:auto; position:relative; z-index:88; margin-top:0;}
#mainImage{position:relative; width: 871px; height:auto; margin:0 auto;}
#topLogo{position:relative; background: url(../images/prg_logo.png); background-repeat:no-repeat; width:186px; height:147px; left:45px; margin-top:15px;}
#featured{position:relative; background: url(../images/listingBg.png); background-repeat:no-repeat; width:940px; height:230px; margin-top:80px; padding-bottom: 30px;}
#footer{position:relative; background:#000; height:52px; width:100%;  clear:both; color:#FFF; }

#footer ul{float:right; position:relative; top:20px; padding-right:20px; }
#footer li,#footer a{color:#FFF; display:inline;  text-decoration: none;}
#footer #small_logo{ position:absolute; top:5px;}
#footer a:hover{ color:#39b54a;}
hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 75%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}

h2 hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}

/* `Navigation Menu
----------------------------------------------------------------------------------------------------*/
#navMenu{position:absolute; z-index:99; margin-left:10px;}
#menu{   height:100px; width:720px; }
#menu li{  float:left; list-style: none;}

#menu li > a:hover{ background-position:0 44px;}
.sell .active{ background-position:0 44px;}

.displace { position:relative; left: -5000px;}
	
.home{  position:relative; left: 58px; top:15px; margin:0;}
.home a{ background:url(../images/nav/home.png); width:76px; height:44px; display:block;}
.home .active{ background-position:0 44px;}

.pmgmt{   position:relative; left: 58px; top:15px; margin:0;}
.pmgmt a{   background:url(../images/nav/pmgmt.png); width:141px; height:44px; display:block;}
.pmgmt .active{ background-position:0 44px;}

.sell{    position:relative; left: 58px; top:15px; margin:0;}
.sell a{    background:url(../images/nav/sell.png); width:157px; height:44px; display:block;}
.sell .active{ background-position:0 44px;}

.buy{       position:relative; left: 58px; top:15px; margin:0;}
.buy a{     background:url(../images/nav/buy.png); width:133px; height:44px; display:block;}
.buy .active{ background-position:0 44px;}

.about{     position:relative; left: 58px; top:15px; margin:0;}
.about a{   background:url(../images/nav/about.png); width:88px; height:44px; display:block;}
.about .active{ background-position:0 44px;}

.contact{ position:relative; left: 58px; top:15px; margin:0;}
.contact a{ background:url(../images/nav/contact.png); width:84px; height:44px; display:block;}
.contact .active{ background-position:0 44px;}

/* `Body 
----------------------------------------------------------------------------------------------------*/

#bg_clouds{position:absolute; background: #4d4d4d url('../images/clouds.jpg') no-repeat; width:871px; height:592px;}
#body_text{position:relative; background-color: #dcdcdc; width:560px; min-height:600px; left:260px; padding-left:40px; padding-right:40px; padding-bottom:1px; z-index:100;}
#body_tail{position:relative;  background:url('../images/body_tail.png') no-repeat;width:640px; height:49px; left:260px; padding-bottom: 50px;}
#slogan_sell{position:absolute; background:url(../images/slogan_sell.png); width:688px; height:87px; z-index:1000; margin-top:120px; margin-left:230px;}
#fb{position:absolute; background:url(../images/FB.png); width:173px; height:62px; z-index:1000; margin-top:80px; margin-left:735px;}
#note{position:absolute; background:url(../images/note.png) no-repeat; width:156px; height:155px; z-index:1000; margin-top:300px; margin-left:60px;}
#note_nonum{position:absolute; background:url(../images/note_nonum.png); background-repeat:no-repeat; width:156px; height:158px; z-index:1000; margin-top:380px; margin-left:700px;}
.flag{position:absolute; width:218px; height:83px; z-index:1000; margin-top:300px; margin-left:37px;}
.flagB{position:absolute; width:207px; height:58px; z-index:1000; margin-top:455px; margin-left:53px; padding: 22px 0px 0px 15px; color:#FFF; font-size:19px}
.flagC{position:absolute; width:207px; height:58px; z-index:1000; margin-top:410px; margin-left:53px; padding: 22px 0px 0px 15px; color:#FFF; font-size:19px}
.flagD{position:absolute; width:212px; height:58px; z-index:1000; margin-top:495px; margin-left:53px; padding: 22px 0px 0px 20px; color:#FFF; font-size:19px; line-height: 10px;}

#bop{background:url(../images/bop_text.png); background-repeat:no-repeat;}
#bop:link {text-decoration:none;}
#bop:hover{ background-position:0 -79px;}

#psr{background:url(../images/psr_text.png); background-repeat:no-repeat;}
#psr:link {text-decoration:none;}
#psr:hover{ background-position:0 -79px;}

#meet{background:url(../images/meet.png); background-repeat:no-repeat;}
#meet a:link {text-decoration:none;}
#meet a{color:#FFF}
#meet a:hover{ color:#000;}
#meet2 a:link {text-decoration:none;}
#meet2{background:url(../images/meet.png); background-repeat:no-repeat;}
#meet2 a{color:#FFF}
#meet2 a:hover{ color:#000;}
#sell_flag{background:url(../images/sell_flag.png);}
#buy_flag{background:url(../images/buy_flag.png);}
#buy_flag:hover{background-position:0 81px;}
#about_flag{background:url(../images/about_flag.png);}
#about_flag:hover{background-position:0 81px;}
#contact_flag{background:url(../images/contact_flag.png);}
#property_flag{background:url(../images/property_flag.png);}
#listing_flag{background:url(../images/listing_flag.png);}
#feature_flag{ background:url(../images/feature_flag.png); position:absolute; width:263px; height:80px; z-index:1000; margin-top:480px; margin-left:37px;}

#bar{position:relative;  height:22px; width:655px; margin-top:180px;  left:270px; }
.featured_box{position:relative; height:243px; width:315px; background:url(../images/feature_box.png); float:left;}
#featured_boxes{position:absolute; left:0px; top:550px; width:100%;}
.box{position:relative; height:243px; width:319px;}
.featureImg{position:absolute; left:27px; top:30px;}
.featured_box p{text-align:center; position:absolute; top:195px; width:100%}

.services li {
width:120px;
margin:15px 0 0 0;
padding:0 10px 0 0;
line-height:15px;
position:relative; /* IE needs this in order to recognize links in all columns */
color:#FFF;
}
.col1 {
margin-left:0;
}
.col2 {
margin-left:150px;
}
.col3 {
margin-left:300px;
}
.first {
margin-top:-105px;
}


/*******************************/
/* Property Details			   */
/*******************************/
#property-detail{position:relative;}
#property-detail ul.box_text{ margin:0px!important; padding:0px!important;  }
#property-detail ul.box_text li{ border:0px!important; border-bottom:1px solid #e9e8e8!important;  padding:4px 0px!important; margin:0px!important; font-size:11px; color:#7e7e7e; list-style-type:none; text-align:left!important; font-weight:normal; display:block; float:left; width:525px; }
#property-detail ul.box_text .left{ font-weight:bold; width:114px; float:left; }
#property-detail ul.box_text .right{ width:376px; float:right; }

#property-detail .one_half{ width:240px; margin:0px; }
#property-detail .one_half ul.box_text li{ float:none; width:auto;}
#property-detail .one_half{margin-right:40px; float:left; }

/*******************************/
/* Property List 			   */
/*******************************/
.list_properties{ background:#f6f6f6; padding:20px; color:#7e7e7e; line-height:15px; margin-bottom:30px; }
.list_img{ width:130px; float:left; padding-top:2px;}
.list_text{ width:350px; margin-left:10px; float:left;}
.title_property2{border-bottom:1px solid #d8d8d8; padding-bottom:3px; margin-bottom:20px; float:left; width:480px;}
.title_property2 a, .title_property2 a:visited{color:#272727;}
.title_property2 h2{ font-size:12px; float:left; margin:0px; }
.title_property2 .star{ float:right; background:url(images/icon-star.png) no-repeat 0 7px; padding-left:18px; padding-top:5px;}

/*******************************/
/* Contact Form 			   */
/*******************************/
#contact_form { padding-top:20px; width:100%;}
#contact-form {}
#contact-form .button { margin-right:20px; float: left; text-decoration:none;}
#contact-form input {  width:234px; background: none; padding:8px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#f6f6f6; height:15px; margin:0}
#contact-form textarea { overflow: auto; width:534px; background: none; padding:8px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#f6f6f6; height:135px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:46px;}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:175px; overflow:hidden; padding-bottom:6px;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#contact-form .error {color:#f70f35;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px; background:#545453;}
#contact-form .bg{ float:left; background:#545453;}

.box{ background:#FFF; padding:30px; padding-bottom:10px; min-height:379px; padding-left:80px;}
.button, .link1{ display:inline-block; position:relative; font:38px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; line-height:1.2em; background:#39b54a; letter-spacing:-1px; margin-top:-7px; padding:0 6px; padding-bottom:6px;}
.link1{ background-position: 0 7px}
.button > span{ position:absolute; top:0; left:0; background: url(../images/bg_button_active.gif) 0 10px repeat-x; width:100%; height:100%; z-index:1}
.button > strong{ font-weight:500; position: relative; z-index:2; cursor:pointer}
.button:hover, .link1:hover{ color:#FFF}

#picFrame{ background: url(../images/frame.png) no-repeat; height:354px; width:267px; padding:25px 0px 0px 23px; }

.hidden {display: none;}


/* LayerSlider Layers and Sublayers unique styles */


#layerslider,
#layerslider2 {width: 871px; height: 592px; margin: 0px auto 50px auto;}

#ls-s2{ top:164px; left:443px;}
#ls-s3{ top:312px; left:578px;}
#ls-s4{ top:313px; left:664px;}

#ls-s1_3{ top:225px; left:499px;}
#ls-s2_3{ top:237px; left:565px;}
#ls-s3_3{ top:286px; left:576px;}
#ls-s4_3{ top:323px; left:624px;}


.item {
    width:262px;
    height:155px;    
     
    /* required to hide the image after resized */
    overflow:hidden;
     
    /* for child absolute position */
    position:absolute; left:27px; top:30px;
     
    /* display div in line */
    float:left;
}
 
.item .caption {
    width:262px;
    height:155px; 
    background:#000;
    color:#fff;
    font-weight:bold;
         
    /* fix it at the bottom */
    position:absolute;
    left:0;
 
    /* hide it by default */
    display:none;
 
    /* opacity setting */
    filter:alpha(opacity=80);    /* ie  */
    -moz-opacity:0.8;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.8;    /* for really really old safari */ 
    opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
 
}
 
.item .caption a {
    text-decoration:none;
    color:#0cc7dd;
    font-size:16px; 
     
    /* add spacing and make the whole row clickable*/
    padding:5px;
    display:block;
}
 
.item .caption div {
    padding:5px;    
    margin:0;
    font-size:20px;
	margin-top:45%;
	text-align:center; 
}
 
.item img {
    border:0;
     
    /* allow javascript moves the img position*/
    position:absolute;
}
 
.clear {
    clear:both; 
}