@charset "utf-8";
*{
	margin:0px; padding:0px; text-decoration:none; outline:none; border:none;
}
body, html {
	margin:0px; padding:0px; background-color:#333333;
}
.maint{
	width:100%; height:100%;
}
#outer_div{
	margin-left:auto; margin-right:auto; width:1002px;	position:relative;
}
#img{
	float:left;	padding-bottom:10px; padding-right:15px;
}
.innerpage_bg{
	background:url(../images/inner/page_bg.gif); background-repeat:repeat-y;
}
.content_bg{
	background:url(../images/inner/proj_bg.gif); background-repeat:repeat-x; background-color:#FAFAF5; 
}
.about_bg{
	background:url(../images/inner/about_bg.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg1{
	background:url(../images/inner/btm_bg1.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg2{
	background:url(../images/inner/btm_bg2.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg3{
	background:url(../images/inner/btm_bg3.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg4{
	background:url(../images/inner/btm_bg4.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg5{
	background:url(../images/inner/btm_bg5.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg6{
	background:url(../images/inner/btm_bg6.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg7{
	background:url(../images/inner/btm_bg7.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.btm_bg8{
	background:url(../images/inner/btm_bg8.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FAFAF5; 
}
.mainlnk_bg{
	background:url(../images/home/lnk_bg.gif); background-repeat:repeat-x;
}
.innerlnk_bg{
	background:url(../images/inner/lnk_bg.gif); background-repeat:repeat-x;
}
.project_bg{
	background:url(../images/inner/proj_bg.gif);
}
.inner_btm_bg{
	background:url(../images/inner/btm_inner_bg.gif); background-repeat:repeat-y;
}
.main_lnk{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.main_lnk:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#22BDEA;
}
.main_lnk_active{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#22BDEA;
}
.pro_lnk{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.pro_lnk_active{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.status_lnk{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.status_lnk_active{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#22BDEA;
}
.news{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:8px; line-height:18px;
}
.news1{
	font: 14px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:8px; line-height:18px;
}
.date{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff;
}
.more{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff;
}
.more:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000;
}
.copy{
	font: 9px Verdana, Arial, Helvetica, sans-serif; color:#808080;
}
.vox{
	font: 9px Verdana, Arial, Helvetica, sans-serif; color:#808080;
}
.vox:hover{
	font: 9px Verdana, Arial, Helvetica, sans-serif; color:#999; text-decoration:underline;
}
.drop_down{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding-left:10px;
}
.drop_down:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-left:10px;
}
.pro_head{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.pink_head{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.sub_lnk{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.sub_lnk:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.comm_sub_lnk_active{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}

.psub_lnk{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.psub_lnk:hover{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.gsub_lnk{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.gsub_lnk:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.path{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#615F60; line-height:25px; padding-right:14px;
}
.pro_title{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border-bottom:1px solid #288CC8; padding-left:5px; line-height:19px;
}
.pro_name{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:10px;
}
.inner_title{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border-bottom:1px solid #9C9C9C; padding-left:30px; line-height:19px;
}
.inner_sub_lnk{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.inner_sub_lnk:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.inner_sub_lnk_active{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.inner_sub_sep{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.paratext{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; line-height:22px;
}
.project_name{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border-bottom:1px solid #9C9C9C; padding-left:5px; line-height:19px;
}
.project_name_15{
	font: 15px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border-bottom:1px solid #9C9C9C; padding-left:5px; line-height:19px;
}
.project_detail{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:5px; line-height:25px;
}
.location_13{
	font: 13px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.project_lnk_head{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8; padding-left:0px; 
}
.project_lnk_head:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:0px; 
}
.pink_btm_border{
	border-bottom:1px solid #9c9c9c; border-top:1px solid #9c9c9c;
}
.project_lnk_head1{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8; padding-left:5px; line-height:25px; border-top:1px solid #9c9c9c;
}
.next_back{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.next_back:hover{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.next_back_sep{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}
.new_date{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:#9C9C9C; padding:3px 5px 3px 5px;
}
.new_title{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
}
.new_title:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#22BDEA;
}
.new_more{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; text-decoration:underline; line-height:22px;
}
.new_more:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#22BDEA; text-decoration:underline; line-height:22px;
}

.new_desc{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; line-height:16px;
}
.gray_border{
	border-bottom:1px solid #9C9C9C;
}
.lft_btm_border{
	border-bottom:1px solid #fff; border-left:1px solid #fff;
}
.client_btm_border{
	border-bottom:1px solid #E1DED9;
}
.clientele{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#615F60; line-height:22px;
}
.text_field{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border:2px solid #E1DED9; height:17px; width:220px; background-color:#FAFAF5;
}
.text_area{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border:2px solid #E1DED9; height:65px; width:220px; margin-bottom:8px; background-color:#FAFAF5;
}
.tell_field{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; border:2px solid #E1DED9; height:17px; width:150px; background-color:#FAFAF5;
}
.btn{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#fff; border:2px solid #fff; height:23px; width:75px; background-color:#B8B3A5; font-variant:small-caps;
}
.tell_btn{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; border:2px solid #fff; height:23px; width:60px; background-color:#B8B3A5; font-variant:small-caps;
}
.sitemap{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; text-decoration:underline; line-height:22px;
}
.sitemap:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8; text-decoration:underline; line-height:22px;
}
.td{
	height:5px; font: 5px Verdana, Arial, Helvetica, sans-serif; color:#22BDEA;
}

.thumb_details{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:10px; padding-right:5px;
}
.siteplan_txt{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60; padding-left:0px; padding-bottom:8px;
}
.ip_sub_lnk{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8;
}


/* Menu CSS Start here */

ul {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
	list-style: none; padding:0px 0px 2px 8px;
	width: 89px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	}

ul li {
	position: relative; 
	}
	
li ul {
	position: absolute;
	left: 89px; /* Set 1px less than menu width */
	top: 0;
	display: none; background-color:#288CC8;
	width:157px;
	padding:0px 0px 0px 0px;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #615F60;
	background: #fff; /* IE6 Bug */
	padding: 0px;
	border: 0px solid #ccc;
	padding:5px 0px 5px 0px;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #288CC8;} /* Hover Styles */
li ul li{ padding-left:0px;}		
li ul li a { padding: 4px 5px 4px 8px; background-color:#288CC8; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:2px solid #3D9DD8;} /* Sub Menu Styles */
li ul li a:hover { padding: 4px 5px 4px 8px;  background-color:#288CC8; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; border-bottom:2px solid #3D9DD8;} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/* Menu CSS End here */

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

/* Menu CSS Start here */

ul#two  {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
	list-style: none; padding:0px 0px 2px 8px;
	width: 89px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	}

ul#two li {
	position: relative; 
	}
	
#two li ul {
	position: absolute;
	left: 89px; /* Set 1px less than menu width */
	top: 0;
	display: none; background-color:#22BDEA;
	width:157px;
	padding:0px 0px 0px 0px;
	}

/* Styles for Menu Items */
ul#two li a {
	display: block;
	text-decoration: none;
	color: #615F60;
	background: #fff; /* IE6 Bug */
	padding: 0px;
	border: 0px solid #ccc;
	padding:5px 0px 5px 0px;
	border-bottom: 0;
	}

ul#two li a:hover { color: #22BDEA; } /* Hover Styles */
#two li ul li{ padding-left:0px;}		
#two li ul li a { padding: 4px 5px 4px 8px; background-color:#22BDEA; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:2px solid #72D5F1;} /* Sub Menu Styles */
#two li ul li a:hover { padding: 4px 5px 4px 8px;  background-color:#22BDEA; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; border-bottom:2px solid #72D5F1;} /* Sub Menu Styles */
	
#two li:hover ul, #two li.over ul { display: block; } /* The magic */

/* Menu CSS End here */

/* Inner Menu CSS Start here */

ul#inner  {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
	list-style: none; padding:0px 0px 0px 0px; 	
	width: 100px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;

	}

ul#inner li {
	position: relative;  margin-bottom:0px;
	}
	
#inner li ul {
	position: absolute;
	left: 100px; /* Set 1px less than menu width */
	top: 0;
	display: none; 
	width:157px;
	padding:0px 0px 0px 0px;
	}

/* Styles for Menu Items */
ul#inner li a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#615F60;
	display: block; 
	text-decoration: none;
	color: #615F60;
	background-color:#c4dcf3; /* IE6 Bug */
	padding: 0px;
	border-right: 2px solid #fff; 
	padding:5px 0px 5px 8px; border-bottom: 0px solid #FFFFFF; 
	
	}

ul#inner li a:hover { color: #288CC8;} /* Hover Styles */
#inner li ul li{ padding-left:0px; margin-bottom:0px;}		
#inner li ul li a { padding: 5px 5px 5px 8px; background-color:#C4DCF3; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#666; border-bottom:2px solid #DCEAF8;} /* Sub Menu Styles */
#inner li ul li a:hover { padding: 5px 5px 5px 8px;  background-color:#C4DCF3; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; border-bottom:2px solid #DCEAF8;} /* Sub Menu Styles */
	
#inner li:hover ul, #inner li.over ul { display: block; } /* The magic */

/* Menu CSS End here */

/* Emquiry Scroll */

h3 {
	padding:0px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#288CC8; border-bottom:1px solid #288CC8; padding-top:9px;
}

.demo-show2 h3 {
  margin-top: 0;
  padding-left:5px;
  width: 533px; height:24px;
  border-top: 0px solid #386785;
  border-bottom:1px solid #9c9c9c; border-top:1px solid #9c9c9c;
  cursor: pointer;
  
}
.hover {
  cursor: pointer; color: #615F60;
}
/* End Headers */