section, article, header, footer{display:block;}
BODY { 
    margin: 0;
    padding: 0;
    text-align: center;
	font-family: Helvetica, Arial, sans-serif;
    background: #E2E2E2;
}
html, body {height: 100%;}
A { text-decoration: none; color: #FFF;}
A:HOVER { text-decoration: underline; }
A IMG { border: none; }
LABEL { cursor: pointer; }
H1, H2, H3, H4, H5, H6, FORM, P, UL, OL {
	padding: 0;
	margin: 0;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}
*{margin: 0; padding: 0;}
.wrapper {
	min-height: 100%;
	background: url("../images/bg/bg-area.gif") repeat-y center top;
}
.wp-page {margin-top: -70px;}
.area-page{
	margin: auto; 
	text-align: left; 
	width: 925px;
	background: #FFF;
}
/* Header */
header {
	background: #F1F1F1;
	height: 140px;
}
header A.logotype {
	float: left;
	display: inline;
	margin: 46px 16px 18px 15px;
}
header .text-logo {
	float: left;
	margin: 57px 0 0 0;
	font-size: 25px;
	font-weight: normal;
	color:#727272;
	line-height:30px;
}
/* Content */
#content H1, #content H2, #content H3, 
#content H4, #content H5, #content H6 {
	margin: 0px 0px 5px;
	color: #737373;
	line-height: 100%;
}
#content H1 {font-size: 26px;}
#content P {
	font-size: 15px;
	color: #737373;
	line-height: 100%;
	padding: 0 0 15px 0;
} 
#content UL, #content OL { 
	font-size: 11px; 
	color: #737373;
} 
#content A {color: #FFF;}
#content {padding: 45px 0;}
#content aside.left {
	float: left;
	display: inline;
	width: 216px;
}
#content aside.right {
	float: right;
	display: inline;
	width: 216px;
}
aside UL LI,
.sidebar UL LI {
	list-style: none;
	margin-bottom: 20px;
	height: 162px;
	overflow: hidden;
	position:relative;
	cursor: default;
	width: 216px;
	}
.blinds {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #E68757;
	opacity: 0;
	height: 100%;
}
aside UL LI:HOVER .blinds,
.sidebar UL LI:HOVER .blinds,
.sidebar-bottom UL LI:HOVER .blinds {opacity:0.75;}
#content .blinds.blinds-orange {background: #E6B757;}
#content .blinds.blinds-green {background: #ADCF6E;}
#content .blinds.blinds-purple {background: #8757e6;}
#content .blinds.blinds-blue {background: #579DE6;}
/* Add Edit Start by Anon on 21.09.2013 */
#content .blinds.blinds-red {background: #e65857;}
/* Add Edit End by Anon on 21.09.2013 */
#content .blinds.blinds-red2 {background: #e65857; width: 96%;}
/* Add Edit End by Anon on 21.09.2013 */


