@charset "utf-8";
/* CSS Document */
/*----Font------*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500);
/*-------Reset--------*/
*{
	padding:0px;
	margin:0px;
}

body{
	background:#f4f4f4 url(images/bg.png) left top repeat;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	line-height:18px;
}
.clear{
	clear:both;
	height:0px;
}
/*----theme elements------*/
.themeColor{
	background:#3363bc;
	color:#FFF;
}
.filledBox{
	background:#FFF;
	color:#999;
}
.boxShadow{
	-moz-box-shadow:    0px 0px 2px 2px #dbdbdb;
	-webkit-box-shadow: 0px 0px 2px 2px #dbdbdb;
	box-shadow:         0px 0px 2px 2px #dbdbdb;
}
.topStrip{
	width:100%;
	height:10px;
	float:left;
	z-index:1000 !important;
}
.boxPadding{
	padding:30px;
	width:auto;
	float:left;
}

h1.coloumnTitle{
	width:250px;
	padding:10px;
	background:#3363bc;
	color:#FFF;
}
/*----Margins-----*/
.margin-top{
	margin-top:30px;
}
.margin-right{
	margin-right:30px;
}

.margin-bottom{
	margin-bottom:30px;
}

.margin-left{
	margin-left:30px;
}
.noMargin-right{
	margin-right:0px !important;
}

.noMargin-bottom{
	margin-bottom:0px !important;
}



/*----Paddings-----*/
.padding-top{
	padding-top:30px;
}
.padding-right{
	padding-right:30px;
}

.padding-bottom{
	padding-bottom:30px;
}

.padding-left{
	padding-left:30px;
}

/*----Columns / Grids-----*/
.oneColumn{
	width:70px;
	height:auto;
}
.twoColumn{
	width:170px;
	height:auto;
}
.threeColumn{
	width:270px;
	height:auto;
}

.fourColumn{
	width:370px;
	height:auto;
}

.fiveColumn{
	width:470px;
	height:auto;
}
.sixColumn{
	width:570px;
	height:auto;
}
.sevenColumn{
	width:670px;
	height:auto;
}
.eightColumn{
	width:770px;
	height:auto;
}
.nineColumn{
	width:870px;
	height:auto;
}
.tenColumn{
	width:970px;
	height:auto;
}
.elevenColumn{
	width:1070px;
	height:auto;
}

.twelveColumn{
	width:1170px;
	height:auto;
}

.fullWidth{
	width:100%;
	height:auto;
	float:left;
}

#wrapper,
.wrapper{
	width:1170px;
	height:auto;
	margin:auto;
}


/*-----Title-----*/
h1,h2,h3,h4{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#3363bc;
}

h1{
	font-size:24px;
	margin-bottom:15px;
}

h2{
	font-size:18px;
	margin-bottom:15px;
}

h3{
	font-size:16px;
	margin-bottom:10px;
}
/*-----Header-----*/
.header{
	width:100%;
	height:auto;
}

a.siteLogo, 
a.siteLogo h1{
	display:block;
	width:120px;
	height:120px;
	float:left;
	text-indent:-9999px;
	color:#F00;
}

a.siteLogo{
	background:url(images/logo.png) left top no-repeat;
	margin-top:25px;
}

.topContact{
	width:300px;
	height:30px;
	float:right;
	padding:10px 0px;
	margin-top:15px;
	background:url(images/expo_2020.png) left center no-repeat;
}
/*---Top Nav----*/
#topNav{
	width:750px;
	height:auto;
	float:right;	
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	padding-left:70px;
	margin-top:25px;
}
#topNav ul li{
	list-style:none;
	display:inline;
}
#topNav ul li a{
	display:block;
	width:auto;
	height:auto;
	float:left;
	padding:15px 24px;
	text-transform:uppercase;
	color:#3363bc;
	text-decoration:none;
	background:#a2e1f8;
}
#topNav ul li a:hover{
	color:#3363bc;
}
#topNav ul li a.selected{
	background:#333e9a;
	color:#fff;
}
#socialBox{
	width:125px;
	height:25px;
	float:right;
}
#socialBox ul li{
	list-style:none;
	display:inline;
}
#socialBox ul li a{
	display:block;
	width:25px;
	height:25px;
}
#socialBox ul li a{
	display:block;
	width:25px;
	height:25px;
	float:left;
	background-image:url(images/social.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0px 3px;
}


/*---FB---*/
#socialBox ul li a.fb{
	background-position:0px -40px;
}

#socialBox ul li a.fb:hover{
	background-position:0px 0px;
}

/*---Twitter---*/
#socialBox ul li a.twitter{
	background-position:-69px -40px;
}

#socialBox ul li a.twitter:hover{
	background-position:-69px 0px;
}
/*--- G+ ---*/
#socialBox ul li a.gPlus{
	background-position:-35px -40px;
}

