/******************************************************************************************/

/****	Document    :   Style								                      ********/

/****	Created on  :   July, 26, 2013,                                           *******/ 

/****	Author      :   Allin Web Solutions Design (www.allinwebsolutions.com)    ******/ 

/****  	Description :									                          *****/ 

/****	Website     :   Thehyde.net.au                                            ****/

/****	Purpose of the stylesheet follows.                                        ***/

/***********************************************************************************/

@import"reset.css";

/******************/

/*** Font Face ***/

/****************/

@font-face {font-family: 'GaramondPremierProRegular'; src: url('garamondpremrpro.eot'); src: url('garamondpremrpro.eot') format('embedded-opentype'), url('garamondpremrpro.woff') format('woff'), url('garamondpremrpro.ttf') format('truetype'), url('garamondpremrpro.svg#GaramondPremierProRegular') format('svg');}

@font-face {font-family: 'GaramondPremierProItalic'; src: url('garamondpremrpro-it.eot'); src: url('garamondpremrpro-it.eot') format('embedded-opentype'), url('garamondpremrpro-it.woff') format('woff'), url('garamondpremrpro-it.ttf') format('truetype'), url('garamondpremrpro-it.svg#GaramondPremierProItalic') format('svg');}

@font-face {font-family: 'GaramondPremierProSemibold'; src: url('garamondpremrpro-smbd.eot'); src: url('garamondpremrpro-smbd.eot') format('embedded-opentype'), url('garamondpremrpro-smbd.woff') format('woff'), url('garamondpremrpro-smbd.ttf') format('truetype'), url('garamondpremrpro-smbd.svg#GaramondPremierProSemibold') format('svg');}

@font-face {

font-family: 'LandmarkInline';

src: url('landmark-inline.eot');

src: url('landmark-inline.eot') format('embedded-opentype'),

url('landmark-inline.woff') format('woff'),

url('landmark-inline.ttf') format('truetype'),

url('landmark-inline.svg#LandmarkInline') format('svg');

}

@font-face {

font-family: 'LandmarkDimensional';

src: url('landmark-dimensional.eot');

src: url('landmark-dimensional.eot') format('embedded-opentype'),

url('landmark-dimensional.woff') format('woff'),

url('landmark-dimensional.ttf') format('truetype'),

url('landmark-dimensional.svg#LandmarkDimensional') format('svg');

}

@font-face {

font-family: 'LandmarkRegular';

src: url('landmark-regular.eot');

src: url('landmark-regular.eot') format('embedded-opentype'),

url('landmark-regular.woff') format('woff'),

url('landmark-regular.ttf') format('truetype'),

url('landmark-regular.svg#LandmarkRegular') format('svg');

}

@font-face {

font-family: 'LandmarkShadow';

src: url('landmark-shadow.eot');

src: url('landmark-shadow.eot') format('embedded-opentype'),

url('landmark-shadow.woff') format('woff'),

url('landmark-shadow.ttf') format('truetype'),

url('landmark-shadow.svg#LandmarkShadow') format('svg');

}

button::-moz-focus-inner{padding:0; border:0}

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}

ol, ul {list-style: none;}

a img {border: none}

aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}

*{ margin: 0px; padding: 0px; }