.info {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 16px;
	color: #FFF;	
	padding-right: 5px;
	line-height: 140%;
	display: none;
	cursor:default;
}
aside UL LI:HOVER .info, 
.sidebar UL LI:HOVER .info,
.sidebar-bottom UL LI:HOVER .info {display: block;} 
.main-content {
	float: left;
	padding: 0 20px;
    width: 453px;
	margin-top: -2px;
}
#content .main-content H1 {
	color: #E68757;
	font-family: Helvetica,Arial;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 29px;
}
#content .main-content.main-orange H1 {color: #E6B757;}
#content .main-content.main-green H1 {color: #ADCF6E;}
#content .main-content.main-purple  H1 {color: #8757e6;}
#content .main-content.main-blue  H1 {color: #579DE6;}
/* Add Edit Start by Anon on 21.09.2013 */
#content .main-content.main-red  H1 {color: #e65857;}
#content .main-content.main-gray  H1 {color: #8A8A8A;}
/* Add Edit End by Anon on 21.09.2013 */
#content .main-content P {
    font-size: 16px;
    line-height: 160%;
    margin-top: -5px;
}
#content .menu-text {	
	padding-bottom: 12px;
	margin-left: 8px;
}
#content .main-content .menu-text UL LI {
	list-style: none;
	color: #737373;
	font-size: 15px;
	background: url("../images/bg/list.gif") no-repeat left 7px;
	padding-left: 15px;
	line-height: 160%;
	font-weight: bold;
}
#content .main-content .menu-text UL LI A {color: #737373;}
#content .menu-text UL.list-green LI {background-image: url("../images/bg/list-green.gif");}
#content .menu-text UL.list-purple LI {background-image: url("../images/bg/list-purple.gif");}
#content .menu-text UL.list-blue LI {background-image: url("../images/bg/list-blue.gif");}
#content .menu-text UL.list-orange LI {background-image: url("../images/bg/list-orange.gif");}
#content .menu-text UL LI SPAN {font-weight: normal;}
#content .main-content UL LI {
	list-style: none;
	color: #737373;
	font-size: 15px;
	line-height: 160%;
	font-weight: normal;
}
.main-content.main-purple,
.main-content.main-blue,
.main-content.main-red  {
	padding: 0;
	float: right;
	display: inline;
	text-align: left;
}
/* Add Edit Start by Anon on 21.09.2013 */
.main-content.main-gray {
	padding: 0;
	float: right;
	display: inline;
	text-align: left;
}
/* Add Edit End by Anon on 21.09.2013 */
.sidebar {
	float: left;
    width: 472px;
}
.sidebar UL LI {
	float: left;
	display: inline;
	margin-right: 20px;
	height: 162px;
	width: 216px;
}
.sidebar UL LI.area-width,
.sidebar-bottom UL LI.area-width {
	width: 452px;
	margin-right: 0px;
}
.sidebar UL LI.area-width03,
.sidebar-bottom UL LI.area-width03 {
	width: 100%;
	margin-right: 0px;
}


#content .main-content P A {
	font-weight: bold; 
	color: #737373;
}
.sidebar-bottom {
	float: left;
/*	width:945px;*/
	display: inline;
	margin:0 0 0 -20px;
}
.sidebar-bottom UL LI {
	float: left;
	display: inline;
	list-style: none;
	margin-left: 20px;
	list-style: none;
	margin-bottom: 20px;
	height: 192px;
	overflow: hidden;
	position:relative;
	cursor: pointer;
	width: 216px;
	font-size: 15px;
}
.menu-info {
	float: left;
	display: inline;
	width: 245px;
}
#content .menu-info UL LI {
	list-style: none;
	line-height: 160%;
	color: #737373;
	font-size: 15px;
}
#content .menu-info UL LI A,
#content .menu-contact UL LI A {color: #737373; font-size: 15px;}
.menu-contact {
	float: left;
	display: inline;
	width: 200px;
}
#content .menu-contact UL LI {
	list-style: none;
	line-height: 160%;
	color: #737373;
	font-size: 15px;
	font-weight: bold;
}
#content .menu-contact UL LI SPAN {color: #e65857; font-size: 15px;}
#content .menu-contact UL LI.last {padding-top: 8px;} 
.area-map {
	float: left;
	display: inline;
	/*width: 465px;*/
}
#content P SPAN.font {
	font-size: 18px;
    font-weight: bold;
    line-height: 24px;	
}
 /* Footer */
footer {
	background: #737373;
	height: 70px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
.menu-footer {
	float: left;
	display: inline;	
}
.menu-footer UL LI{
	list-style: none;
	float: left;
	display: inline;
	padding: 10px 0;
}
.menu-footer UL LI SPAN {padding: 0 5px;}
.copyright {float: left; padding: 10px;}
.devel {
	float: right;
	padding: 10px;
}
.push {height: 70px;}
.area-wrapper {height: 100%;}
/* container */
#container {
	float: left;
	display: inline;
	padding-top: 2px;
	margin-left: -9px;
	width: 934px;
}
*+html #container {padding-top: 5px;}
/* Add Edit Start by Anon on 21.09.2013 */
#container UL  LI {
	float: left;
	display: inline;
	list-style: none;
	font-size: 15px;	
	margin-left: 9px;
	width: 83px;
	text-align: center;	
	padding: 5px 0;
	border-bottom: 3px solid #FFF; 
}
/* Add Edit End by Anon on 21.09.2013 */
#container UL  LI:HOVER {
	border-bottom: 3px solid #E68757; 
	text-decoration: none;
} 
#container UL  LI  A {
	color: #FFF;
	text-align: center;
	background: #E68757;
	display: block;
	padding: 3px 0;
	text-decoration: none;
}
/* Add Edit End by Anon on 21.09.2013 */
#container UL LI.purple {width: 150px;}
#container UL  LI.green {width: 185px;}
#container UL  LI.blue {width: 119px;}
#container UL  LI.orange {width: 146px;}
#container UL  LI.gray {width: 105px; float:right;}
/* Add Edit End by Anon on 21.09.2013 */

