@charset "utf-8";
/* CSS Document */

* { margin:0 auto; padding:0px; }
body { padding:0px; margin:0 auto; background:#fff url(images/hiox_08.png) top center repeat-y; color:#4e4e4e; font:12px Tahoma, Geneva, sans-serif; }
div, h1, h2, p, form, label, input, textarea, img, span { margin:0; padding:0; }
ul { margin:0; padding:0; list-style-type:none; font-size:0; }
.spacer{ clear:both; font-size:0; line-height:0; }
img { border:none; }
.clr { clear:both; }
p { padding:5px 0px; }

/*-------------------------------------- header_wrapper ------------------------------------*/
#header_wrapper { background:url(images/hiox_02.jpg) repeat-x; width:100%; }
#top { width:1000px; height:46px; margin:0 auto; }
.header { margin:0 auto; width:1000px; }
#logo { width:225px; height:44px; padding-top:2px; float:left; background:url(images/logo.png) no-repeat; cursor:pointer; }
#logo:hover { width:225px; height:44px; padding-top:2px; float:left; background:url(images/logo_hover.png) no-repeat; }
#navigation { height:25px; margin-top:20px; float:right;  background:#545757; }
#navigation ul { list-style:none; }
#navigation ul li { float:left; background:url(images/nav_border.jpg) right repeat-y; font:bold 12px/25px Arial, Helvetica, sans-serif; color:#FFF; }
#navigation ul li a { text-decoration:none; padding:0 17px; height:25px; display:block; float:left; color:#FFF; text-align:center; }
#navigation ul li a:hover { float:left; text-decoration:none; padding:0 17px; height:25px; display:block; color:#88dbf7; text-align:center; }
#main_wrapper { margin:1px auto; width:960px; padding:10px 20px; background:url(images/header_bottom.jpg) repeat-x;}
/*-------------------------------------- content_wrapper ------------------------------------*/
#content_wrapper { width:680px;  font:12px Tahoma, Geneva, sans-serif; line-height:18px; float:left; }
.title { background:url(images/title_border.jpg) left bottom no-repeat; width:680px; height:55px; font:28px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.title span{ font:28px Tahoma, Geneva, sans-serif; color:#007e7e; }
.sub_title { background:url(images/title_border.jpg) left bottom no-repeat; width:680px; height:50px; font:22px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.service_box { border:1px solid #e2e2e2; width:330px; height:120px; padding:10px; color:#4e4e4e; background:url(images/service_box_bg.png) bottom repeat-x; }
.service_box td { vertical-align:top; }

.service_box td a{ font:normal 18px Lucida Grande; text-decoration:none; color:#666; }
.service_box td a:hover{ font:normal 18px Lucida Grande; text-decoration:none; color:#007e7e; }
.service_box td a span { font-size: 10px; }
.service_box td p{ font:normal 12px Lucida Grande; }
ol { list-style-image:url(images/list_icon.jpg); margin-left:20px; }
/*-------------------------------------- portfolio ------------------------------------*/
.titleport { background:url(images/title_border.jpg) left bottom no-repeat; width:680px; height:55px; font:28px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.titleport span{ font:28px Tahoma, Geneva, sans-serif; color:#007e7e; }
.portfolio {font:13px Tahoma, Geneva, sans-serif; line-height:18px; float:left;}
.portfolio td a{ font:normal 15px Lucida Grande; text-decoration:none; color:#666; }
.portfolio td a:hover{ font:normal 15px Lucida Grande; text-decoration:none; color:#007e7e; }
.cont {color:#007e7e; font-size: 12px;}
.cont:hover {text-decoration:none; color: #4e4e4e;}
.breadcum {color:#007e7e; font-size: 12px;}
.breadcum:hover {text-decoration:underline; color: #4e4e4e;}
/*------------------------------------ latest_buzz --------------------------------------*/
.latest_buzz { padding:0px; margin:10px auto; border:1px solid #e2e2e2; background:url(images/service_box_bg.png) bottom repeat-x; padding:5px 10px; }
.latest_buzz p { font:normal 12px/18px Tahoma, Geneva, sans-serif; } 
.latest_buzz p a { font:normal 12px/18px Tahoma, Geneva, sans-serif; color:#007e7e; } 
.latest_buzz p a:hover { font:normal 12px/18px Tahoma, Geneva, sans-serif; text-decoration:underline; color: #4e4e4e;} 
.latest_buzz h4 { font:bold 14px/22px Tahoma, Geneva, sans-serif; }
.latest_buzz_readmore{ padding:0px; margin:10px auto; background:#fafafa; padding:5px 10px; text-align:right; font:normal 13px/29px Arial, Helvetica, sans-serif; }
.latest_buzz_readmore a { color:#007e7e; font-size: 12px; }
.latest_buzz_readmore a:hover{ text-decoration:none; color: #4e4e4e; }
/*-------------------------------------- careers ------------------------------------*/
.contact { background:url(images/title_border.jpg) left bottom no-repeat; width:880px; height:50px; font:24px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.job_openings { font:14px Arial, Helvetica, sans-serif; color:#333; background:#eee; border:1px dashed #ccc; padding:20px; float:right; margin-right:30px; font-weight:bold;}
.job_openings-style { font:bold 18px Arial, Helvetica, sans-serif;  }
.jop_openings { margin:10px auto; padding:0px; }
.job_openings a{ font-weight:bold; color:#007e7e; text-decoration:underline; }
.job_openings a:hover{	font-weight:bold;color:#333; text-decoration:none; }
.title1 { width:680px; font:24px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.careertitle { background:url(images/title_border.jpg) left bottom no-repeat; width:680px; height:55px; font:27px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.careertitle span{ font:27px Tahoma, Geneva, sans-serif; color:#007e7e; }
.service_boxx { border:1px solid #e2e2e2; width:390px; height:150px; padding:10px; color:#4e4e4e; background:url(images/service_box_bg.png) bottom repeat-x;}
.service_boxx td { vertical-align:top; }
.pop_txt { background:url(images/text_bg.gif) repeat-x; border:1px solid #ccc; width:180px; }
.pop_txt1 { background:url(images/text_bg.gif) repeat-x; border:1px solid #ccc; width:50px; }
.pop_txt_area { background:url(images/text_bg.gif) repeat-x; border:1px solid #ccc; width:180px; height:50px; }
.carer {color:#007e7e; font-size: 16px;}
.carer:hover {text-decoration:none; color: #4e4e4e;}
#resume{ width: 120px; height: 35px; font-weight: bold; font-size: 15px; cursor: pointer; }
/*-------------------------------------- contact-us ------------------------------------*/
.contect_box{	font:normal 12px/18px Arial, Helvetica, sans-serif; margin-top:10px; }
.contect_box_title{ background:url(images/contact_03.gif); width:263px; height:28px; color:#fff; border: 2px thick; border-color: red; font-weight:bold; padding-top:5px; padding-left:10px; }
.contect_box_content{	background:url(images/contact_12.gif); width:253px; height:130px; padding:10px; text-decoration:none; }
.contect_box_content a{	color:#4e4e4e;text-decoration:none; }
.contect_box_content a:hover{ color:#007e7e; text-decoration:underline; }
.contect_box_content1{ padding:10px; text-decoration:none; }
.contect_box_content1 a{ color:#4e4e4e;text-decoration:none; }
.contect_box_content1 a:hover{ color:#007e7e; text-decoration:underline; }
.contect_box_img{ background:url(images/contact_12.gif); width:273px; height:80px; }
.contect_box_bottom{ background:url(images/contact_22.gif); width:273px; height:14px; }
.contacttitle { background:url(images/title_border.jpg) left bottom no-repeat; width:680px; height:55px; font:30px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.contacttitle span{ font:30px Tahoma, Geneva, sans-serif; color:#007e7e; }
/*-------------------------------------- about-us ------------------------------------*/
.services { font:normal 12px/18px Arial, Helvetica, sans-serif;color:#565656;width:800px;	}
.h2class {font:bold 12px/22px Arial, Helvetica, sans-serif;background:url(images/bullet_1.png) 0 0 no-repeat;padding-left:18px;margin-left:15px; color: #007e7e}
.h1class {font:bold 16px/22px Arial, Helvetica, sans-serif;color:#000; }
.know{ font:normal 12px/18px Arial, Helvetica, sans-serif;color:#565656;margin:0 auto;width:830px;padding:10px 25px; }
.sub_titles { background:url(images/title_border.jpg) left bottom no-repeat; width:auto; height:50px; font:22px Tahoma, Geneva, sans-serif; color:#4e4e4e; }
.chart { padding-left: 200px; font:24px Tahoma, Geneva, sans-serif; color:#007e7e; }
#content_wrappers { font:12px Tahoma, Geneva, sans-serif; line-height:18px; float:left; margin:0 auto; width:850px; padding:10px 25px;}
#content_wrappers b {font-size:16px; color:#007e7e;}
.abouts ul { list-style:none; margin-left:10px; }
.abouts ul li { font:normal 12px/18px Tahoma, Geneva, sans-serif; background:url(images/bullet_2.gif) 0 0 no-repeat; padding-left:20px;
					margin:4px 0px; }
/*-------------------------------------- right_wrapper ------------------------------------*/
.right_wrapper { float:right; margin-top:10px; }
.right_wrapper .uv_login { height:260px; background:url(images/service_box_bg.png) bottom repeat-x; width:260px; border:1px solid #cecece; 
						font:12px Arial, Helvetica, sans-serif; }
.right_wrapper .uv_register { height:290px; width:350px; background:url(images/register_bg.gif) bottom repeat-x; border:1px solid #cecece; 
			   font:12px Arial, Helvetica, sans-serif; }
.right_wrapper .uv_title { background:#dcdbe3; height:28px; border-bottom:1px solid #cccccc; font:bold 16px Arial, Helvetica, sans-serif; padding:5px 0 0 10px; }
.right_wrapper .uv_txt { background:url(images/text_bg.gif) repeat-x; border:1px solid #ccc; width:240px; height:25px; color:#969696; padding:0 5px; }
.right_wrapper .uv_but { background:url(images/blue_buton.png); color:#fff; width:71px; height:28px; text-align:center; border:0; 
						font:bold 12px Arial, Helvetica, sans-serif; }
.right_wrapper .uv_signup { float:right; background:url(images/sign_up.jpg); width:68px; height:22px; border:0; margin:0 4px; vertical-align:top; color:#fff;
			font:bold 12px Arial, Helvetica, sans-serif; }
.right_wrapper a { font:normal 15px Lucida Grande; text-decoration:none; color:#666; }
.right_wrapper a:hover { text-decoration:none; color:#007e7e; }
.right_wrapper table { font:12px Arial, Helvetica, sans-serif; margin:0 auto; }
/*-------------------------------------- Footer_wrapper ------------------------------------*/
#footer { margin:0 auto; padding-top:4.5px; width:100%; height:34px; background:url(images/footer_bg.png) repeat-x; font:11px Arial, Helvetica, sans-serif; color:#fff; text-align: center;}
#footer a { color:#88dbf7; text-decoration:none; }
#footer a:hover { color:#88dbf7; text-decoration:underline; }

/*-------------------------------------- portfolio inner pages ------------------------------------*/
.titleportfolio { background:url(images/title_border.jpg) left bottom no-repeat; width:auto; height:52px; font:24px Tahoma, Geneva, sans-serif; color:#007e7e;}
.jop_openings_portfolio  { font:bold 15px/25px Arial, Helvetica, sans-serif; font-weight:bold; color:#007e7e; text-decoration:underline; }
.jop_openings_portfolio:hover { font-weight:bold; color:#4e4e4e; text-decoration:none;}
#other_pages {padding: left;  margin:0 auto; width:1000px; padding:1px; background:url(images/header_bottom.jpg) repeat-x; } 
.services { margin:10px; width:830px; padding:10px; }
.services b {font-size:16px; color:#007e7e;}
.project_detail_left { width:400px; height:140px; float:left; }
.project_detail_left h1 { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#4e4e4e; }
.project_detail_left h1 a { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#007e7e; text-decoration:none; }
.project_detail_left h1 a:hover { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#4e4e4e; text-decoration:underline; }
.project_detail_left p { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#333; padding-top: 6px;}
.project_detail_left h2 a { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#af2703; text-decoration:none;}
.project_detail_left h2 a:hover { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#af2703; text-decoration:underline;}
.project_detail_right { width:256px; height:158px; float:left; border:#FFF 1px solid; margin-left:20px; background:url(images/port_thump.jpg) no-repeat; 
padding:10px 0 0 34px; }
.image{padding-left: 150px;}
/*-------------------------------------- about us page script ------------------------------------*/
#container{margin-left:650px; width: 260px; height: 550px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; position:absolute !important;
overflow:hidden; background-repeat:no-repeat; background-position:top left; }
h3 { font-size: 12px; padding: 10px 6px 0px 10px; margin: 0; color:#000; width:10px; cursor:pointer; display:block; background-position:top left; background-repeat:no-repeat; }
.panel_body {background-color:#000; left:100%; top:-20px; position:relative; border:1px solid #dadada; color:#FFFFFF; cursor:pointer; width:240px;padding:3px; }
.panel_body ul li{ list-style:none; background:url(images/bullet_2.gif) 0 0 no-repeat; padding-left: 20px;}
.panel_container{  position: relative; bottom:0px; margin:0px; background-color: #000; padding:0px; width: 25%; height:7%; border:1px solid #dadada; padding-left: 15px;}
.showing{ color: #007e7e;background-color:#72B8CB; cursor:pointer;}
.panel_container a { text-decoration:none; color:#fff;  }
.panel_body ul li:hover{ color: #007e7e;background-color:#72B8CB;}
.panel_body a { color:#fff; font-size:12px;margin-top:55px; }
.inner {width:100%;float:left; }

/*-------------------------------------- bookmark page ------------------------------------*/
.imgg{cursor: pointer; padding-top: 5px; width:16px; height:16px;}
.fav{text-decoration: none; cursor: pointer;}
.ifrm{width:100%; height:100%; background-color:#808080; display: none; position:absolute; top: 0px; left: 0px;filter:alpha(opacity=0.5);-moz-opacity: 0.75;opacity: 0.75;background-color: #808080;}
.div1{display: none; border:thin solid black; position: absolute; color: #b22222; background-color: black;}
.div2{width: 350px; color: white; padding-top: 2px; padding-left: 15px; font-size: 12px;}
.hide{margin-left: 230px; cursor: pointer; color:#ffffff;  font-size: 10px;}
.mailfrm{color: red; background-color: white;}

/*-------------------------------------- other pages ------------------------------------*/
#index_content { margin:0 auto; width:960px; padding:28px 40px 10px 40px; }
#index_content-services { width:555px; height:300px; margin:0px; }
.services_title { width:555px; height:70px; background:url(images/services_info.png) 0 0 no-repeat; margin:0 auto; }
.services_title_inside { width:475px; height:42px; padding-top:28px; font:bold 18px/42px Arial, Helvetica, sans-serif; color:#000; float:right; }
.services_con { width:533px; height:190px; background:#fff; margin:0 auto; padding:5px 10px; border-left:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; }
.services_con-select { width:530px; margin:0 auto; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#333; }
.services_bottom { width:545px; height:29px; background:url(images/bottom_bg.jpg) 0 0 repeat-x; padding:0px 5px; 
					font:normal 13px/29px Arial, Helvetica, sans-serif; color:#974705; margin:0 auto; }
#index_content_row2 { margin:0 auto; width:840px; padding:0px 40px; }
#index_content_row2 h2 { font:bold 22px/30px Arial, Helvetica, sans-serif; color:#d87907; border-bottom:#ececec 1px solid; }

/* porfolio */
.cms { margin:0 auto; width:688px; height:296px; padding:20px; background:url(images/cms_bg.jpg) center no-repeat; }
.cms_con { width:290px; text-align:center; padding:5px; float:right; margin-top:20px; }
.cms_con ul { list-style:none; padding-top:10px; }
.cms_con ul li { font:normal 12px/20px Arial, Helvetica, sans-serif; color:#666; }
.cms_con ul li a { color:#666; text-decoration:none; }
.cms_con ul li a:hover { color:#f29d00; text-decoration:underline; }
.cms_con-style_01 { font:bold 16px/20px Arial, Helvetica, sans-serif; color:#f29d00; height:22px; background:url(images/line.jpg) bottom repeat-x; }
.cms_con-style_02 { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#787777; }
.cms_con-style_02 a { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#787777; text-decoration:none; }
.cms_con-style_02 a:hover { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#787777; text-decoration:underline; }
.projects { margin:0 auto; width:688px; height:296px; padding:20px; background:url(images/project_bg.jpg) center no-repeat; }
.projects_con { width:290px; text-align:center; height:38px; padding:5px; float:right; margin-top:150px; background:url(images/line.jpg) bottom repeat-x; }
.projects_con-style_01 { font:bold 16px/20px Arial, Helvetica, sans-serif; color:#6b3989; }
.projects_con-style_02 { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#787777; }
.projects_con-style_02 a { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#787777; text-decoration:none; }
.projects_con-style_02 a:hover { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#787777; text-decoration:underline; }
.project_detail { margin:20px auto; width:779px; height:190px; background:url(images/project_detail_bg.jpg) 0 0 no-repeat; }

/* service */
.services_img { margin:8px auto; width:830px; }
.services h1 { font:bold 16px/22px Arial, Helvetica, sans-serif; color:#000; }
.services p { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#565656; padding:5px 0px; }
.services h2 { font:bold 12px/22px Arial, Helvetica, sans-serif; color:#d16c00; background:url(images/bullet_1.png) 0 0 no-repeat; padding-left:18px;
				margin-left:15px; }
.services ul { list-style:none; margin-left:25px; }
.services ul li { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#0182ac; background:url(images/bullet_2.gif) 0 0 no-repeat; padding-left:20px;
					margin:4px 0px; }
.services ul li a { color:#666; text-decoration:none; }
.services ul li a:hover { color:#666; text-decoration:underline; }


/*-----------------------index page menu tab ----------------------------------*/
.tab{ margin:0px; padding:0px; float:left; background:#c1dcdd url(images/line-menu.jpg) right repeat-y; }
.tab ul{ margin:0px; padding:0px; list-style:none; }
.tab ul li{ font:bold 11px/24px Arial, Helvetica, sans-serif; color:#000; float:left; }
.tab ul li a{ color:#fff; float:left; background:#3b5d5c url(images/line-menu.jpg) right repeat-y; padding:0px 7px; display:block; text-decoration:none; }
.tab ul li:last-child a,a:hover{background-image: none;}
.tab_active{ color:#3b5d5c; float:left; padding:0px 7px;  background:#c1dcdd url(images/line-menu.jpg) right repeat-y; display:block; text-decoration:none; cursor:pointer; }