html, body{ font-family: 'GaramondPremierProRegular'; font-size: 12px; color: #6c6d6d;  height: 100%; min-height: 100%;   }

input, select, textarea { font-family: 'GaramondPremierProRegular'; font-size: 11px; color: #6c6d6d;}

body { background: #fff; padding:0; margin:0; transition-property:font-size; -moz-transition-property:font-size; -webkit-transition-property:font-size; transition-duration:0.5s, 0.5s; -moz-transition-duration:0.5s, 0.5s; -webkit-transition-duration:0.5s, 0.5s; transition-timing-function:linear ease-in; -moz-transition-timing-function:linear ease-in; -webkit-transition-timing-function:linear ease-in; height: 100%; min-height: 100%; }

img { border:0px; margin:0px; padding:0px;}

a, input { outline: none; }

::selection{ background:#000; color:#fff }

-moz-::selection{ background:#000; color:#fff }

h1{ font-size:43px; transition-property:font-size; -moz-transition-property:font-size; -webkit-transition-property:font-size; transition-duration:0.5s, 0.5s; -moz-transition-duration:0.5s, 0.5s; -webkit-transition-duration:0.5s, 0.5s; transition-timing-function:linear ease-in; -moz-transition-timing-function:linear ease-in; -webkit-transition-timing-function:linear ease-in;}

p{ font-size:12px; transition-property:font-size; -moz-transition-property:font-size; -webkit-transition-property:font-size; transition-duration:0.5s, 0.5s; -moz-transition-duration:0.5s, 0.5s; -webkit-transition-duration:0.5s, 0.5s; transition-timing-function:linear ease-in; -moz-transition-timing-function:linear ease-in; -webkit-transition-timing-function:linear ease-in;}	

img{transition-property:width; -moz-transition-property:width; -webkit-transition-property:width; transition-duration:0.5s, 0.5s; -moz-transition-duration:0.5s, 0.5s; -webkit-transition-duration:0.5s, 0.5s; transition-timing-function:linear ease-in; -moz-transition-timing-function:linear ease-in; -webkit-transition-timing-function:linear ease-in;}

/*******************/

/* Global Classes */

/*****************/

.clear { clear: both; height: 0px;}

/************/

/* Wrapper */

/**********/

#wrapper { display: block; width: 100%; min-height: 100%; }

/*******************/

/* Main Container */

/*****************/

#mainCntr { margin: 0 auto; width: 100%; padding:0px; position:relative; height: 100%; min-height: 100%; overflow:hidden }

.mainCntr { margin: 0 auto; width: 100%; position:relative; height: 100%; min-height: 100%;  overflow:hidden }

.MdlCntr { float:left; width: 100%; position:relative; height: 100%; min-height: 100%; overflow:hidden  }



html, body, #wrapper, .lftpnl, .rgtpnl, .history{ height: 100%!important; min-height: 100%!important; }



/*********************/

/******* Logo *******/

/*******************/

h1.logo{width:179px; z-index:5; position:relative; margin:50px auto 0; z-index:999}

h1.logo a{ display: block; width:179px; height:155px; text-indent: -9999px; background: url(../images/logo.png) no-repeat 0px 0px}

/*********************/

/**** Left Panel ****/

/*******************/

.lftpnl{background:url(../images/left_bg.jpg) repeat; width:20%; position:relative; float:left; height: 100%; min-height: 100%; }

.lftpnl > nav{display:block; width:90%; float:left; padding:30px 0px 0px 0px; margin:40px 5%; position:relative; border-top:solid 5px #ccb19a}

.lftpnl > nav ul{list-style:none}

.lftpnl > nav ul li{display:block; text-align:center; padding:10px 0px 10px 0px; margin:0; font-size:17px; line-height:18px; font-family: 'GaramondPremierProSemibold';}

.lftpnl > nav ul li a{color:#ccb19a; font-weight:normal; text-decoration:none; padding:0px 20px 0px 0px; text-transform:uppercase; display:block}

.lftpnl > nav ul li.selected a{background:url(../images/arrow.png) no-repeat right}

.lftpnl > nav ul li.selected a:hover, .lftpnl > nav ul li a:hover{background:url(../images/arrow.png) no-repeat right}

/**********************/

/**** Right Panel ****/

/********************/

.rgtpnl{background:url(../images/home_img.jpg) no-repeat; position:relative; float:right; width:80%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.rgtpnl .cntarea{width:370px; float:right; margin:32px 32px 0px 0px; position:relative; padding:20px; height:200px /*258px*/; background:url(../images/text_bg.png) repeat; text-align:center}

.rgtpnl .cntarea h1{ color:#3c3c3c; font-family: 'LandmarkDimensional'; font-size:67px; line-height:normal; font-weight:normal}

.rgtpnl .cntarea p{ color:#3c3c3c; font-family: 'GaramondPremierProSemibold'; font-size:26px; line-height:normal; }

.history{background:url(../images/history_bg.jpg) no-repeat; position:relative; float:right; width:80%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.history .cntarea{width:576px; float:left; margin:32px 0px 0px 46px; position:relative; padding:20px; padding-right:10px; height:586px; background:url(../images/text_bg.png) repeat; text-align:center}

.history .cntarea.login_pdf_main {
  width: 90%;
}

.history .cntarea h1{ color:#3c3c3c; font-family: 'LandmarkDimensional'; font-size:54px; line-height:normal; font-weight:normal; padding-top:10px}

.history .cntarea h1.mdl{display:block; padding-top:30px}

.history .cntarea p.blank_div{ width:100%; height:109px; float:left;}

.history .cntarea p{ color:#3c3c3c; margin-top:10px; font-family: 'GaramondPremierProSemibold'; font-size:17px; line-height:normal; text-align:left;}

.history .cntarea ul.login{ list-style:none; margin-left:0px; border-bottom:3px solid #000; padding-bottom:22px; float:none; overflow:hidden}

.history .cntarea ul li{color:#3c3c3c; margin-top:10px; float:left; margin-right:11px; text-align:center; width:128px; font-family: 'GaramondPremierProSemibold'; font-size:17px; margin-left:0px !important;}

.history .cntarea ul li a{color:#3c3c3c; margin-top:10px; float:left; margin-right:11px; text-align:center; width:128px; font-family: 'GaramondPremierProSemibold'; font-size:17px; margin-left:0px !important; text-decoration:none;}

.history .cntarea ul li a:hover{color:#aa9376; float:left;  text-align:center; width:128px; font-family: 'GaramondPremierProSemibold'; font-size:17px; margin-left:0px !important;}


.history .cntarea.login_pdf_main ul li a {
  width: auto;
}

.history .cntarea.login_pdf_main ul li {
  width: auto;
}


.row_pdf{ width:100%; float:left; margin-top:50px;}

.section_pdf{ width:83px; height:auto; margin-right:70px; float:left; color:#aa9376; font-family: 'GaramondPremierProSemibold'; margin-left:0px; font-size:17px ; text-align:center; background-image:url(../images/pdf_golden.png); background-repeat:no-repeat}

.section_pdf a{ width:83px; height:auto; margin-right:70px; float:left; color:#aa9376; font-family: 'GaramondPremierProSemibold'; padding-top:38px; text-decoration:none; margin-left:0px; font-size:17px ; text-align:center; background-image:url(../images/pdf_golden.png); background-repeat:no-repeat}

.section_pdf a:hover{ width:83px; height:auto; margin-right:70px; float:left;color:#aa9376; font-family: 'GaramondPremierProSemibold'; margin-left:0px; font-size:17px ; text-align:center; background-image:url(../images/pdf.png); color:#000; background-repeat:no-repeat}



.section_pdf a.selected{ width:83px; height:auto; margin-right:70px; float:left; color:#000; font-family: 'GaramondPremierProSemibold'; padding-top:38px; text-decoration:none; margin-left:0px; font-size:17px ; text-align:center; background-image:url(../images/pdf.png); background-repeat:no-repeat}

.section_pdf a.selected:hover{ width:83px; height:auto; margin-right:70px; float:left;color:#000; font-family: 'GaramondPremierProSemibold'; margin-left:0px; font-size:17px ; text-align:center; background-image:url(../images/pdf.png); background-repeat:no-repeat}





::-webkit-input-placeholder {

	font-family: 'GaramondPremierProSemibold'; font-size:20px;

  color: #3c3c3c;

}

 

::-moz-placeholder {

	font-family: 'GaramondPremierProSemibold'; font-size:20px;

  color: #3c3c3c;

	

}

.last_pdf{ margin-right:0px;}



/*.history .cntarea input[type="text"], .history .cntarea input[type="Password"]{ color:#3c3c3c !important; margin-bottom:28px; font-family: 'GaramondPremierProSemibold'; font-size:17px; line-height:normal; text-align:left; width:80%; height:39px; padding:0px 1%; background-color:transparent; border:1px solid #bab6ba; margin:0px 9%}

.history .cntarea input[type="button"] {font-family: 'GaramondPremierProSemibold'; font-size:21px; font-weight:bold; color:#aa9376; background-color:transparent; border:none; text-transform:uppercase; float:right; margin-right:9%; cursor:pointer;} */

.history .cntarea img{ float:left; margin-right:5px; margin-top:10px;}

.history .cntarea ul{ list-style-type:disc; margin-left:20px;}

.history .cntarea li{ color:#3c3c3c; font-family: 'GaramondPremierProSemibold'; font-size:17px; line-height:normal; text-align:left;}

.history .cntarea p a{text-decoration:none; text-align:right; display:block; color:#aa9376; font-size:14px;}

.history .cntarea p a:hover{color:#000}

span.design{display:block; text-align:right; color:#a18e77; font-size:10px; font-family:Century Gothic,arial,sans-serif; position:absolute; right:30px; bottom:10px}

span.design a{text-decoration:none; text-align:right; color:#a18e77}

span.design a:hover{color:#000}

span.photos-by{display:block; text-align:left; color:#a18e77; font-size:10px; font-family:Century Gothic,arial,sans-serif; position:absolute; left:30px; bottom:10px}

span.photos-by a{text-decoration:none; text-align:right; color:#a18e77}

span.photos-by a:hover{color:#000}


.content{ width:100%; height:586px;  overflow:auto;}

.cntn_img{float:right!important; margin:0px 0px 20px 10px; padding:0}

.history .cntarea h1 img{float:none; margin:0}

.history .cntarea h1 img.overview{float:none; margin:0}

.history .cntarea h1 img.history{float:none; margin:0}

.history .cntarea h1 img.history2{float:none; margin:0}

.history .cntarea h1 img.architect{float:none; margin:0}

.history .cntarea h1 img.builder-developer{float:none; margin:0}

.history .cntarea h1 img.builder-developer{float:none; margin:0}

.history .cntarea h1 img.concierge{float:none; margin:0}

.history .cntarea h1 img.management{float:none; margin:0}

.history .cntarea h1 img.facilities{float:none; margin:0}

.history .cntarea h1 img.rules{float:none; margin:0}









.login_area{width:100%; text-align:center; padding:100px 0px 0px 0px; margin:0; position:relative}

.login_area input{margin-top:20px; margin-bottom:20px; overflow:hidden; display:block; background:none}

.login_area input[type="text"]{display:block; width:72%; margin-left:auto; margin-right:auto; height:38px; border:1px solid #bab6ba; padding:0px 1%; line-height:38px; font-size:22px; color:#000} 

.login_area input[type="password"]{display:block; width:72%; margin-left:auto; margin-right:auto; height:38px; border:1px solid #bab6ba; padding:0px 1%; line-height:38px} 

.login_area input[type="submit"] {font-family: 'GaramondPremierProSemibold'; font-size:21px; font-weight:bold; color:#aa9376; background-color:transparent; border:none; text-transform:uppercase; float:right; margin-right:13%; cursor:pointer;}

.login_area input[type="submit"]:hover {font-family: 'GaramondPremierProSemibold'; font-size:21px; font-weight:bold; color:#3c3c3c; background-color:transparent; border:none; text-transform:uppercase; float:right; margin-right:13%; cursor:pointer;}



@media (min-width: 768px) and (max-width: 1023px) {

	

	

#mainCntr { margin: 0 auto; width: 100%; padding:0px; position:relative}

.mainCntr { margin: 0 auto; width: 100%; position:relative }

.MdlCntr { float:left; width: 100%; position:relative }

.lftpnl{background:url(../images/left_bg.jpg) repeat-y top; width:20%; position:relative; float:left;}

.rgtpnl{background:url(../images/home_img.jpg) no-repeat; position:relative; float:right; width:80%; height:601px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.rgtpnl .cntarea h1{font-size:44px}

.rgtpnl .cntarea p{font-size:20px}

.lftpnl > nav{display:block; width:90%; float:left; padding:30px 0px 0px 0px; margin:40px 5%; position:relative; border-top:solid 5px #ccb19a}

.history .cntarea h1{ font-size:44px}

h1.logo{width:159px; z-index:5; position:relative; margin:50px auto 0; z-index:999}

h1.logo a{ display: block; width:159px; height:125px; text-indent: -9999px; background: url(../images/logo.png) no-repeat 0px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.history{background:url(../images/history_bg.jpg) no-repeat; position:relative; float:right; width:80%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.history .cntarea{width:530px; float:left; margin:32px 20px 0px 20px; position:relative; padding:20px; padding-right:10px; height:500px; background:url(../images/text_bg.png) repeat; text-align:center}

.content{ width:100%; height:500px;  overflow:auto;}

.lftpnl > nav ul li a{font-size:14px}

.lftpnl > nav ul li{padding: 6px 0px 6px 0px;}





.history .cntarea h1 img{float:none; margin:0}

.history .cntarea h1 img.overview{float:none; margin:0; width:249px; height:auto }

.history .cntarea h1 img.historyimg{float:none; margin:0; width:352px; height:auto}

.history .cntarea h1 img.historyimg2{float:none; margin:0; width:490px; height:auto}

.history .cntarea h1 img.attachment-post-thumbnail{float:none; margin:0; width:490px; height:auto}

.history .cntarea h1 img.architect{float:none; margin:0; width:488px; height:auto}

.history .cntarea h1 img.builder-developer{float:none; margin:0; width:463px; height:auto}

.history .cntarea h1 img.concierge{float:none; margin:0; width:447px; height:auto}

.history .cntarea h1 img.management{float:none; margin:0; width:347px}

.history .cntarea h1 img.facilities{float:none; margin:0; width:239px; height:auto}

.history .cntarea h1 img.rules{float:none; margin:0; width:345px; height:auto} 



.history .cntarea ul li.login{ font-size:14px; width:116px}

.section_pdf{width:23%; margin:0px 1%; text-align:center}	

.section_pdf img{float:none!important; margin-right:0!important}

.section_pdf p a{text-align:center!important}

.history .cntarea.login_pdf_main{height:600px!important}



	}

	

@media (min-width: 480px) and (max-width: 767px) {

	html, body, #wrapper, .lftpnl, .rgtpnl { height: inherit!important; min-height: inherit!important; }

#mainCntr { margin: 0 auto; width: 100%; padding:0px; position:relative}

.mainCntr { margin: 0 auto; width: 100%; position:relative }

.MdlCntr { float:left; width: 100%; position:relative }

.lftpnl{background:url(../images/left_bg.jpg) repeat; width:100%; position:relative; float:left; height:auto}

.rgtpnl{background:url(../images/home_img.jpg) no-repeat; position:relative; float:right; width:100%; height:423px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom:30px;}

.rgtpnl .cntarea h1{font-size:50px}

.rgtpnl .cntarea p{font-size:20px}

.lftpnl > nav{display:block; width:96%;  padding:20px 0; margin:20px 2% 0; position:relative; border-top:solid 5px #ccb19a}

.lftpnl > nav ul li{display:block; text-align:center; padding:8px 0px 8px 0px; margin:0; font-size:17px; line-height:18px; font-family: 'GaramondPremierProSemibold';  }

h1.logo{width:159px; z-index:5; position:relative; margin:20px auto 0; z-index:999}

h1.logo a{ display: block; width:159px; height:125px; text-indent: -9999px; background: url(../images/logo.png) no-repeat 0px 0px; background-size:cover}



.rgtpnl .cntarea {width:70%; margin:30px 10% 0; float:none; padding:5%}



.history{background:url(../images/history_bg.jpg) no-repeat; position:relative; float:right; width:100%; height:423px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom:30px;}

.history .cntarea{width:86%; float:left; margin:32px 5% 0px 5%; position:relative; padding:2%; height:320px; background:url(../images/text_bg.png) repeat; text-align:center}

.content{ width:100%; height:320px;  overflow:auto;}

.history .cntarea h1{ color:#3c3c3c; font-family: 'LandmarkDimensional'; font-size:30px; line-height:normal; font-weight:normal}

.history .cntarea p{ color:#3c3c3c; margin-top:10px; font-family: 'GaramondPremierProSemibold'; font-size:17px; line-height:normal; text-align:left;}



.history .cntarea p.first img{clear:both; float:none; margin:0 auto 20px; width:100%; height:auto}

.mCSB_container{margin-right:20px}

.lftpnl > nav ul li a{display:inline}

.history .cntarea.login_pdf_main{height:auto!important}





.history .cntarea h1 img{float:none; margin:0}

.history .cntarea h1 img.overview{float:none; margin:0; width:185px; height:auto }

.history .cntarea h1 img.historyimg{float:none; margin:0; width:288px; height:auto}

.history .cntarea h1 img.historyimg2{float:none; margin:0; width:383px; height:auto}

.history .cntarea h1 img.attachment-post-thumbnail{float:none; margin:0; width:383px; height:auto}

.history .cntarea h1 img.architect{float:none; margin:0; width:383px; height:auto}

.history .cntarea h1 img.builder-developer{float:none; margin:0; width:383px; height:auto}

.history .cntarea h1 img.concierge{float:none; margin:0; width:383px; height:auto}

.history .cntarea h1 img.management{float:none; margin:0; width:283px}

.history .cntarea h1 img.facilities{float:none; margin:0; width:185px; height:auto}

.history .cntarea h1 img.rules{float:none; margin:0; width:281px; height:auto} 





.login_area{padding-top:60px}

.history .cntarea ul li.login{width:23%; padding:0px 1%; text-align:center; margin:10px 0px 0px 0px; font-size:14px}

.section_pdf{width:23%; margin:0px 1%; text-align:center}	

.section_pdf img{float:none!important; margin-right:0!important}

.section_pdf p a{text-align:center!important}

}





@media only screen and (min-width: 240px) and (max-width: 479px) {

html, body, #wrapper, .lftpnl, .rgtpnl { height: inherit!important; min-height: inherit!important; }

	

#mainCntr { margin: 0 auto; width: 100%; padding:0px; position:relative}

.mainCntr { margin: 0 auto; width: 100%; position:relative }

.MdlCntr { float:left; width: 100%; position:relative }

.lftpnl{background:url(../images/left_bg.jpg) repeat; width:100%; position:relative; float:left; height:auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.rgtpnl{background:url(../images/home_img.jpg) no-repeat; position:relative; float:right; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom:30px}

.rgtpnl .cntarea h1{font-size:30px; padding-bottom:10px;}

.rgtpnl .cntarea p{font-size:16px}

.lftpnl > nav{display:block; width:96%;  padding:20px 0; margin:20px 2% 0; position:relative; border-top:solid 5px #ccb19a}

.lftpnl > nav ul li{display:block; text-align:center; padding:8px 0px 8px 0px; margin:0; font-size:14px; line-height:18px; font-family: 'GaramondPremierProSemibold';  }

h1.logo{width:139px; z-index:5; position:relative; margin:20px auto 0; z-index:999}

h1.logo a{ display: block; width:139px; height:109px; text-indent: -9999px; background: url(../images/logo.png) no-repeat 0px 0px; background-size:cover}



.rgtpnl .cntarea {width:70%; margin:30px 10% 0; float:none; padding:5%}

.history{background:url(../images/history_bg.jpg) no-repeat; position:relative; float:right; width:100%; height:423px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom:30px;}



.history .cntarea{width:86%; float:left; margin:32px 5% 0px 5%; position:relative; padding:2%; height:320px; background:url(../images/text_bg.png) repeat; text-align:center}

.content{ width:100%; height:320px;  overflow:auto;}

.history .cntarea h1{ color:#3c3c3c; font-family: 'LandmarkDimensional'; font-size:30px; line-height:normal; font-weight:normal}

.history .cntarea p{ color:#3c3c3c; margin-top:10px; font-family: 'GaramondPremierProSemibold'; font-size:14px; line-height:normal; text-align:left;}

.mCSB_container{margin-right:20px}



.history .cntarea p.first img{clear:both; float:none; margin:0 auto 20px; width:100%; height:auto}

.mCSB_container{margin-right:20px}

.lftpnl > nav ul li a{display:inline}



.history .cntarea h1 img{float:none; margin:0}

.history .cntarea h1 img.overview{float:none; margin:0; width:100%; height:auto }

.history .cntarea h1 img.historyimg{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.historyimg2{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.attachment-post-thumbnail{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.architect{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.builder-developer{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.concierge{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.management{float:none; margin:0; width:100%}

.history .cntarea h1 img.facilities{float:none; margin:0; width:100%; height:auto}

.history .cntarea h1 img.rules{float:none; margin:0; width:100%; height:auto} 

.cntn_img {

float: none!important;

margin: 0px 0px 20px 0px;

padding: 0; clear:both; margin:0 auto 10px!important; display:block;

}



.login_area{padding-top:60px}

.history .cntarea ul li.login{width:23%; padding:0px 1%; text-align:center; margin:10px 0px 0px 0px; font-size:12px}

.section_pdf{width:23%; margin:0px 1%}

.section_pdf p a{font-size:14px!important}

.section_pdf span a{font-size:14px!important}

.section_pdf  img{width:80%}

.history .cntarea.login_pdf_main{height:auto!important}

}

#wp_sidebarlogin-3 h2{ display:none}
#wp_sidebarlogin-3 .login-remember{ display:none}
#wp_sidebarlogin-3 input[type="text"] {
display: block;
width: 72%;
margin-left: auto;
margin-right: auto;
height: 38px;
border: 1px solid #bab6ba;
padding: 0px 1%;
line-height: 38px;
font-size: 22px;
color: #000;
background:none!important;
}
#wp_sidebarlogin-3 input[type="text"] {
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;

background: none;
}
#wp_sidebarlogin-3 input[type="password"] {
display: block;
width: 72%;
margin-left: auto;
margin-right: auto;
height: 38px;
border: 1px solid #bab6ba;
padding: 0px 1%;
line-height: 38px;
font-size: 22px;
color: #000;background-color:none!important;
}
#wp_sidebarlogin-3 input[type="password"] {
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;

background: none;
}
#wp_sidebarlogin-3 label{ display:none}
td.lwa-submit-links label{ display:none}
td.lwa-submit-links a.lwa-links-remember { display:none}
td.lwa-submit-links input.lwa-rememberme{ display:none}
td.lwa-username-input input{margin-right: 81px!important;;/* width: 86%!important;*/}
.login_area input[type="password"] {margin-right: 81px!important; /*width: 86%!important;*/}
td.lwa-submit-button{ position: absolute!important;
width: 610px!important;
z-index: 99999!important;
right: 0px!important;}
tr.lwa-submit{width: 100%!important;
position: relative!important;}
.login_area input{margin-bottom: 20px!important; margin-top:0px!important;}
td.lwa-info a#wp-logout{ display:block!important;}
td.lwa-info a{display:none}
td.lwa-info{width: 100%;
font-size: 25px;
padding-right: 73px;
text-transform: uppercase;}
td.lwa-info a{text-decoration: none;
color: #3c3c3c;padding-right: 66px;}