#container UL  LI.home.active, 
#container UL LI.home:HOVER {border-bottom: 3px solid #E68757;}

#container UL  LI.purple A {background: #8757e6;}
#container UL  LI.purple.active, 
#container UL LI.purple:HOVER {border-bottom: 3px solid #8757e6;}
#container UL  LI.green A {background: #ADCF6E;}
#container UL  LI.green.active, 
#container UL LI.green:HOVER {border-bottom: 3px solid #ADCF6E;}
#container UL  LI.blue  A {background: #579DE6;}
#container UL  LI.blue.active, 
#container UL LI.blue:HOVER {border-bottom: 3px solid #579DE6;}
#container UL  LI.orange A {background: #E6B757;}
#container UL  LI.orange.active, 
#container UL LI.orange:HOVER {border-bottom: 3px solid #E6B757;}
/* Add Edit Start by Anon on 21.09.2013 */
#container UL  LI.red  A {background: #e65857;}
#container UL  LI.red.active, 
#container UL LI.red:HOVER {border-bottom: 3px solid #e65857;}

#container UL  LI.gray A{background: #8a8a8a;}
#container UL  LI.gray.active, 
#container UL LI.gray:HOVER {border-bottom: 3px solid #8a8a8a;}
/* Add Edit End by Anon on 21.09.2013 */

.party_text{
	font-size: 26px !important;
	color:#e65857 !important;
	padding:0 0 0 0 !important;
	}
.party_text02{
	font-size: 15px !important;
	color:#737373 !important;
	line-height:24px !important;
	padding:10px 0 10px 0 !important;
	}
.learn_more_text02{
	font-size: 17px !important;
	color:#737373 !important;
	line-height:24px !important;
	font-weight:bold !important;
	}
.learn_more_text02 a{
	color:#737373 !important;
}

#content .main-content.main-red .menu-text UL LI {
	list-style: none;
	color: #737373;
	font-size: 15px;
	background: url("../images/bg/list-red.gif") no-repeat left 7px;
	padding-left: 15px;
	line-height: 140%;
	font-weight: bold;
}
.party-wall UL LI { height: 344px !important; }
.party-wall .party_text a { font-size: 17px !important; color: #737373 !important; }
.party-wall p.party_text { margin-top: -8px !important; }










/*-----------------------------menu-------------------------------*/	

/* Add Edit Start by Anon on 21.09.2013 */
ul.main_nav li {
	float: left;
	display: inline;
	list-style: none;
	font-size: 15px;	
	margin-left: 9px;
	width: 83px;
	text-align: center;	
	padding: 5px 0;
	border-bottom: 3px solid #FFF; 
}
/* Add Edit End by Anon on 21.09.2013 */
ul.main_nav  li:HOVER {
	border-bottom: 3px solid #E68757; 
	text-decoration: none;
} 
ul.main_nav  li  a {
	color: #FFF;
	text-align: center;
	background: #E68757;
	display: block;
	padding: 3px 0;
	text-decoration: none;
}
/* Add Edit End by Anon on 21.09.2013 */
ul.main_nav li.purple {width: 150px;}
ul.main_nav  li.green {width: 185px;}
ul.main_nav  li.blue {width: 119px;}
ul.main_nav  li.orange {width: 146px;}
ul.main_nav  li.gray {width: 105px; float:right;}
/* Add Edit End by Anon on 21.09.2013 */

ul.main_nav  li.home.active, 
ul.main_nav li.home:hover {border-bottom: 3px solid #E68757;}

ul.main_nav  li.purple a {background: #8757e6;}
ul.main_nav  li.purple.active, 
ul.main_nav li.purple:hover {border-bottom: 3px solid #8757e6;}
ul.main_nav  li.green a {background: #ADCF6E;}
ul.main_nav  li.green.active, 
ul.main_nav li.green:hover {border-bottom: 3px solid #ADCF6E;}
ul.main_nav  li.blue  a {background: #579DE6;}
ul.main_nav  li.blue.active, 
ul.main_nav li.blue:hover {border-bottom: 3px solid #579DE6;}
ul.main_nav  li.orange a {background: #E6B757;}
ul.main_nav  li.orange.active, 
ul.main_nav li.orange:hover {border-bottom: 3px solid #E6B757;}
/* Add Edit Start by Anon on 21.09.2013 */
ul.main_nav  li.red  a {background: #e65857;}
ul.main_nav  li.red.active, 
ul.main_nav li.red:hover {border-bottom: 3px solid #e65857;}

ul.main_nav  li.gray a{background: #8a8a8a;}
ul.main_nav  li.gray.active, 
ul.main_nav li.gray:hover {border-bottom: 3px solid #8a8a8a;}
/* Add Edit End by Anon on 21.09.2013 */







.closoblock { 
	display: none; 
	}
ul.d_submenu{
	padding: 0px 20px;
	margin: 0px;
	background-color:#7f7f7f;
	}
ul.d_submenu li{
	padding: 0 0 0 0;
	margin: 0px;
	display:inline;
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 30px;
	}
ul.d_submenu li a {
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	background-color: inherit;
	margin: 0px 12px 0 6px;
	}
ul.d_submenu li:last-child{
	background:none;
	}
ul.d_submenu li:last-child a{
	background:none;
	margin: 0px 0 0 6px;
	}	
ul.d_submenu li:first-child a{
	background:none;
	margin: 0px 12px 0 0;
	}	

.slidingDiv{
	color: #000000;
	display:block;
	line-height:40px;
	font-size: 14px;
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform:uppercase;	
	}	
.slidingDiv a{	
	text-decoration:none;
	color:#000000;
	}
#m_nav{
	background:#f1f1f1;	
	padding:0 20px;
	}	
.arrowlistmenu .menuheader{
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	cursor: pointer;
	display: block;
	/*background:#E68757;*/
	}
.arrowlistmenu .menuheader a{
	color:#fff;
	text-decoration:none;
	}
	
.arrowlistmenu .openheader{
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 40px;
	color: #000000;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	cursor: pointer;
	display: block;
	}
.arrowlistmenu .openheader a{
	color:#000000;
	}	
	
	
.home2{
	padding:0 20px;
	/*border-top:1px solid #fff;
	background-color:#aad11e;*/
	background:#E68757;
	border-top:1px solid #fff;
	}
.purple2{
	padding:0 20px;
	background:#8757e6;
	border-top:1px solid #fff;
	}
.green2{
	padding:0 20px;
	background:#ADCF6E;
	border-top:1px solid #fff;
	}
.blue2{
	padding:0 20px;
	background:#579DE6;
	border-top:1px solid #fff;
	}
.orange2{
	padding:0 20px;
	background:#E6B757;
	border-top:1px solid #fff;
	}
.red2{
	padding:0 20px;
	background:#e65857;
	border-top:1px solid #fff;
	}	
.gray2{
	padding:0 20px;
	background:#8a8a8a;
	border-top:1px solid #fff;
	}	
		
		
.m_menu{
	background:#f1f1f1;
	color: #727272;
	display:block;
	line-height:40px;
	font-size: 14px;
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform:uppercase;
	padding:0 0 0 0;
	cursor:pointer;
	}
.m_menu a{
	text-decoration:none;
	color:#727272;
	display:block;
	}
.m_menu span img{
	padding:0 8px 7px 0;
	margin-top:8px;
	float:left;
	}
	
ul.m_submenu{
	padding: 0px;
	margin: 0px;
	}
ul.m_submenu li{
	line-height: 40px;
	}
ul.m_submenu li a{
	font-family: "pragmatica-web" ,sans-serif;
	font-style: normal;
	font-weight: 700;	
	font-size: 12px;
	line-height: 40px;
	color: #404040;
	display: block;
	background-color: #ececec;
	text-transform: none;
	border-bottom: solid 1px #7f7f7f;
	padding-left: 20px;
	}
	

ul.categoryitems li:last-child a { border-bottom: 0px none !important; }	
		
/*--------------------------menu----------------------------------*/	

.residential_sidebar {
    width: 472px;
	}
.sidebar UL LI.area-width02,
.sidebar-bottom UL LI.area-width02 {
	width: 452px;/*width*/
	margin-right: 0px;
	}

.d_hide2{
	display:none;
	}
	






@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
	 
.d_hide2{
	display:none;
	} 
	 
	 
}





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

.area-page{
	margin: auto; 
	width: 100%;
	}
.area-page-in{
	padding:0 49px;	
	}
ul.main_nav li a {
    font-size: 12px;
	}
#container {
    width: 100%;
	 margin-left: -5px;
	}
#container UL LI {
    margin-left: 5px;
}
	
#container UL LI {
    width: 8.972972972972973%;
	}
#container UL LI.purple {
    width: 16.21621621621622%;
	}
#container UL LI.green {
    width: 20%;
	}	
#container UL LI.blue {
    width: 12.86486486486486%;
	}	
#container UL LI.orange {
    width: 15.78378378378378%;
	}	
#container UL LI.gray {
    float: left;
    width: 11.35135135135135%;
	}	

#content aside.left {
    width: 23.35135135135135%;
	}	

.main-content {
    float: left;
    margin-top: -2px;
    padding: 0 14px;
    width: 48.97297297297297%;
	}

#content aside.right {
    width: 23.35135135135135%;
	}	
.sidebar UL LI {
    width: 23.35135135135135%;
	}	
aside UL LI,
.sidebar UL LI {
    width: 100%;
	height:auto;
	}
	
.sidebar{
    width: 51.02702702702703%;
	}	
	

.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    margin-right: 0;
    width: 100%;
	}	

.area-map img{
    width: 94%;
	}
	
.residential_sidebar {
    width: 90%;
	}	
.residential_sidebar img {
    width: 100%;
	float:left;
	}	
.sidebar UL LI.area-width02,
.sidebar-bottom UL LI.area-width02 {
	width: 27%;
	margin-right: 0px;
}

.sidebar UL LI.area-width02 img,
.sidebar-bottom UL LI.area-width02 img{
	width: 100%;
	margin-right: 0px;
	height:200px;
	}

.sidebar-bottom {
    width: 100%;
	}
.area-party-wall img {
    width: 90%;
	}	
.party-wall UL LI {
    height: auto !important;
}

#content .blinds.blinds-red2 {
    width: 90%;
	}	
		
}



