/* CSS Document */

#outer{ width:965px; margin-left:auto; margin-right:auto;}
#inner{ width:965px; float:left;}

/********************* Header Section **********************/
.hr-line{ width:900px; float:left; height:1px; text-align:center; background-image:url(../images/hr.jpg); background-repeat:repeat-x; padding-top:5px; padding-bottom:5px;}
#header{ width:965px; float:left; padding-bottom:10px;}
.john-image-left{ width:259px; float:left; padding-left:15px;}
.john-logo{ width:420px; float:left;}
.john-image-right{ width:256px; float:left; padding-right:15px;}

/********************* main-section **********************/

#main-section{ width:965px; float:left; background-color:#FFFFFF;}
#main-section-detail{ width:965px; float:left; background-color:#FFFFFF; background-image:url(../images/detail-right-banner.jpg); background-repeat:no-repeat; background-position:right bottom;}
.menu-section{ width:965px;px; float:left; background-color:#c2050b; height:44px;}
.home-btn{ width:79px; float:left;}
.aboutus-btn{ width:86px; float:left;}
.commercial-btn{ width:117px; float:left;}
.residential-btn{ width:113px; float:left;}
.prop-manage-btn{ width:119px; float:left;}
.newsletter-btn{ width:120px; float:left;}
.maintenance-btn{ width:119px; float:left;}
.rental-guarantee-btn{ width:104px; float:left;}
.contactus-btn{ width:106px; float:left;}

/********************* Flash Section ********************/
#flash-section{ width:945px; float:left; padding:10px;}

/********************* Left Section **********************/

#left{ width:556px; float:left; padding-left:11px; padding-right:8px; padding-bottom:20px;}
.welcome-heading{ width:556px; float:left;}
.content{ width:556px; float:left; padding-top:10px;}
.commercial-sales-heading{ width:556px; float:left; padding-top:10px;}
.commercial-lease-heading{ width:556px; float:left;}
.residential-lease-heading{ width:556px; float:left; padding-top:0px;}
.underline-img{ width:556px; float:left; padding-top:5px; padding-bottom:5px;}
.commercial-img{ width:556px; float:left; padding-top:0px;}
.residential-heading{ width:556px; float:left; padding-top:0px;}
.residential-img{ width:556px; float:left; padding-top:5px;}

/******************* Right Section ****************************/
#right{ width:377px; float:left; padding-left:7px; padding-right:6px; padding-bottom:20px;}
#blog-image-right{ width:377px; float:left; padding-bottom:10px;}
.right-top-img{ width:377px; float:left;}
.right-middle-area{ width:354px; float:left; background-image:url(../images/right-side-bg.jpg); background-repeat: no-repeat; min-height:929px; padding-left:23px;}
.our-services-heading{ width:354px; float:left;}
.services-underline{ width:354px; float:left;}
.right-blocks{ width:354px; float:left;}
.box-1{ width:354px; float:left; padding-top:20px;}
.box-2{ width:354px; float:left; padding-top:7px;}
.box-3{ width:354px; float:left; padding-top:7px;}
.box-4{ width:354px; float:left; padding-top:7px;}
.box-5{ width:354px; float:left; padding-top:7px;}
.box-6{ width:354px; float:left; padding-top:7px;}
.box-7{ width:354px; float:left; padding-top:7px;}
.box-8{ width:354px; float:left; padding-top:7px;}
.right-bottom-area{ width:377px; float:left;}

/********************* Footer-section ***************************/

#footer{ width:965px; float:left; padding-top:15px;}
.footer-bg{ width:965px; float:left; background-color:#ffffff; padding-bottom:10px;}
.blog-img{ width:245px; float:left; padding:15px;}
.john-properties-address{ width:200px; float:left; padding-left:10px; padding-top:15px;}
.contactus-footer{ width:190px; float:left; padding-top:15px;}
.logos-footer{ width:290px; float:left;}

/*************************** Copyright Section *********************/
#copyright-section{ width:965px; float:left;}
#copy-right{ width:468px; float:left; padding-left:15px; padding-bottom:10px; padding-top:5px;}
#developed-by{ width:467px; float:left; text-align:right; padding-right:15px; padding-bottom:10px; padding-top:5px;}

/************************* About Us Page *************************/
#middle-section{ width:945px; float:left; padding-left:10px; padding-right:10px;}
.detail-page{ width:905px; float:left; padding-left:30px; padding-right:30px; padding-top:15px;}

.middle-form-section{ width:650px; float:left; padding-left:100px; padding-right:215px; padding-top:15px; padding-bottom:15px;}

.calculator-form{ width:910px; float:left; padding-left:29px; padding-right:26px; padding-top:15px; padding-bottom:15px;}

#divHeaderImage{}

#divHeaderImage img{ width:965px !important}

.detail-name{}
.detail-name td{ padding-bottom:10px; line-height:22px}

#aback{ cursor:pointer}