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

body {
	background-color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	margin:0;
}
/*=== FULLBG
==============================================================================*/
.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}
.main {
	width: 1020px;}

.main-container {
	top: 0px;
	left: 0px;
	width: 100%;
	margin: auto;
	position: absolute;
	z-index: 50;
}
/********************** Header *********************/
.header-panel {
	height:70px;
	width: 1024px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.header {
	/*width:945px;*/
	margin:0 auto;
}

.header .nave {
	float:left;
	width:696px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 150px;
}
.header .nave li {
	float:left;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
}
.header .nave li.firstChild {
	background:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
}
.header .nave li a {
	color:#575349;
	padding:2px 0 2px 0;
	text-indent:-9999px;
	float:left;
}
.header .nave li a:hover {
	color:#494744;
}
.header .nave li.nave01 a {
	background:url(../images/menu.png) no-repeat left top;
	width:95px;
}




.header .nave li.nave01 a:hover, .header .nave li.nave01 a.cur_page {
	background:url(../images/menu.png) no-repeat left -35px;
}
.header .nave li.nave02 a {
	background:url(../images/menu.png) no-repeat -95px top;
	width:110px;
}
.header .nave li.nave02 a:hover, .header .nave li.nave02 a.cur_page {
	background:url(../images/menu.png) no-repeat -95px -35px;
}
.header .nave li.nave03 a {
	background:url(../images/menu.png) no-repeat -205px top;
	width:118px;
}
.header .nave li.nave03 a:hover, .header .nave li.nave03 a.cur_page {
	background:url(../images/menu.png) no-repeat -205px -35px;
}
.header .nave li.nave04 a {
	background:url(../images/menu.png) no-repeat -320px top;
	width:139px;
}
.header .nave li.nave04 a:hover, .header .nave li.nave04 a.cur_page {
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: -330px -35px;
}
.header .nave li.nave05 a {
	background:url(../images/menu.png) no-repeat -478px top;
	width:106px;
}
.header .nave li.nave05 a:hover, .header .nave li.nave05 a.cur_page {
	background:url(../images/menu.png) no-repeat -478px -35px;
}
.header .nave li.nave06 a {
	background:url(../images/menu.png) no-repeat -575px top;
	width:113px;
}
.header .nave li.nave06 a:hover, .header .nave li.nave06 a.cur_page {
	background:url(../images/menu.png) no-repeat -575px -35px;
}
/********************** Drop down *********************/

.header .nave li span {
	width:9px;
	height:5px;
	left:50%;
	position:absolute;
	bottom:0;
	margin-left:-4px;
	background:url(../images/up.gif) no-repeat 0 0;
	display:block;
	text-indent:-999px;
	z-index:9999;
	display:none;
}
.header .nave li.hover span {
	display:block;
}
.header .nave li .sub-nav {
	position:absolute;
	left:0;
	top:60px;
	background:#FFF;
	display:none;
	z-index:999;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 2px;
}
.header .nave li .sub-nav.sbnv-01 {
	background:#f29525;
	left:auto;
	width:90px;
}
.header .nave li .sub-nav.sbnv-02 {
	background:#b6cd37;
	left:auto;
	width:90px;
}

.header .nave li .sub-nav.sbnv-02 {
	left:7px;
}
.header .nave li.hover .sub-nav {
	display:block;
}
.header .nave li .sub-nav dl {
	display:inline-block;
	border-right:1px dotted #cbced3;
	vertical-align:top;
	padding:0 0;
	color:#59606c;
	line-height:20px;
	height:100%;
	min-height:100%;
	padding-bottom:10px;
	text-align:left !important;
	width:100%;
}
.header .nave li .sub-nav dl:last-child {
	border:0;
}
.header .nave li .sub-nav dt {
	color:#1a3965;
	font:bold 15px Arial, Helvetica, sans-serif !important;
	padding:15px 0 2px 0;
}
.header .nave li .sub-nav dd {
	padding:3px 0 0px 0;
	display:block;
	text-transform:uppercase;
	float:left;
}
.header .nave li .sub-nav dd a {
	font-family: 'NeoTechRegular';
	font-size:11px;
	text-transform:uppercase;
	display:block;
	text-align:center;
}
.header .nave li .sub-nav dl dd a{
	width:90px;
}
.header .nave li .sub-nav dd a.active {
	font-family: 'NeoTechBold';
	color:#FFF;
}
.header .nave li .sub-nav dd a, .header .nave li .sub-nav dd a {
	color:#231f20 !important;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:none !important;
	text-indent:inherit !important;
}
.header .nave li .sub-nav dd a:hover {
	color:#605e5f !important;
}

.header .logo {
	float:right;
	width:152px;
	padding:0 5px 0 0;
}
.header .logo a {
	float:left;
	width:152px;
	height:55px;
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat left top;
}


.heading-01 {
	position:absolute;
	top:196px;
	left:0;
	background:url(../images/title-bg.png) repeat-x left top;
	height:100px;
	padding:87px 87px 0 77px;
	color:#FFF;
	font-weight:bold;
	font-size:30px
}
/*.header #slideshow{
	position:absolute;
	top:196px;
	left:0;
}*/
.header-panel #slideshow {
	position:absolute;
	top:196px;
	width: 1024px;
	margin: auto;
	background-repeat: no-repeat;
}
.header-panel .post-01{
	top:154px !important;
}
.header-panel #slideshow img {
	display: none
}
.header-panel #slideshow img.first {
	display: block
}
/********************** Content *********************/