@media (max-width: 1024px) {		
#container UL LI {
    margin-left: 8.8px;
}
#container UL LI.gray {
    float: right;
	}	
#container {
    margin-left: 0;
    width: 100%;
}
ul.main_nav  li.home{ 
    margin-left: 1px !important;
	}
.residential_sidebar img {
    height: 183px;
	}
#container UL LI {
    margin-left: 0.9%;
}
#container UL LI.gray {
    float: left;
}
}

@media (max-width: 966px) {
#container UL LI {
    margin-left: 8.2px;
}
#container {
    margin-left: -1px;
    width: 100%;
}
.residential_sidebar img {
    height: 183px;
	}
#container UL LI {
    margin-left: 0.9%;
}


}

@media (max-width: 853px) {
#container UL LI {
    margin-left: 0.9%;
}
#container {
    margin-left: -1px;
    width: 100%;
}
.residential_sidebar img {
    height: 183px;
	}


}

@media (max-width: 800px) {
#container UL LI {
    margin-left: 0.9%;
}
#container {
    margin-left: -1px;
    width: 100%;
	}
.residential_sidebar img {
    height: 183px;
	}


}

@media (max-width: 768px) {	
#container UL LI {
    margin-left: 6.3px;
}
#container {
    margin-left: -1px;
    width: 100%;
}
ul.main_nav  li.home{ 
    margin-left: 1px !important;
	}
.residential_sidebar img {
    height: 183px;
	}
.area-page-in{
	padding:0 20px;	
	}	
.area-page {
  width: 100%;
}	
}




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

.area-page-in{
	padding:0 20px;	
	}

#content aside.left {
    width: 23.35135135135135%;
	}

#content aside.left img{
    width: 100%;
	}
	
aside UL LI, .sidebar UL LI {
    width: 100%;
	}			

.main-content {
    float: left;
    margin-top: -2px;
    padding: 0 14px;
    width: 48.97297297297297%;
	}

#content aside.right {
    width: 23.35135135135135%;
	}
	
#content aside.right img {
    width: 100%;
	}	
		
.sidebar UL LI {
    width: 23.35135135135135%;
	}	

.area-page {
    width: auto;
	}	
.blinds {
    height: 79%;
	}
.sidebar {
    float: left;
    width: 47%;
}
.sidebar UL LI {
    width: 34.351%;
	}
.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    width: 73.351%;
	}
.blinds {
    height: inherit;
	}
