* { margin:0; padding:0;}
body { background:#364860 url(images/wrapper_header.gif) 0 0 repeat-x; font-size:100%; line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#909090; text-align:center;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}
a{ color:#40a1f4;}
a:hover{text-decoration:none;}
.column { float:left;}
.clear, .col-list, .row-box { width:100%; overflow:hidden;}
.col-list ul{ float:left}
.col-list .indent-list{ margin-left:40px;}

/*header*/
.logo-menu{ height:134px; background:url(images/logo-menu.jpg) 0 0 no-repeat;}
.logo{ position:absolute; margin:20px 0 0 16px;}
.navigation{ display:block; margin:46px 0 0 838px; position:absolute;}
.navigation a{ color:#78889e; font-size:0.75em; margin-right:22px;}
.menu{ display:block; position:absolute; margin:87px 0 0 36px; width:911px; background:#2d3c53; height:47px;}
.menu li{ display:block; float:left; width:151px; margin-right:1px; line-height:3.375em; font-size:0.875em;}
.menu li a{ display:block; background:url(images/menu_bg_button.gif) 0 0 repeat-x; height:47px; text-decoration:none; color:#ffffff; text-align:center;}
.menu li a:hover{ background:url(images/menu_bg_button_act.gif) 0 0 repeat-x; height:47px; color:#000;}
.menu li .act{ background:url(images/menu_bg_button_act.gif) 0 0 repeat-x !important; height:47px; color:#000;}
.menu .m1{ width:151px !important;}
.menu .m1 .act span span{ display:block; background:url(images/menu_corner_left_act.gif) 0 0 no-repeat !important;}
.menu .m1 span{ display:block; background:url(images/menu_corner_left.gif) 0 0 no-repeat;}
.menu .m1 a:hover span span{ display:block; background:url(images/menu_corner_left_act.gif) 0 0 no-repeat;}
.menu .m6{ margin-right:0 !important; width:150px  !important;}
.menu .m6 span{ display:block; background:url(images/menu_corner_right.gif) top right no-repeat;}
.menu .m6 a:hover span span{ display:block; background:url(images/menu_corner_right_act.gif) top right no-repeat;}
.menu .m6 .act span span{ display:block; background:url(images/menu_corner_right_act.gif)  top right no-repeat !important;}

.header-img{ background:url(images/header_img.jpg) 36px 0 no-repeat; height:315px;}
.header-banner-4{ position:absolute; margin:161px 0 0 614px;}
.header-img-indent{ padding:48px 0 0 77px;}
.banners{ display:block; padding:18px 0 0 0;}
.banners img{ margin-right:3px;}

.img-indent{ margin-left:7px;}
.line{ background:url(images/line.gif) 0 14px repeat-x; display:block; height:28px}
.extra-line{ background:url(images/line1.gif) 0 8px repeat-x; width:346px; height:20px; float:left;}


/*footer*/
.footer{ padding:12px 0 21px 655px; color:#85979f; font-size:0.75em;}
.footer a{ color:#85979f; text-decoration:none;}
.footer a:hover{ text-decoration:underline;}

/*content*/
.content{ margin:0 0 0 36px; width:911px; font-size:0.75em; line-height:1.5em;}
.content h1{ height:45px;}
.content h1 img{ position:absolute;}
.indent-1{ padding:42px 0 0 29px;}
.text{ color:#425065;}
.button{ display:block; width:89px; height:23px; text-align:center; color:#425065; text-decoration:none; background:url(images/button_1.gif) 0 0 no-repeat; line-height:1.5em; font-size:1.187em;}
.button:hover{ color:#40a1f4;}
.button-1{ display:block; height:24px; text-align:center; color:#e69919; text-decoration:none; background:url(images/button-1.gif) 0 0 repeat-x; line-height:1.866em; font-weight:bold;}
.button-1:hover{ color:#425065;}
.button-1 span{ display:block; background:url(images/button-1-left.gif) 0 0 no-repeat; height:24px;}
.button-1 span span{ background:url(images/button-1-right.gif) top right no-repeat; height:24px;}
.button-2{ display:block; width:48px; height:23px; text-align:center; color:#425065; text-decoration:none; background:url(images/button_2.gif) 0 0 no-repeat; line-height:1.5em; font-size:1.187em;}
.button-2:hover{ color:#40a1f4;}
.button-3{ display:block; width:67px; height:23px; text-align:center; color:#425065; text-decoration:none; background:url(images/button-3.gif) 0 0 no-repeat; line-height:1.5em; font-size:1.187em; font-weight:normal;}
.button-3:hover{ color:#40a1f4;}

.width-1{ width:129px;}
.width-2{ width:144px;}
.indent-top{ display:block; margin-top:12px;}
.indent-top1{ display:block; margin-top:10px;}
.indent-top2{ display:block; margin-top:21px;}
.line_{ vertical-align:middle; margin-left:11px;}
.indent-left{ padding-left:37px;}
.extra-line{height:30px;}
.extra-line img{ position:absolute; margin-top:15px;}


.content .border-bot {background:#FFF url(images/border_bot.gif) repeat-x bottom;}
.content .corner-bot-left {background:url(images/corner_bot_left.gif) no-repeat left bottom;}
.content .corner-bot-right {background:url(images/corner_bot_right.gif) no-repeat right bottom; width:100%;}
.content-indent{ padding:13px 0 46px 14px; width:890px; overflow:hidden;}

.box .border1-top {background:url(images/border1_top.gif) repeat-x top #eff5f7;}
.box .corner1-top-left {background:url(images/corner1_top_left.gif) no-repeat left top;}
.box .corner1-top-right {background:url(images/corner1_top_right.gif) no-repeat right top;}
.box .corner1-bot-left {background:url(images/corner1_bot_left.gif) no-repeat left bottom;}
.box .corner1-bot-right {background:url(images/corner1_bot_right.gif) no-repeat right bottom; width:100%;}
.box-indent{ padding:29px 24px 24px 24px;}
.box h1{ height:40px !important;}


.content .title{ display:block;}
.content .img-left{ float:left; margin:3px 21px 0 0;}
.fright{ float:right;}

.text-text{ border-top:1px solid #d8dfe9;}
.text-text dt{ padding-top:11px; color:#425065; text-transform:uppercase; font-size:1.187em;}
.text-text dd{ padding-bottom:11px; color:#e69919; font-weight:bold;  border-bottom:1px solid #d8dfe9;}
.h-top{ margin-top:29px;}
.h-top1{ margin-top:40px;}
.link{ background:url(images/link.gif) center left no-repeat; padding:0 0 0 22px; font-size:1.187em;}

.list li{ background:url(images/list_bg.gif) 0 0 repeat-x;  color:#40a1f4; width:100%; overflow:hidden; font-size:1.187em; line-height:1.5em; margin-bottom:2px;}
.list li a{ display:block; float:right; color:#425065;  width:82px; height:24px; background:#c2d3dd url(images/list_corner_right.gif) top right no-repeat; text-align:center; text-decoration:none; font-weight:bold; line-height:1.687em; font-size:0.875em;}
.list li a:hover{ color:#40a1f4;}
.list span{ text-indent:50px; display:block; height:24px;}
.list .bull-1 span { background:url(images/list_bull_7.gif) 0 0 no-repeat;}
.list .bull-2 span { background:url(images/list_bull_2.gif) 0 0 no-repeat;}
.list .bull-3 span { background:url(images/list_bull_3.gif) 0 0 no-repeat;}
.list .bull-4 span { background:url(images/list_bull_4.gif) 0 0 no-repeat;}
.list .bull-5 span { background:url(images/list_bull_5.gif) 0 0 no-repeat;}
.list .bull-6 span { background:url(images/list_bull_6.gif) 0 0 no-repeat;}
.list .bull-8 span { background:url(images/list_bull_8.gif) 0 0 no-repeat;}
.list .bull-9 span { background:url(images/list_bull_9.gif) 0 0 no-repeat;}

.indent-left1{ padding-left:29px;}
.text-text-1 dt{ color:#425065; font-weight:bold; padding-top:13px;}
.text-text-1 dd{ padding-bottom:13px; border-bottom:1px solid #d8dfe9;}
.indent-top-none{ padding-top:0 !important;}
.br{ display:block;}
.indent-top-bot{ display:block; margin:18px 0;}
.list-1 li{ line-height:1.75em;}
.extra-right{ padding-right:21px !important;}
.indent-left2{ margin-left:2px;}

.text-text-2 dt{ color:#425065; font-weight:bold;}
.text-text-2 dd{ padding-bottom:18px;}


/*================== index-4.html ==================*/
#page5 .row-img{ padding:17px 0 13px 0;}
#page5 .img-indent{ margin-left:10px !important;}




/*================== contactus.html ==================*/
#page6 .form input{ height:18px;}
#page6 .form textarea{ overflow:auto; display:block; height:147px;}
#page6 .form textarea, #page6 .form input{ border:1px solid #a09b96; width:250px; padding-left:4px; color:#425065; font-size:1em; font-weight:normal;}
#page6 .form .form-link{ padding-left:74px;}
#page6 .form{ color:#425065; font-weight:bold;}
#page6 .line_{ margin:0 20px !important;}
#page6 .text-right span{ float:right; margin-right:30px;}
#page6 .form-indent{ height:25px;}


/*================== LightBox 2.0 ==================*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }