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

html{

  padding: 0;
  font-family: 'Open Sans';

  
}
.ws_bullets a { 
	width:18px;
	height:15px;
	background: url(./bullet.png) left top;
	background-repeat:no-repeat;
	float: left; 

	position:relative;

	color:transparent;
}

#header{

font-size:16px;
}

#container{

	  	color:#6e655d;
	  	
}

.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;
}


body{

	background-color:#CFCCCA;
  	color:#3e3c3b;
	margin-right:2%;
	margin-top:2%;
	x-overflow:hidden;
}

#leftpanel{
	
	width:10%;
	
}

#middlepanel{
margin-left:10%;

}

.big{

font-size:33px;
}

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

    width: 1600px;
    height: 80%;
    position: absolute;
	margin-left:2%;
		margin-right:2%;

	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;
}

ul li a{

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

ul li a:hover{

	text-decoration:none;
	box-shadow: inset 0 -4px 0 0 rgba(255, 255, 255, 1);
	border-bottom:2px;
	color:#81756;
	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;

}

#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

{
	border : 0px;

color:#FFFFFF;
	background-color:#bab7b5;
	
border-right:solid 1px #FFFFFF;
}
#btn_next{

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

}

#btn_prev:hover{
border : 0px;
		border-right:solid 1px #FFFFFF;
	background-color:#817026;
	color:#FFFFFF;
}

#btn_next:hover{
		border : 0px;
		border-left:solid 1px #FFFFFF;
	background-color:#817026;
	color:#FFFFFF;
}


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

}