#socialBox ul li a.gPlus:hover{
	background-position:-35px 0px;
}
/*--- YouTube ---*/
#socialBox ul li a.youTube{
	background-position:-104px -40px;
}

#socialBox ul li a.youTube:hover{
	background-position:-104px 0px;
}

/*------Home Page------*/


.homeBodyPush{
	margin-top:600px;
}

.propertyOfTheMonth{
	width:570px;
	height:540px;
	float:left;
	background:#FFF;
	position:relative;
}

h2.propertyOfTheMonthLabel{
	width:100px;
	height:35px;
	position:absolute;
	background:#3363bc;
	color:#FFF;
	z-index:200;
	padding:25px 15px;
	font-size:16px;
	text-transform:uppercase;
	top:0px;
	left:0px;
}


h2.propertyOfTheMonthLabel span{
	width:95px;
	height:35px;
	position:absolute;
	background:#3363bc;
	color:#FFF;
	z-index:200;
	padding:25px 15px;
	font-size:18px;
	text-transform:uppercase;	
}


.propertyOfTheMonthThumb{
	width:570px;
	height:400px;
	float:left;
	background:#ccc;
}

.propertyOfTheMonthDetails{
	width:530px;
	height:100px;
	padding:20px;
	float:left;
}
.propertyOfTheMonthDetails h1{
	display:block;
	width:250px;
	float:left;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	color:#3363bc;
}
.propertyOfTheMonthDetailsRight{
	width:250px;
	height:auto;
	float:left;
	margin-left:30px;
}
.propertyOfTheMonthDetailsRight p{
	line-height:15px;
	margin-bottom:15px;
}
.propertyOfTheMonthDetailsRight h2{
	background:url(images/pricetag_big.png) left center no-repeat;
	padding-left:20px;
	color:#3363bc;
	margin-bottom:10px;
	font-weight:300;
}

.propertyOfTheMonthDetailsRight a{
	color:#3363bc;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
}

.featuredProperties{
	float:left;	
}


/*------Floats-------*/
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.floatCenter{
	margin:auto;
}


/*------Positions-------*/
.position_relative{
	position:relative;
}
.position_fixed{
	position:fixed;
	z-index:500;
}
/*------Borders-------*/
.border-top{
	border-top:1px solid #b9bcbf;
}
.border-right{
	border-right:1px solid #b9bcbf;
}

.border-bottom{
	border-bottom:1px solid #b9bcbf;
}
.border-left{
	border-left:1px solid #b9bcbf;
}
/*-----Text Alignment-------*/
.textAlignCenter{
	text-align:center;
}

/*----------Listing------------*/
ul.listing li{
	list-style:none;
	display:block;
	width:270px;
	height:450px;
	float:left;
	background:#FFF;
	-moz-box-shadow:    0px 0px 2px 2px #dbdbdb;
	-webkit-box-shadow: 0px 0px 2px 2px #dbdbdb;
	box-shadow:         0px 0px 2px 2px #dbdbdb;
	position:relative;
	margin-right:20px;
	margin-bottom:30px;
}
ul.listing li h1{
	width:70px;
	height:30px;
	position:absolute;
	background:#3363bc;
	color:#FFF;
	z-index:200;
	padding:15px 10px;
	font-size:14px;
	text-transform:uppercase;
}
a.listingThumb{
	display:block;
	width:270px;
	height:240px;
	float:left;
	outline:none;
	border:none;
	background:#CCC;
}
a.listingThumb img{
	outline:none;
	border:none;
}
.listingDetails{
	width:240px;
	height:auto;
	float:left;
	padding:15px;
}

.listingDetails h2{
	color:#3363bc;
	font-size:16px;
	text-transform:uppercase;
}
.listingDetails p{
	margin-bottom:10px;
}
.listingDetails h3{
	background:url(images/pricetag_big.png) left center no-repeat;
	padding-left:20px;
	color:#3363bc;
	font-size:14px;
	margin-bottom:10px;
	font-weight:300;
}
.listingDetails a{
	color:#3363bc;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
}

/*-------Search Box--------*/
.searchBox{
	width:570px;
	height:120px;
	background:#FFF url(images/searchBox.png) left top no-repeat;
}

/*-------Property Ticker--------*/
.propertyTicker{
	height:280px;
}

.propertyTicker ul.items li{
	display:block;
	width:234px;
	height:234px;
	float:left;
}

.propertyTicker ul.items li a{
	display:block;
	width:234px;
	height:234px;
	position:relative;
	overflow:hidden;
	color:#FFF;
	text-decoration:none;
}

.propertyTicker ul.items li a span{
	display:block;
	width:174px;
	height:174px;
	padding:30px;
	background:url(images/trans_red.png) left top repeat;
	position:absolute;
	top:0px;
	left:250px;
	z-index:150;
	color:#FFF;
}