.residential_sidebar img {
    height: 183px;
	}
.servey {
    height: 183px !important;
	}
	
.area-map img{
    width: 94%;
	}	
#content .blinds.blinds-red2 {
    width: 100%;
	}	
.sidebar UL LI.area-width03, .sidebar-bottom UL LI.area-width03{
    margin-right: 0;
    width: 100%;
	}	
.party-wall p.party_text {
    width: 200px;
	}	
.residential_sidebar {
    width: 410px;
	}
.sidebar-bottom UL LI {
    width: 180px;
	}
.sidebar UL LI.area-width02, .sidebar-bottom UL LI.area-width02 {
    width: 180px;
	}		

}


@media (max-width: 690px) {	

.main-content {
    width: 47.973%;
	}


}
	
@media (min-width: 600px) and (max-width: 640px) {	


header .text-logo {
    font-size: 23px;
	}
.area-page-in{
	padding:0 20px;	
	}

#content aside.left {
    width: 23.35135135135135%;
	}

#content aside.left img{
    width: 100%;
	}
	
aside UL LI, .sidebar UL LI {
    width: 100%;
	}			

.main-content {
    float: left;
    margin-top: -2px;
    padding: 0 14px;
    width: 47.97297297297297%;
	}

#content aside.right {
    width: 23.35135135135135%;
	}
	
#content aside.right img {
    width: 100%;
	}	
		
.sidebar UL LI {
    width: 23.35135135135135%;
	}	

.area-page {
    width: auto;
	}	
.blinds {
    height: 79%;
	}
.sidebar {
    float: left;
    width: 47%;
}
.sidebar UL LI {
    width: 34.351%;
	}
.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    width: 73.351%;
	}
.blinds {
    height: inherit;
	}
.residential_sidebar img {
    height: 183px;
	}
.servey {
    height: 200px !important;
	}
	
.area-map img{
    width: 94%;
	}	
#content .blinds.blinds-red2 {
    width: 100%;
	}	
.sidebar UL LI.area-width03, .sidebar-bottom UL LI.area-width03{
    margin-right: 0;
    width: 100%;
	}	
.party-wall p.party_text {
    width: 200px;
	}	
.residential_sidebar {
    width: 370px;
	}
.sidebar-bottom UL LI {
    width: 180px;
	}
.sidebar UL LI.area-width02, .sidebar-bottom UL LI.area-width02 {
    width: 180px;
	}		


}
@media (max-width: 568px) {	

header .text-logo {
    font-size: 23px;
	}
.area-page-in{
	padding:0 20px;	
	}

#content aside.left {
    width: 23.35135135135135%;
	}

#content aside.left img{
    width: 100%;
	}
	
aside UL LI, .sidebar UL LI {
    width: 100%;
	}			

.main-content {
    float: left;
    margin-top: -2px;
    padding: 0 14px;
    width: 46.97297297297297%;
	}

#content aside.right {
    width: 23.35135135135135%;
	}
	
#content aside.right img {
    width: 100%;
	}	
		
.sidebar UL LI {
    width: 23.35135135135135%;
	}	

.area-page {
    width: auto;
	}	
.blinds {
    height: 79%;
	}
.sidebar {
    float: left;
    width: 47%;
}
.sidebar UL LI {
    width: 34.351%;
	}
.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    width: 73.351%;
	}
.blinds {
    height: inherit;
	}
.residential_sidebar img {
    height: 183px;
	}
.servey {
    height: 200px !important;
	}
	
.area-map img{
    width: 94%;
	}	
#content .blinds.blinds-red2 {
    width: 100%;
	}	
.sidebar UL LI.area-width03, .sidebar-bottom UL LI.area-width03{
    margin-right: 0;
    width: 100%;
	}	
.party-wall p.party_text {
    width: 200px;
	}	
.residential_sidebar {
    width: 340px;
	}
.sidebar-bottom UL LI {
    width: 155px;
	}
.sidebar UL LI.area-width02, .sidebar-bottom UL LI.area-width02 {
    width: 155px;
	}	
	
	
	
}

@media (max-width: 600px) {	
header A.logotype {
    margin: 29px 16px 18px 15px;
	}
header .text-logo {
    float: none;
    font-size: 23px;
    padding: 38px 0 0 0;
	margin:0;
	}		

.party-wall .party_text a {
    color: #737373 !important;
    font-size: 15px !important;
	}	
	}
	
