/* CSS Document */
body{padding:0px; margin:0 auto; position:relative; color:#666; font:11px/17px Verdana; font-weight:normal;}
div, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* TOP PANEL 197px */
#topPan{width:900px; height: 225px; position:relative; margin:0 auto; padding:0;background: url(../images/header-bg.jpg) 0 0 repeat-x #FFF;  }
#topPan h1{ width:400px; height:150px; background:url(../images/h1.jpg) 0 0 no-repeat; position:absolute; top:0; right:0px;  }
#topPan .logo{width:372px; height:120px; position:absolute; top:43px; left:18px; margin:0px; padding:0px;}

/* #topPan ul{width:815px; height:32px; display:block; position:absolute; top:162px; left: 85px; margin:0px; padding:0px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color:#fff;} */
#topPan ul{width:755px; height:32px; display:block; position:absolute; top:162px; left: 145px; margin:0px; padding:0px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color:#fff;}

#topPan ul li{float:left; display:block; width:122px; height:32px; background:url(../images/menu-devider.gif) right top no-repeat;}
#topPan ul li .black {display:block; width:120px; height:32px; background:url(../images/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}

#topPan ul li a{display:block; width:120px; height:32px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{display:block; width:120px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

#topPan ul li.contact{display:block; width:120px; height:32px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.contact:hover{display:block; width:120px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:800px; position:relative; margin:0 auto;   }
#bodyPan_2{ width:860px; margin:0 auto; position:relative; clear:both; padding: 0 10px 10px	 10px;  }
.spacer{ height:10px; }

/* Left Panel */
#leftPan{width:390px; height:290px; display:block; float:left; margin:27px 15px 0 0; padding:0; font: 11px Arial, Helvetica, sans-serif;  }
#leftPan h2{width:230px; height:83px; display:block; background:url(../images/search_128.png) 0 10px no-repeat; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:10px 0 0 70px; margin:0 auto; text-align: center;}
#leftPan h2 span{color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}

/* /Left Panel */

/* Right Panel */
#rightPan{width:390px; height:290px; float:left; display:block; margin:0 auto; margin-top: 27px; padding:0; color:#666; font: 11px Arial, Helvetica, sans-serif; }
#rightPan h2{width:230px; height:83px; display:block; background:url(../images/folder.gif) 0 10px no-repeat; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:10px 0 0 70px; margin:0 auto; text-align: center;}
#rightPan h2 span{color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}

#rightPan h2.advanced{width:220px; height:83px; display:block; background:url(../images/image2.jpg) 0 10px no-repeat; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:10px 0 0 70px; margin:0 auto; text-align: center;}
#rightPan h2.advanced span{color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}

#advSearch { margin-left: 30px; }
#advSearch input { font: 11px Arial, Helvetica, sans-serif; width: 200px; }

#advSearch input.inputCal { font: 11px Arial, Helvetica, sans-serif; width: 100px; }
#advSearch select { width: 150px; }
#advSearch input.btnGo { width: 150px; height: 30px; font-size: 12px; }


#quickProp { font: 11px/17px Arial, Helvetica, sans-serif; width: 89%; margin: 0 auto; margin-left: 29px; }
#quickProp a:link { color: #666; text-decoration: underline; font-weight: bold; }
#quickProp a:visited { color: #999; text-decoration: underline; font-weight: bold; }
#quickProp a:hover, #quickProp a:focus { color: #967001; text-decoration: underline; font-weight: bold; }
/* /Right Panel */

/* footer Panel */
#mainfooterbody{ width: 900px; height:114px; background:url(../images/footer-bg.gif) 0 0 repeat-x; color:#fff; padding:90px 0 0 0; position:relative; margin:0 auto; clear:both;}
#footerPan{width:800px; height:82px; position:relative; margin:0 auto; padding:0 0 0 10px;}
#footerPan ul{width:350px; display:block; position:absolute; right:60px; top:26px; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 10px; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.ep{width:250px; color:#fff; display:block; position:absolute; top:71px; right:0px;}
#footerPan ul.ep li a{ display:block; color:#fff; text-decoration:none;}
#footerPan ul.ep li a:hover{text-decoration:underline;}

#footerPan p{ margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:42px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footerPanleft{width:350px; height:82px; float:left; background:url(../images/vertical-dot.gif) 100% 0 repeat-y; }


/*---- for ajax validation -----*/
input.disabled {  border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required {  border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { background-color: #FFFFFF; color : #FF3300; font-size:10px; padding-right: 5px; padding-left: 5px;	width: 95%; font-weight: normal; }
.alert-advice { background-color: #FF3300; color : #FFFFFF; font-size:11px; padding: 5px; margin-bottom: 20px; width: 70%; font-weight: normal; }
/*---- end for ajax validation -----*/

/* new css */
.boxMenu { position: absolute; top: 31px; left: 0; background:url(../images/menu_product.png) no-repeat; width: 750px; height: 35px; }
.boxMenu a:link, .boxMenu a:visited { color: #333; text-decoration: none; }
.boxMenu a:hover, .boxMenu a:focus { color: #999; text-decoration: none; }

.boxMenuServ { position: absolute; top: 31px; left: 236px; background:url(../images/menu_services.png) no-repeat; width: 384px; height: 35px; }
.boxMenuServ a:link, .boxMenuServ a:visited { color: #333; text-decoration: none; }
.boxMenuServ a:hover, .boxMenuServ a:focus { color: #666; text-decoration: none; }


.home_container { padding: 20px 0 0 0; height: 610px;  }
.homeLeft { width: 520px; height: 610px; background-color: #FFFFFF; float: left; }

.header_home_65 { background: url(../images/home_65.png) no-repeat; width: 500px; height: 68px; margin: 0 auto; margin-bottom: 10px; } 

.homeLeft_slide { border: 1px #AAA solid; padding: 10px; width: 500px; height: 500px; background-color: #FFFFFF; }
.homeLeft img { max-width: 500px; max-height: 450px; }



.homeRight { width: 330px; float: left; margin: 0 0 0 10px; }
.home_more { position: absolute; top: 595px; left: 330px; font: bold 15px Arial, Helvetica, sans-serif; color: #73479C; clear: both; }
.home_more a:link, .home_more a:visited { color: #73479C; text-decoration: underline; }
.home_more a:hover, .home_more a:focus { color: #666666; text-decoration: underline; }

.home_header { border: 1px #AAA solid; background-color: #73479C; color: #FFFFFF; text-align: center; 
font: bold 20px 'Trebuchet MS'; }
.home_desc { border: 1px #AAA solid; background-color: #FFFFFF; margin: 5px 0 15px 0; padding: 8px; text-align: justify; height: 545px; }

.bottomThumb { margin: 20px 0 20px 0; background-color: ; }
.bottomThumb img { border: 1px #CCCCCC solid; padding: 4px; }

.product_desc { border: 1px #AAA solid; background-color: #FFFFFF; margin: 5px 0 15px 0; padding: 10px; position:relative; clear:both; height: 390px; }

.product_container { background-color: #FFFFFF; margin: 15px 0 15px 0; position:relative; }
.product_explain { border: 1px #CCCCCC solid; padding: 5px 15px 5px 15px; margin: 10px 0 0 0; text-align:justify; }
.productLeft { border: 1px #AAA solid; padding: 10px; width: 400px; background-color: #FFFFFF; float: left; margin-right: 20px; }
.productRight { width: 330px; float: left; text-align: center;  }
.productRight img { border: 1px #999 solid; padding: 2px; }

.product_list { background: url(../images/arrow.gif) 10px 5px no-repeat; padding-left: 20px; margin-bottom: 1px; }
.imgThumb img { margin: 5px; border: 1px #CCCCCC solid; padding: 2px; }
.flickrLink { margin: 10px; text-align:right; }

.services_tbl { margin-top: 5px; }
.services_explain { border: 1px #CCCCCC solid; padding: 5px 15px 5px 15px; margin: 10px 0 25px 0; text-align:justify; }

.servicesThumb { float: left; margin: 10px 0 0 10px; width: 90px; height: 68px; border: 1px #333333 solid; padding: 2px; }

.mailUs { width: 85%; margin: 0 auto; text-align: center; background-color: #999; font: bold 14px Arial, Helvetica, sans-serif; padding: 15px; color: #FFFFFF; }


.menuOthers { padding-top: 10px; margin-bottom: 10px; }
.menuOthers td { text-align: left; padding-left: 20px; font-weight: bold; cursor: pointer; color: #73479C; }
.menuOthers td:link, .menuOthers td:visited { color: #73479C; text-decoration: none; }
.menuOthers td:hover, .menuOthers td:focus { color: #FFF; background-color: #73479C; text-decoration: none; }


.portfolio_desc { border: 1px #AAA solid; background-color: #FFFFFF; margin: 5px 0 15px 0; padding: 10px; padding-bottom: 25px; }
.portfolio_list_big { margin: 15px 0 5px 0; font-weight: bold; }
.portfolio_list { background: url(../images/arrow.gif) 0 5px no-repeat; padding-left: 10px; margin-bottom: 5px; }
.portfolio_list_right { background: url(../images/arrow_right.gif) right 5px no-repeat; text-align: right; padding-right: 10px; margin-bottom: 5px; }

.portfolio_separator { border-left: 1px #CCC solid; height: 250px; width: 2px; }
#reel { height: 25px;  }
.portfolio_reel_1 { width: 13%; float: left; font-weight: bold; }
.portfolio_reel { width: 87%; margin: 0 0 10px 0; background-color: #666666; color: #FFFFFF; height: 20px; padding-top: 2px; float: left; }
.portfolio_reel a:link, .portfolio_reel a:visited { color: #FFF; text-decoration: underline; }
.portfolio_reel a:hover, .portfolio_reel a:focus { color: #CCC; text-decoration: underline; }

.portfolio_img { margin: 15px 10px 10px 10px; text-align: center; color: #999999; font-style: italic;  }
.portfolio_img img { border: 1px #CCCCCC solid; padding: 3px; }


.header { border: 1px #AAA solid; background-color: #73479C; color: #FFFFFF; text-align: center; 
font: bold 20px 'Trebuchet MS'; margin:20px 0 20px 0; }
.heading {color:#73479C; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0 0; }
.comp_font { color: #73479C; font-weight: bold; }

.menu_link { color: #333333; text-decoration: none; }
.separator { border: 1px #FFCC00 dotted; }

.font-white-bold { color: #FFFFFF; font-weight: bold; padding: 2px; }
.font-red { color: #FF0000; font-size: 10px; }

#contact input, select, textarea { font: 11px Arial, Helvetica, sans-serif; }

#loginBox input { font-size: 10px; }
#logForgot { width: 89%; margin: 0 auto; text-align: center;  }
#logForgot input { font-size: 10px; }

.buttonP { font: 11px Arial, Helvetica, sans-serif; }


.ads_content { margin: 20px 0 20px 0; width: 90%; }
.contactBox1 { border: 1px #999999 solid; margin: 0 auto; width: 95%; margin-bottom: 20px; padding: 10px; }

.menuBar { width: 100%; height: 27px; margin: 0 auto; margin-top: 2px; font-size: 13px; background-color: #FFCC00; text-align: center; }
.menuBarLong { padding: 5px 0 3px 0; }
.menuBarBox { width: 600px; margin: 0 auto; border: 1px #FFCC00 solid; padding: 5px 0 5px 15px; background-color: #EEEEEE; }

/* -- Login Forgot --- */
.form_forgot {width:100%; height:135px; position:relative; margin-bottom: 20px; text-align: center; }
.form_forgot form {width:268px; height:165px; position:relative; background:url(../images/268-forgot.jpg) 0 0 no-repeat; }

.div_ajax { width: 100%; color: #FFFFFF; }
.ajax_load_process1 { background:url(../images/load_ajax_1.gif) no-repeat; width: 200px; margin:0 auto; height: 11px; margin-top:5px; color: #FFFFFF; font-

size: 2px; text-align: center;  }
.ajax_load_process1Done { font: italic 10px verdana; background-color:#FFFFCC; width: 80%; margin:0 auto; margin-top:5px; text-align: center;   } 

.ajax_load_button { display: none; }

/*------------------------------------------------browse part--------------------*/
#browse{
	width:800px;
	height: 29px;
	margin:0 auto;
	position:relative;
	margin-top: 30px;
}

#browse ul{
	width:650px;
	height:29px;
	position:absolute;
	top: 1px;
}
#browse ul li{
	background:url(../images/nav_bg.png) 0 0 no-repeat;
	float:left;
	margin:0;
}
#browse ul li a{
	width:112px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial;
	color:#000000;
	text-decoration:none;
	text-align:center;
	background-color:inherit;
}
#browse ul li a:hover{
	background:url(../images/nav_hover.png) 0 0 no-repeat;
	width:112px;
	height:29px;
	color:#000000;
	background-color:inherit;
}
#browse ul li.hover{
	float:left;
	margin:0;
	background:url(../images/nav_active.png) 0 0 no-repeat;
	width:112px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-color:inherit;
	color: #000000;
}
#browse ul li a.black{ 	background:url(../images/nav_active.png) 0 0 no-repeat;	}


#browse_content{
	width:800px;
	margin:0 auto;
	padding: 0;
	background-color:#fff;
	border: 1px #999999 solid;
	padding-top: 10px;
	font: 11px Arial, Helvetica, sans-serif;
}

#bread_crumb input, #bread_crumb select { font: 12px Arial, Helvetica, sans-serif; width: 200px; }
#bread_crumb input.btnGo { font: 12px Arial, Helvetica, sans-serif; width: 70px; }

.TRresults { height: 40px; font-weight: bold; }
.TRresults a:link { color: #666; text-decoration: underline; }
.TRresults a:visited { color: #999; text-decoration: underline; }
.TRresults a:hover, .TRresults a:focus { color: #967001; text-decoration: underline; }

/*------------------------------------------------browse part--------------------*/

/* -- bookmark --- */
.bookmark input { font-size: 11px; }
/* -- /bookmark --- */

/* --- package boxes ----- */
.package_big { text-align: center; clear: left; }
.package_box { background: url(../images/package.png) no-repeat; width: 289px; height: 140px; float: left; margin: 10px 20px 20px 10px; cursor:pointer; }
.package_box a:link, .package_box a:visited { color: #FFFFFF; text-decoration: none; }
.package_box a:hover, .package_box a:focus { color: #000000; text-decoration: none;  }

.package_header { padding-top: 2px; font: 20px 'Arial Rounded MT Bold'; color: #FFFFFF; }
.package_price { padding: 15px 10px 5px 10px; font: bold 14px Verdana; color: #333333; text-align: left; }
.package_period { padding: 0 10px 5px 10px; font: bold 14px Verdana; color: #333333; text-align: left; }
/* --- /package boxes ----- */