/* CSS Document */
body{ padding:0px; margin:0 auto; position:relative; color:#999; font:11px/17px Verdana; font-weight:normal; background: url(../images/bg.png) 0 0 repeat-x #FFFFFF;  }
div, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.bodyBigPan { border: 1px #EAEAEA solid; width: 900px; margin: 0 auto; margin-top: 10px; background-color: #FFFFFF; }

/* TOP PANEL */
#topPan{width:900px; position:relative; margin:0 auto; padding:0; }

/*#topPan h1{ width:380px; height:252px; top: 75px; right: 20px; position: absolute; display: ; background-color: #000000;	 }*/
#topPan h1{ width:100%; height:340px; top: 50px; position: absolute; display: ; background: url(../images/header_cont.jpg) 30px 10px no-repeat; }

#topPan h2{ width:100%; height:180px; top: 50px; position: absolute; background: url(../images/header_inside.png) 30px 10px no-repeat; }


#topPan .logo{width:290px; height:320px; position:absolute; top:65px; left: 10px; margin:0px; padding:0px; }

#topPan ul{ width:750px; height:50px; margin:0 auto; color:#fff; padding: 0 0 0 60px; }
#topPan ul li{float:left; display:block; width:117px; height:45px; }

#topPan ul li .black {display:block; width:115px; height:45px; background:url(../images/button_menu_hover.png) 0 0 no-repeat; font:bold 12px/32px Arial; text-align:center; text-decoration:none; color:#FFF; }

#topPan ul li a{ display:block; width:115px; height:45px; color:#4E8C9B; font: bold 12px/32px Arial; text-align:center; text-decoration:none; padding: 8px 0 0 0; }
#topPan ul li a:hover{display:block; width:115px; background:url(../images/button_menu_hover.png) 0 0 no-repeat; text-decoration:none; /*position:fixed;*/ margin:0;  padding: 8px 0 0 0; color:#FFF;  }

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



/* /TOP PANEL */
.boxContainer { width: 850px; margin: 0 auto; margin-bottom: 100px; }

/* BODY PANEL */
#bodyPan{width:900px; position:relative; margin:0 auto; background-color: #FFFFFF;  }


.header_top { background: url(../images/curve_top.png) no-repeat; width: 380px; height: 240px; margin: 0 auto; padding-top: 10px; color: #000000; }


#bodyPan_2{ width:900px; min-height: 300px; margin:0 auto; position:relative; clear:both; padding-top: 30px; background-color: #FFFFFF;  }

.spacer{ height:10px; }


.main_box_header { font: 22px Verdana; letter-spacing: -2px; padding-left: 5px; color: #993333; }
.main_box_about { background: url(../images/boxAbout.png) no-repeat; width: 530px; height: 190px; padding: 20px 15px 15px 15px; color: #333333; }
.main_box_about p { margin: 0; padding: 0; }
.main_box_about .viewPck { margin-top: 12px; color: #FF9900; font-weight: bold; cursor: pointer; }

.main_box_hot { background: url(../images/boxHot.png) no-repeat; width: 208px; height: 220px; padding: 10px 15px 15px 15px; cursor: pointer; color: #003399; font: 11px/15px "Courier New" ;  }
.main_box_hot img { margin-top: 25px; margin-left: -5px; }
.hotOffer_font { font: bold 15px/15px "Courier New"; letter-spacing: -1px; }


.package_box_P1 { background: url(../images/package_box_P1.png) no-repeat; width: 415px; height: 310px; cursor:pointer; text-align:center; }
.package_box_P2 { background: url(../images/package_box_P2.png) no-repeat; width: 415px; height: 310px; cursor:pointer; text-align:center; }
.package_box_P3 { background: url(../images/package_box_P3.png) no-repeat; width: 415px; height: 310px; cursor:pointer; text-align:center; }
.package_box_P4 { background: url(../images/package_box_P4.png) no-repeat; width: 415px; height: 310px; cursor:pointer; text-align:center; }


/* footer Panel */
#mainfooterbody{ width: 100%; height:101px; background-color: #D4D9DC; padding:0; position:relative; margin:0 auto; clear:both; }
#footerPan{width:100%; height:82px; position:relative; margin:0 auto; }

#footerPan p{ padding-top: 35px; display:block; color: #333333; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; text-align: center; }

/*---- 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 { 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 */
.header { 
font: 25px Verdana; letter-spacing: -2px; color: #993333; width: 850px; padding-left: 5px; margin: 0 auto; margin-bottom: 20px;
}


.portfolio_title { color: #000000; font-size: 18px; letter-spacing: -1px; }

.sub_portfolio { margin: 0 auto; width: 460px; height: 37px; font: bold 15px Arial; letter-spacing: 0px; color: #333; text-align: center; border-bottom: 2px #666666 solid; float: right; padding: 0 40px 0 40px; }
.sub_portfolio_menu { width: 219px; height: 35px; float: left; background: url(../images/portfolio_tab.png) no-repeat; padding-top: 12px; cursor: pointer; margin-top: 2px;  }
.sub_portfolio_menu_select { width: 219px; height: 45px; float: left; background: url(../images/portfolio_tab_select.png) no-repeat; padding-top: 14px; cursor: pointer; margin-top: 0px; color: #FFFFFF;  }

.quick_menu_top { margin: 40px 0 0 0; background: url(../images/quick_top.png) no-repeat; width: 230px; height: 38px; }
.quick_menu_middle { width: 210px; padding: 10px; background: url(../images/quick_middle.png) repeat-y; }
.quick_menu_bottom { margin: 0 0 10px 0; background: url(../images/quick_bottom.png) no-repeat; width: 230px; height: 15px; }

.quick_list { background: url(../images/quick_list.png) 0 6px no-repeat; padding-left: 17px; color: #FFFFFF; font: bold 13px 'Trebuchet MS'; line-height: 25px; }
.quick_list a:link, .quick_list a:visited { color: #FFFFFF; text-decoration: none; }
.quick_list a:hover, .quick_list a:focus { color: #00CCCC; text-decoration: none; }


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

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

.promotion { margin: 0 auto; text-align: center; }


.contactBox { border: 2px #999999 solid; background: url(../images/contactBox.png) no-repeat; margin: 0 auto; width: 500px; margin-top: 30px; margin-bottom: 20px; padding: 5px; }
.contactBox td { color: #FFFFFF; }
.contactBox input, .contactBox textarea, .contactBox select { border: 1px #CCC solid; }

/* -- request -- */
.threefifty4 {width:570px; font:11px/20px Verdana, Arial, Helvetica, sans-serif;}
.threefifty4.crv4 {color:#77858C; padding:0; background:url(../images/500crv-1.jpg) repeat-y 0 0; }
.threfiftyside4 { margin:0 0 0 40px; padding:0 40px 0 0; }

.threefifty4 .select {font:11px/20px Verdana, Arial, Helvetica, sans-serif;}
.threefifty4 table { color: #333333;}

.threefifty4 a:link, .threefifty4 a:visited {color:#626D73; text-decoration:underline;}
.threefifty4 a:hover, .threefifty4 a:focus {color:#FFFFFF; background-color:#0095C5; text-decoration:none;}

.crvm4 {padding:5px 0 0 0;margin:0;}
.crvm4.one4 {background:url(../images/500.png) no-repeat 0 top;}

.crvb4 {background:url(../images/500crvB-1.jpg) no-repeat 0 bottom; padding:0;margin:0;}

.header_request {
	color: #FFFFFF; font-size: 18px; font-weight: bold; text-align:center;
}


/* -- 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: 16px; color: #E2E7ED; font-size: 1px; text-align: center;  }
.ajax_load_process1Done { font: italic 10px verdana; width: 80%; margin:0 auto; margin-top:5px; text-align: center;   } 

.ajax_load_button { display: none; }


/* === event ==== */
#latestPull { position: absolute; right: 35px; top: 122px; }
#latestList { width: 200px; padding: 10px 15px 10px 20px; float: left; /* background: url(../images/240.png) no-repeat;*/ height: 630px; }