@media (max-width: 567px) {	


.area-page {
    width: 100%;
	/*width: 925px;*/
	}
.area-page-in{
	padding:0 20px;	
	}
#container {
    /*width: 934px;
	margin-left: -9px;
    padding-top: 2px;*/	
    width: 100%;
	margin-left:0;	
	}
#content aside.left {
	float: none;
	/*width: 216px;*/
	width: 100%;
	}
#content aside.right {
	float: none;
	/*width: 216px;*/
	width: 100%;
	}

.main-content {
    float: none;
   /* margin-top: -2px;*/
   padding: 0 0;
   width: 100%;
   }

.sidebar-bottom {
  /*  display: inline;
    margin: 0 0 0 -20px;
    width: 945px;*/
    float: none;	
   width: 100%;
}
.area-map {
    float: none;
    width: 100%;
	}

.sidebar {
    float: none;
    width: 100%;
	}
.area-map img {
    width: 100%;
	 margin: 20px 0 0 0;
	}
.sidebar-bottom UL LI{
    margin-left: 0;
	}	
.sidebar-bottom UL LI:last-child {
    margin-left: 20px;
	}	
.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    margin-right: 0;
    width: 100%;
	}
.sidebar UL LI {
    width: 45.351%;
	}	
	
header A.logotype {
    margin: 29px 16px 18px 15px;
	}
header .text-logo {
    float: none;
    font-size: 25px;
    padding: 38px 0 0 0;
	margin:0;
	}
header {
    margin: 0 0 18px 0;
	}	
.residential_sidebar {
    width: 100%;
	}	
	
.m_hide2{
	display:none;
	}
.d_hide2{
	display:inherit;
	} 	
.sidebar UL LI.area-width02,
.sidebar-bottom UL LI.area-width02 {
	width: 100%;
	margin-right: 0px;
	}	

#content .blinds.blinds-red2 {
    width: 75.5%;
}	
	
	
}



@media (max-width: 480px) {	

header A.logotype {
    margin: 29px 16px 18px 15px;
	}
header .text-logo {
    float: none;
    font-size: 17px;
    padding: 38px 0 0 0;
	margin:0;
	}		
.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    margin-right: 0;
    width: 100%;
	}
.sidebar UL LI {
    width: 45.351%;
	}	
	
	}

@media (max-width: 450px) {	
.copyright {
    float: none;
	}

.devel {
    float: none;
	}	
	
	
	}

@media (max-width: 375px) {	

header A.logotype {
    margin: 31px 16px 18px 15px;
	}

header .text-logo {
    float: none;
    font-size: 18px;
    padding: 23px 0 0;
	margin:0;
	}	
#content .blinds.blinds-red2 {
    width: 100%;
}	
.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    margin-right: 0;
    width: 100%;
	}
.sidebar UL LI {
    width: 44%;
	}

}

@media (max-width: 360px) {		
.sidebar UL LI {
    width: 43%;
	}

	
}
	
@media (max-width: 320px) {	
header .text-logo {
    float: none;
    font-size: 15px;
	line-height:24px;
    padding: 34px 0 0;
	margin:0;
	}	

header A.logotype {
    margin: 31px 10px 18px 15px;
	}	
	
.sidebar UL LI.area-width02,
.sidebar-bottom UL LI.area-width02 {
	width: 100%;
	margin-right: 0px;
	}		
	
#content .blinds.blinds-red2 {
    width: 100%;
}	


.sidebar UL LI.area-width, .sidebar-bottom UL LI.area-width {
    margin-right: 0;
    width: 100%;
	}
.sidebar UL LI {
    width: 42%;
	}

			
	}








@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}

	



@media (min-width: 769px) and (max-width: 1600px) {
#m_nav {
    display:none;
	}
.m_menu_site_gap {
    display: none;
	}
.m_login_site_gap {
    display: none;
	}
/*general*/		
.m_hide{
	display:inherit !important;
}
/*general*/	

}

@media only screen and (min-width:960px) {
.m_menu{
	display:none;
	}	
.arrowlistmenu{
	display:none;
	}	
.m_login_nav {
   display:none;
}
.m_footer{
	display:none;
}
/*general*/		
.m_hide{
	display:inherit !important;
}
/*general*/	




}	