.propertyTicker ul.items li a span h2, 
.propertyTicker ul.items li a span h3, 
.propertyTicker ul.items li a span h4{
	color:#FFF;
	margin-bottom:2px;
}


.propertyTicker ul.items li a span div{
	border:1px solid #FFF;
	padding:15px;
}
.propertyLabel_sale,
.propertyLabel_rent{
	display:block;
	width:48px;
	height:48px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:200;
	
}

.propertyLabel_sale{
	background:url(images/property_ribon.png) left top no-repeat;
}

.propertyLabel_rent{
	background:url(images/property_ribon.png) left bottom no-repeat;
}

/*------Special Columns--------*/
.homeTagline{
	width:570px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:20px 100px;
	text-align:center;
}

.homeTagline h1{
	font-size:24px;
	color:#666;
	font-weight:300;
	font-family:'TitilliumWeb-Light';
	line-height:25px;
}

.workFlow{	
	width:970px;
	height:auto;
	margin:auto;
}
.workFlow ul li{
	list-style:none;
	display:block;
	width:200px;
	float:left;
	text-align:center;
	margin:0px 20px;
}
.workFlow ul li h2{
	color:#3363bc;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:10px;
}

.getStarted{
	width:370px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 250px;
	text-align:center;
	text-transform:uppercase;
}
.getStarted h1{
	color:#000;
	margin-bottom:10px;
}

.getStarted ul li{
	list-style:none;
	display:block;
	width:auto;
	height:auto;
	float:left;
	padding:0px 5px;
	font-size:18px;
	color:#000;
}
.getStarted ul li a{
	display:block;
	height:20px;
	background:#3363bc;
	color:#FFF;
	font-size:16px;
	padding:5px 14px;
	text-decoration:none;
	border-bottom:3px solid #253071;
}
.getStarted ul li a:hover{
	border-top:3px solid #253071;
	border-bottom:none;
}


/*------Inner Pages--------*/
/*------Listing Page--------*/
.siteBodyLeft{
}
a.themeButton{
	display:block;
	width:100px;
	height:20px;
	background:#3363bc;
	color:#FFF;
	font-size:16px;
	padding:5px 14px;
	text-decoration:none;
	border-bottom:3px solid #253071;
	margin-top:10px;
	
}

a.themeButton:hover{display:block;
	border-top:3px solid #253071;
	border-bottom:none;
}

/*-----About -------*/
ul.experties li{
	list-style:none;
	display:block;
	width:270px;
	height:340px;
	float:left;
	text-align:left;
	margin-right:30px;
	background:#FFF;
}

ul.experties li .thumb{
	width:270px;
	height:230px;
	float:left;
	background:#CCC;
}
.detail{
	width:auto;
	padding:20px;
	float:left;
}
.detail h3{
	margin-bottom:3px !important;
}
.detail h4{
	color:#000 !important;
}

.detail a{
	color:#666;
}
.detail a:hover{
	color:#000;
}
/*------Ads--------*/
a.squareAd{
	display:block;
	width:270px;
	height:270px;
	float:left;
	background:#CCC;
}

a.tallAd{
	display:block;
	width:130px;
	height:490px;
	float:left;
	background:#CCC;
}

a.squareAd img,
a.tallAd img{
	border:none;
	outline:none;
}

a.ad_170x550{
	width:170px;
	height:550px;
	float:left;
}

a.ad_170x550 img{
	border:0px;
	outline:none;
}



/*----Ad Margins------*/

.adMargin_top{
	margin-top:10px;
}
.adMargin_right{
	margin-right:10px;
}

.adMargin_bottom{
	margin-bottom:10px;
}

.adMargin_left{
	margin-left:10px;
}



/*----PropertyDetails------*/
.slideShow{
	width:760px;
	height:430px;
	padding:5px;
}

ul.propertyGallery{
	
}

ul.propertyGallery li{
	display:block;
	list-style:none;
	width:82px;
	height:82px;
	float:left;
	margin-right:13px;
	margin-bottom:10px;
}


ul.propertyGallery li a{
	width:82px;
	height:82px;
	background:#CCC;
}
ul.propertyGallery li a img{
	border:none;
	outline:none;
}



ul.unitDetails li{
	list-style:none;
	display:block;
	width:auto;
	float:left;
	clear:both;
	margin-bottom:3px;
	font-size:13px;	
}
ul.unitDetails li span{
	display:block;
	width:148px;
	float:left;
}


ul.propertyAmenites{
	display:block;
	width:200px;
	float:left;
	margin-right:25px;
	font-size:14px;
}