.content-panel {
}
/********************** Footer *********************/


.footer-panel {
	background:#231f20;
	position:absolute;
	bottom:0;
	width:1024px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
.footer-panel .footer {
	height:140px;
	width:1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.footer-panel .footer .text-01 {
	width:auto;
	float:left;
	color:#e6e5b7;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:4px 0 0 10px;
}
.footer-panel .footer .link-01 {
	width:190px;
	float:right;
	padding:1px 0 0 0;
}
.footer-panel .footer .link-01 li {
	float:right;
	padding:0 0 0 10px;
}
.footer-panel .footer .link-01 li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/********************** InnerpGE *********************/
.inner-content {
	background:#ffff;
	width: 1024px;
	margin: auto;
}
.inner-content .list-01 {
	padding:60px 0 30px 0;/*width:1024px;
	margin:0 auto;*/
}
.inner-content .list-01 h3 {
	font-family: 'NeoTechRegular';
	font-size:28px;
	color:#FFF;
	font-weight:normal;
}
.inner-content .list-01 ul {
	padding:20px 0 0 0;
}
.inner-content .list-01 ul li {
	width:123px;
	float:left;
	padding:0 65px 55px 0;
}
.inner-content .list-01 .list-img-01 {
	width:1024;
	height:494px;
	overflow:hidden;
	position: inherit;
	vertical-align: middle;
}
.inner-content .list-01 .img-brd-01 {
	border:1px solid #86857e;
}
.list-name-01 {
	font-family: 'NeoTechRegular';
	font-size:13px;
	color:#FFF;
	padding:14px 0 0 0;
	text-align:center;
}
.list-name-01 a {
	color:#FFF;
}
.list-name-01 a:hover {
	color:#dbdbdb;
}
/********************** Project Commercial *********************/
.inner-content .gallery-panel {
	width:998px;
	margin:0 auto;
}
.inner-content .gallery-panel .gallery-left {
	float:left;
	width:886px;
}
.inner-content .gallery-panel .similarProduct {
	width:886px;
	height:544px;
	display:none;
	padding:0 0 0 0;
	position:relative;
}
.gallery-panel .gallery-left .sld-larg-img-01 {
	width:886px;
	height:544px;
	overflow:hidden;
}
.gallery-panel .gallery-left .img-details-panel {
	position:relative;
}
.gallery-panel .gallery-left .head-01 {
	position:absolute;
	right:67px;
	top:-28px;
	background:url(../images/proj-01.png) no-repeat left top;
	width:191px;
	height:28px;
	text-indent:-9999px;
}
.img-details{
	position:relative;
	background:#e3e2b7;
	padding:5px 0 5px 0;
	height: 100px;
}
.img-details-left {
	padding:2px 17px 10px 55px;
	float:left;
	width:550px;
	font-family: 'NeoTechRegular';
	font-size:13px;
	line-height:20px;
	height: 100px;
}
.img-details-left strong
{	font-family: 'NeoTechBold';
	font-size:13px;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
}
.img-details-right {
	float:left;
	padding:5px 0 10px 13px;
	border-left:1px solid #534e44;
	width:354px;
	color:#231f20;
	font-family: 'NeoTechRegular';
	font-size:13px;
}
.img-details-right .det-list-01 dt {
	padding:0 0 5px 0;
}
.img-details-right .name-01 {
	font-family: 'NeoTechBold';
	font-size:13px;
	padding:0 5px 0 0;
	float:left;
	text-transform:uppercase;
}
.gallery-right {
	float:left;
	width:112px;
}
.inner-content .gallery-panel .thumb-list-01 {
}
.inner-content .gallery-panel .thumb-list-01 .img-brd-02 {
	border:1px solid #f5f4c2;
}
.inner-content .gallery-panel .thumb-list-01 li {
	border:0;
	margin:0;
	padding:0;
	float:left;
	width:110px;
	height:109px;
}
/********************** Reachus *********************/
.goole-mape-01 {
	margin:0 auto;
}
.mape-outer {
	position:relative;
	height:576px;
}
.mape {
	height:576px;
	overflow:hidden;
	float: left;
	clear: left;
	width: 1024px;
}
.mape-text {
	position:absolute;
	left:0;
	top:133px;
	background:url(../images/title-bg.png) repeat-x left top;
	width:295px;
	height:147px;
	font-family: 'Gill Sans MT';
	line-height:26px;
	font-size:14px;
	color:#FFF;
	letter-spacing:1px;
	padding:44px 22px 38px 20px;
}
.mape-text a{
	color:#FFF;
}
.glry_blk {
	width:1024px;
	margin:0 auto;
	position:relative;
}
.slider {
	width:112px;
	height:532px;
	position:absolute;
	right:0;
	top:auto;
}
.slider li img {
	border: 1px solid #F5F4C2;
	cursor:pointer;
}
.slider li img.click
{	border: 1px solid #da1921;
}
.img_pane {
	height:432px;
	width:1024px;
}
/* Easy Slider */
.slider02 {
	width:800px;
	height:432px;
	overflow:hidden;
}
.slider02 ul, .slider02 li {
	margin:0;
	padding:0;
	list-style:none;
}
.slider02, .slider02 li {
	height:432px;
	width:1024px;
}
.slider02 li img {
}
#nextBtn, #prevBtn {
	display:block;
	position:absolute;
	width:60px;
	height:60px;
	top:240px;
}
#nextBtn {
	right:124px;
}
#prevBtn {
	left:10px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
	background:url(../images/btn_prev.png) no-repeat 0 0;
	width:60px;
	height:60px;
	display:block;
	text-indent:-999em;
}
#nextBtn a, #slider1next a {
	background:url(../images/btn_next.png) no-repeat 0 0;
}
.cnt_dtls {
	background:#E3E2B7;
	padding:0 0 30px;
	width:1024px;
	margin:0 auto;
}
.hiddenText
{	display:none;
}
.menuH
{
	width: 730px;
	float:left;
	/*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
    behavior: url("/horizontal/menuh/cssmenu.htc");
	height: 46px;
	position:relative;/*! for IE htc*/
	z-index:4;/*H2*/
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	background-repeat: repeat-x;
	background-position: 0 0;
	margin: 0;
	padding: 0 0 0 50px;
}