@media (min-width: 769px) and (max-width: 900px) {
	
/*general*/		
.m_hide{
	display:inherit !important;
}
/*general*/	

/*=============nav===============*/
#m_nav {
    display:none;
}


/*=============nav===============*/

/*=============header===============*/
/*.header_right_panel{
	width:70.77777777777778%;
	}*/

.logo {
    width: 22.22222222222222%;
	}	
	
/*=============header===============*/	

#page{
	margin:0 auto;
	width:100%;
	}

#content{
	width:100%;
	}
.content_middle_panel{
	padding:0 20px 0 20px;
	}	
.content_left{
	width:31.70731707317073%;
	}	
.content_right{
	width:65.85365853658537%;
	}	


/*=============middle_content===============*/

	
}


@media (max-width: 960px) {	
ul.main_nav li{
	padding:0 1.6% 0 1.3%;
	}
}

@media (max-width: 900px) {	
ul.main_nav li{
	padding:0 1.6% 0 1.3%;
	color: #FF0000;
	}
		
	
}	
@media (min-width: 854px) and (max-width: 898px) {
ul.main_nav li{
	padding:0 1.2% 0 0.9%;
	}
ul.main_nav li a{
	font-size: 14px;
	}

}
	
@media (max-width: 853px) {	
ul.main_nav li{
	padding:0 1.2% 0 1%;
	}
ul.main_nav li a{
	font-size: 14px;
	}
}

@media (min-width: 801px) and (max-width: 852px) {
ul.main_nav li{
	padding:0 1.2% 0 0.9%;
	}
ul.main_nav li a{
	font-size: 13px;

	}
}


@media (max-width: 800px) {	
ul.main_nav li{
	padding:0 1.3% 0 1%;
	}
ul.main_nav li a{
	font-size: 13px;
	}

}

@media (min-width: 769px) and (max-width: 799px) {
ul.main_nav li{
	padding:0 0.9% 0 0.7%;
	}
ul.main_nav li a{
	font-size: 13px;

	}
}

@media (max-width:768px) {
ul.main_nav li{
	padding:0 1% 0 0.7%;
	}
ul.main_nav li a{
	font-size: 13px;
	}

}

@media (min-width: 737px) and (max-width: 767px) {
ul.main_nav li{
	padding:0 0.6% 0 0.3%;
	}
ul.main_nav li a{
	font-size: 13px;
	}
}


@media (max-width: 736px) {	
ul.main_nav li{
	padding:0 1.2% 0 1%;
	}
ul.main_nav li a{
	font-size: 12px;
	}
}

@media (min-width: 668px) and (max-width: 735px) {
ul.main_nav li{
	padding:0 1% 0 0.7%;
	}
ul.main_nav li a{
	font-size: 11px;
	}
}

@media (max-width: 667px) {	
ul.main_nav li{
	padding:0 1% 0 0.9%;
	}
ul.main_nav li a{
	font-size: 11px;
	}
}

@media (min-width: 641px) and (max-width: 666px) {
ul.main_nav li{
	padding:0 0.7% 0 0.5%;
	}
ul.main_nav li a{
	font-size: 11px;
	}
}



@media (max-width:768px) {
/*general*/		
.m_hide{
	display:inherit !important;
}
/*general*/	

/*=============nav===============*/
#m_nav {
    display:none;
}


/*=============nav===============*/
}


@media only screen and (max-width:767px) {
	
/*general*/	
.d_hide{
	display:inherit !important;
}	
/*general*/	
	
/*menu*/
ul.main_nav {
   display:none;
	}
.d_submenu{
   display:none;
   }
/*menu*/	
	
	
menu{
	list-style: none;
	margin: 0;
	padding: 0;
	}
.nav_menu{
	width:100%;	
	padding:0;
	margin:0 auto;
	} 


/*=============nav===============*/
#m_nav {
    display:inherit;
}


/*=============nav===============*/
	


}








@media only screen and (max-width:640px) {
	
/*general*/	
.d_hide{
	display:inherit !important;
}	
/*general*/	
	
/*menu*/
ul.main_nav {
   display:none;
	}
.d_submenu{
   display:none;
   }
/*menu*/	
	
	
menu{
	list-style: none;
	margin: 0;
	padding: 0;
	}
.nav_menu{
	width:100%;	
	padding:0;
	margin:0 auto;
	} 


/*=============nav===============*/
#m_nav {
    display:inherit;
}


/*=============nav===============*/
	


}