ul.propertyAmenites li{
	list-style:none;
	background-image:url(images/tick_cross.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:18px;
}
li.cross{
	background-position:0px -25px !important;
}



.locationMap{
}

.shareButtons{
	width:100%;
	height:25px;
	float:left;
}
a.enquireButton{
	display:block;
	width:120px;
	height:26px;
	float:left;
	background:url(images/enquire_button.png) left top no-repeat;
}
/*------Footer--------*/
.footer{
	/*background-image:url(images/logo_footer.png);
	background-repeat:no-repeat;
	background-position:20px 80px;*/
}
.footer_top{
	width:1110px;
	height:auto;
	float:left;
	padding:30px;
}
.footerNav{
	width:735px;
	height:auto;
	float:left;	
}
.footerNav ul li{
	display:block !important;
	width:122px;
	height:auto;
	float:left;
	list-style:none;
	margin-right:20px;
	
}
.footerNav ul li h3{
	color:#FFF;
	
}


.footerNav ul li ul li{
	display:list-item;
	list-style:none;
}

.footerNav ul li ul li a{
	color:#FFF;
	text-decoration:underline;
}
.newsletterSubscribe{
	width:300px;
	height:auto;
	float:right;
}
.newsletterSubscribe h3{
	color:#FFF;
}


.emailInput{
	width:288px;
	height:auto;
	float:left;
	padding:5px;
	background:#FFF;
	border:1px solid #253071;
	color:#999;
	margin-top:15px;
	font-family:'TitilliumWeb-Light';
}
.subscribeButton{
	width:140px;
	height:auto;
	float:left;
	background:#000;
	text-align:center;
	border:none;
	color:#FFF;
	padding:5px;
	margin-top:5px;
	text-transform:uppercase;
	cursor:pointer;
	font-family: 'TitilliumWeb-SemiBold';
}

.footerBottom{
	width:1110px;
	padding:30px;
	float:left;	
	background:#FFF;
	color:#666;
	text-transform:uppercase;
}
.footerBottom a{
	color:#666;
}

.footerBottomLeft{
	width:450px;
	height:auto;
	float:left;
}

.footerBottomRight{
	width:300px;
	height:auto;
	float:right;
	text-align:right;
}


ul.social{
	display:block;
	width:80px;
	height:22px;
	float:left;
	margin-top:65px;
	margin-left:-50px;
}
ul.social li{
	margin-right:10px;
}
ul.social li,
ul.social li a{
	display:block;
	width:22px;
	height:22px;
	float:left;
	list-style:none;
}
ul.social li a{
	background-image:url(images/social.png);
	background-repeat:no-repeat;
}

a.twitter{
	background-position:0px 0px;
}
a.fb{
	background-position:-32px 0px;
}

/*Search CSS Start Here */

.textfieldcaption_txtmin
    {
            width:130px;
            color:#333333;
            float:left;
            height: 50px;
    }
    
.textfieldcaption_txt
{
    width:155px;
    color:#333333;
    float:left;
    height: 50px;
}


.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #333333;
  font-weight:300; 
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

.dropdown-selectm {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 11px;
  color: #333333;
  font-weight:300; 
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdown {
 display: inline-block;
position: relative;
overflow: hidden;
height: 34px;
width: 150px;
 
background-image: url(images/ddlsearch.png);
background-position: right top;
background-repeat: no-repeat;
margin-left: -12px;
}
.dropdownmin {
 display: inline-block;
position: relative;
overflow: hidden;
height: 34px;
width: 131px;
 
background-image: url(images/ddlmin.png);
background-position: right top;
background-repeat: no-repeat;
margin-left: 4px;
}


a.page_numeric2
  {
  float: left; display: block;text-decoration: none; margin: 0; padding: 4px 10px; border: 1px solid #3363BC; color: #000000; background: #ffffff; margin:0px 2px;
	
  }

  a.page_numeric2:hover
  { float: left; display: block; text-decoration: none; margin: 0; padding: 4px 10px; border: 1px solid #3363BC; margin:0px 2px;
   background:#3363BC; color:#ffffff;
  }
  .current2{float: left; display: block; text-decoration: none; margin: 0;  padding: 4px 10px; border: 1px solid #3363BC; color: #ffffff;  
   background:#3363BC;  
  } 
  
  /* List Property CSS */
  
  .ddlboxall
    {
   
        background-position:left top;
        background-repeat:no-repeat;
        width:205px;
        height:33px;
        border:none;
        padding-left:10px; 
        color:#000000;
  
    }
.txtboxall
    {
   
        background-position: left top;
        background-repeat: no-repeat;
        width: 205px;
        height: 31px;
        border: none;
        padding-left: 5px;
        padding-right: 0px;
        color:#000000;
    }
    
    .listtable
    {
       
    }
    
    .jobBox {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}


/*Featured CSS START HERE*/

.propertyLabel_Featured
{
	display:block;
	width:48px;
	height:48px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:200;
	
}