/* CSS Document */
@font-face {
  font-family: "candara";
  src: url(assets/fonts/Candara.ttf) format("truetype");
}

html{

  padding: 0;
   font-family: "candara";
  
}

body{

font-size:16px;
}



pre{

 font-family: "candara";
}

#left_d{
width:40%;
float:left;
height:510px;
}
#right_d{
width:47.5%;
float:left;
margin-left:7%;

}

ul li a{

	color:#5f5550;
	font-size: 16px;
	font-family: candara;
	text-decoration: none;
	
}

ul li a:hover{

	color:#81756b;
	text-decoration:none;
	box-shadow: inset 0 -4px 0 0 rgba(255, 255, 255, 1);
	border-bottom:2px;

	border-bottom-color:#FFFFFF;
	font-weight:bold;
}


body{

	background-color:#CFCCCA;

	margin-right:2%;
	margin-top:2%;
	x-overflow:hidden;
}

#leftpanel{
	
	width:10%;
}

#middlepanel{
margin-left:10%;

}

.big{

font-size:25px;
}

.normal{
font-size:19px;
}
#container {

    width: 1600px;
    height: 80%;
    position: absolute;
	margin-left:2%;
		margin-right:2%;
	color:#6e655d;
	margin-top:120px;

     /* 50% over, then move back 300px to center... */
}

#container1 {

    width: 1600px;
    height: 100%;
    position: absolute;

	margin-top:120px;

     /* 50% over, then move back 300px to center... */
}

#containerLeft {

   height: 80%;
   width: 20%;
   float:left;
}


#containerRight {

   height: 80%;
   width: 70%;
   float:left;
}


p{

font-family: candara;

}
div{
font-family: candara;
}



.visit{
text-decoration:none;
	box-shadow: inset 0 -4px 0 0 rgba(255, 255, 255, 1);
	border-bottom:2PX;
	border-bottom-color:#FFFFFF;
	font-weight:bold;
}

#navigation{

overflow:hidden;
}

ul
{
list-style-type: none;
}


.btn{
	
	height:27px;
	width : 130px;
	margin-top:5px;
    border: 2px solid #817026;
	color:#817026;
}

.btn:hover{

		margin-top:5px;
    background-color: #817026;
    cursor:pointer;
	color:#FFFFFF;
}

.btn_paging{
	
	height:27px;
	width : 80px;
	margin-top:5px;
    border: 2px solid #817026;

}


.btn_paging:hover{

	margin-top:5px;
    background-color: #817026;
    cursor:pointer;

}


#c_img1{

background-image:url(../image/commercial/img1.png);
width:209px;
height:135px;

}


#c_img2{

background-image:url(../image/commercial/img2.png);
width:209px;
height:135px;

}

#c_img3{

background-image:url(../image/commercial/img3.png);
width:209px;
height:135px;

}

#img1{

background-image:url(../image/pic1.png);
width:230px;
height:230px;
}

#img1:hover{

background-image:url(../image/pic1_hover.png);
width:230px;
height:230px;
}



#img2{

background-image:url(../image/img2.png);
width:230px;
height:230px;
}

#img2:hover{

background-image:url(../image/img2_hover.png);

width:230px;
height:230px;
}


#img3{

background-image:url(../image/pic3.png);
width:230px;
height:230px;
}

#img3:hover{

background-image:url(../image/img_hover.png);

width:230px;
height:230px;
}

#img4{

background-image:url(../image/img4.png);
width:230px;
height:230px;
}

#img4:hover{

background-image:url(../image/img4_hover.png);

width:230px;
height:230px;
}

#img5{

background-image:url(../image/img5.png);
width:230px;
height:230px;
}

#img5:hover{

background-image:url(../image/img5_hover.png);

width:230px;
height:230px;
}

#img6{

background-image:url(../image/pic3.png);
width:230px;
height:230px;
}

#img6:hover{

background-image:url(../image/img_hover.png);

width:230px;
height:230px;
}


#r_img1{