.menuH li
{
	/*margin: 0;
    display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
    float: left;
	height: 26px;
	position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.menuH li:hover, .menuH li.onhover
{
    
}

ul.menuH a
{
	line-height: 36px; /*Note: keep this value the same as the height of .menuH and .menuH li */
	font-size: 12px;
	font-weight: normal;
	color: #000;
	display: block;
	outline: 0;
	text-decoration: none;
	padding-top: 5;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	
	
}
.menuH a:hover
{
	
    color: red;
}

.menuH a.arrow
{
	background-image: url(../images/marrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.main-container .header-panel .mnu .nave .menuH ul a.arrow
{
	background-image: url(../images/right.gif);
	background-repeat: no-repeat;
	background-position: 97% center;
	
}
     
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuH li.separator
{
	font-size:0;
	overflow:hidden;
}
               
                
        
/*######sub level###########*/

ul.menuH ul
{
	width:120px;
	position: absolute;
	border-top: 0;
	text-align: left;
	list-style: none;
	margin: 0;
	margin-left:25px;
	padding-top: 1;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 0px;
	left: -9999px;
}
      
.menuH li li
{
	float: none;
	white-space:nowrap;
	height: 26px;
	

}

.menuH li li, .menuH li li
{
	
}
 


.menuH ul a
{
	line-height: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 35px;
}

.menuH ul a:hover
{
    color: red;
}

.menuH li:hover ul, .menuH li.onhover ul
{
	
    left: -25px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li .dropToLeft, .menuH li .dropToLeft
{
	
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
 
}

.menuH li:hover ul ul, .menuH li ul ul ul, .menuH li ul ul ul ul,
.menuH li ul ul, .menuH li ul ul ul, .menuH li ul ul ul ul
{
	
	
    left: 55px;
    top:0;
}

/* Changing Sub menu Width */
.menuH li li:hover ul, .menuH li li li ul, .menuH li li li li ul,
.menuH li li ul, .menuH li li li ul, .menuH li li li li ul
{
	
    left: 55px;
}
        
/*####### special effects ##########*/
        
.decor1 
{
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */
     
}
/* Configure Sub ment Right arrow position */
.menuH ul 
{
	background-image: url(../images/right.gif);
	background-repeat: no-repeat;
	background-position: 10% top;
   
	background-position: 25% -8%;
}
.main-container .header-panel .mnu {
	height: 70px;
	margin-left: 150px;
}


#menuH decor1 > li > a:hover, #menuH decor1 > .active > a {
	color:#6BC7E9
	
}

.nave ul li.active a, .nave ul li a:hover {
	color:#F00;
	
}
.nave ul li li.active a {
	color:#F00;
	
}


.nave ul li.last a { border:0;}
.main-container .header-panel .logo {
	float: left;
	height: 80px;
	width: 140px;
	background-image: url(../images/Logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: -12px;
}
.main-container .Foot {
	vertical-align: bottom;
}
.main-container .header-panel .Sol {
	height: 500px;
	width: 500px;
}
.main-container .header-panel #Sol {
	margin: auto;
	width: 1024px;
	position: absolute;
	top: 196px;
	background-image: url(../images/solution1.jpg);
	background-repeat: no-repeat;
}
.header-panel #AUS {
	margin: auto;
	width: 1024px;
	position: absolute;
	top: 196px;
	background-image: url(../images/aboutus.png);
	background-repeat: no-repeat;
	height: 300px;
}
.header-panel #AUS2 {
	margin: auto;
	width: 1024px;
	position: absolute;
	top: 196px;
	background-image: url(../images/ourbusiness_services.png);
	background-repeat: no-repeat;
	height: 300px;
}

.header-panel #Pro {
	margin: auto;
	width: 1024px;
	position: absolute;
	top: 196px;
	background-repeat: no-repeat;
	height: 300px;
	background-image: url(../images/ourbusiness_products.jpg);
}