background-image:url(../image/residential/page1/img1.png);
width:209px;
height:135px;
position:relative;
}

#abt_content img:hover{

opacity:0.5;
background-image:url(../image/open.png);
background-position:center;
background-repeat:no-repeat;
background-color:#998675;
position:relative;
width:209px;
height:135px;
z-index:1;

}

#r_img2{

background-image:url(../image/residential/page1/img2.png);
width:209px;
height:135px;

}

#r_img3{

background-image:url(../image/residential/page1/img3.png);
width:209px;
height:135px;

}

#r_img4{

background-image:url(../image/residential/page1/img4.png);
width:209px;
height:135px;

}

#r_img5{

background-image:url(../image/residential/page1/img5.png);
width:209px;
height:135px;

}

#r_img6{

background-image:url(../image/residential/page1/img6.png);
width:209px;
height:135px;

}

#r_img7{

background-image:url(../image/residential/page1/img7.png);
width:209px;
height:135px;

}

#r_img8{

background-image:url(../image/residential/page1/img8.png);
width:209px;
height:135px;

}

#r_img9{

background-image:url(../image/residential/page1/img9.png);
width:209px;
height:135px;

}

#r_img10{

background-image:url(../image/residential/page1/img10.png);
width:209px;
height:135px;

}

#r_img11{

background-image:url(../image/residential/page1/img11.png);
width:209px;
height:135px;

}

#r_img12{

background-image:url(../image/residential/page1/img12.png);
width:209px;
height:135px;

}

#r_img1_p{

background-image:url(../image/residential/page2/img1.png);
width:209px;
height:135px;

}

#r_img2_p{

background-image:url(../image/residential/page2/img2.png);
width:209px;
height:135px;

}

#r_img3_p{

background-image:url(../image/residential/page2/img3.png);
width:209px;
height:135px;

}

#r_img4_p{

background-image:url(../image/residential/page2/img4.png);
width:209px;
height:135px;

}

#r_img5_p{

background-image:url(../image/residential/page2/img5.png);
width:209px;
height:135px;

}

#r_img6_p{

background-image:url(../image/residential/page2/img6.png);
width:209px;
height:135px;

}

#r_img7_p{

background-image:url(../image/residential/page2/img7.png);
width:209px;
height:135px;

}

#r_img8_p{

background-image:url(../image/residential/page2/img8.png);
width:209px;
height:135px;

}

#r_img9_p{

background-image:url(../image/residential/page2/img9.png);
width:209px;
height:135px;

}

#r_img10_p{

background-image:url(../image/residential/page2/img10.png);
width:209px;
height:135px;

}

#r_img11_p{

background-image:url(../image/residential/page2/img11.png);
width:209px;
height:135px;

}


#i_img1{

background-image:url(../image/institution/img1.png);
width:209px;
height:135px;

}

#i_img2{

background-image:url(../image/institution/img2.png);
width:209px;
height:135px;

}

#h_img1{

background-image:url(../image/hospitality/img1.png);
width:209px;
height:135px;

}

#h_img2{

background-image:url(../image/hospitality/img2.png);
width:209px;
height:135px;

}

#h_img3{

background-image:url(../image/hospitality/img3.png);
width:209px;
height:135px;

}

#h_img4{

background-image:url(../image/hospitality/img4.png);
width:209px;
height:135px;

}

#h_img5{

background-image:url(../image/hospitality/img5.png);
width:209px;
height:135px;

}

#h_img6{

background-image:url(../image/hospitality/img6.png);
width:209px;
height:135px;

}

#h_img7{

background-image:url(../image/hospitality/img7.png);
width:209px;
height:135px;

}

#h_img8{

background-image:url(../image/hospitality/img8.png);
width:209px;
height:135px;

}

#btn_prev,#btn_next{

	color:#FFFFFF;
	background-color:#bab7b5;
	border:solid 1px;

}

#btn_prev:hover,#btn_next:hover{

	background-color:#817026;
	color:#FFFFFF;
}