@charset "utf-8";
body { padding: 0px; margin:0px;  font-family:Arial, Helvetica, sans-serif;}

.main-page-bg { background:url(../images/page-bg.jpg) left top repeat-x; }
.inner-page-bg { background:url(../images/inner-page-bg.jpg) left top repeat-x; }

/* Main Structure and Global */

#main { width:1000px; overflow:hidden; margin:0px auto; }
p { margin:0px; padding:0px; }
ul { list-style:none; padding:0px; margin:0px;}
.mar-t10 { margin-top:10px;}
h1 { font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#353535; padding:0px 0px 10px 0px; margin:0px;  padding-left:0px; }
.blue-color { color:#014f7e;}
.pad-t10 { padding-top:10px;}
.pad-t8 { padding-top:8px;}
.pad-t15 { padding-top:15px;}
.pad-t20 { padding-top:20px;}
.content { font-size:14px;  color:#030303; font-weight:normal; line-height:21px;}
.content-green { color:#80d200; font-size:14px; font-weight:bold; }
.content a { font-size:14px; font-weight:normal; color:#014f7e; text-decoration:underline; }
.content a:hover { font-size:14px; font-weight:normal; color:#014f7e; text-decoration:#000000; }
.subtitle { font-size:16px; font-weight:bold; color:#014f7e;}
.point-list { padding-top:3px;}
.point-list li { background:url(../images/blue-arrow.png) left 5px no-repeat; padding-left:25px; margin-top:7px; font-size:14px; font-weight:normal; line-height:20px;}

.point-order { padding-top:3px; margin:0px;}
.point-order li {  margin-top:8px; font-size:14px; font-weight:normal; line-height:20px;}
.country-list { }
.country-list li {  padding-left:20px; font-size:14px;  color:#030303; font-weight:normal; padding-top:10px;  float:left; width:110px; color:#002c6e;  }
.clr {clear:both;}
.point-out { font:normal 12px Arial, Helvetica, sans-serif; color:#F00;}

.contact-textfield { width:220px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; border:solid 1px #666; background-color:#F8F8F8; }
/* Header */

#header { height:101px; background:url(../images/header-bg.jpg) center top no-repeat;  }
.logo { float:left; padding:21px 0px 0px 28px; }
.followus { float:right; padding:10px 20px 0px 0px; }
.followus p { margin:0px 0px 10px 0px; padding:0px; font:normal 14px  Arial, Helvetica, sans-serif; color:#5f5f5f;  }

/* Navigation */

#navigation {  height:50px;}
/* #navigation ul { list-style:none; padding:0px; margin:0px;}
#navigation ul li { list-style:none; float:left;  margin-left:20px; height:32px; padding-top:18px; color:#FFF;}
#navigation ul li a { font:normal 14px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#navigation ul li a:hover { font:normal 14px Arial, Helvetica, sans-serif; color:#80d200; text-decoration:none;} */
.req-quote { margin:0px 0px 0px 122px; }


/* Banner */

#banner { margin-top:3px;}


#contentarea { overflow:hidden; padding-top:8px;}


/* Middle Content Area */
.middle-content { float:left; width:655px; padding-top:10px; padding-left:30px; }
.middle-content-inner { float:left; width:670px; padding-top:10px; padding-left:30px; }
.middle-content-home { float:left; width:595px; padding-top:10px; padding-left:30px; }


/* Right Side */

.rightside { width:313px; padding-left:50px; float:left; padding-top:10px; overflow:hidden; }
.dotted-border {  padding-bottom:10px; background:url(../images/dotted-bdr.png) left bottom repeat-x; }
.section-title {   padding-left:30px;background:url(../images/right-section-title-icons.png) left 4px no-repeat; font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#323232; padding-bottom:10px; }
.section-content { background:url(../images/remote-support-img.png) left 10px no-repeat; padding:10px 0px 45px 130px;   }
.rightside .point { background:url(../images/blue-arrow.png) left no-repeat; padding-left:20px; }
.rightside .point a { font:bold 16px Arial, Helvetica, sans-serif; color:#01507f; text-decoration:underline;}
.rightside .point a:hover{ font:bold 16px Arial, Helvetica, sans-serif; color:#01507f; text-decoration:none;}
.rightside .point-text {padding-left:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none; padding-top:3px; }
.rightside .devider {  padding-bottom:10px; background:url(../images/dotted-bdr.png) left bottom repeat-x; display:block; padding-top:2px; }

.right-box { overflow:hidden;}

.rightside-inner { width:270px; padding-left:40px; float:left; padding-top:10px; overflow:hidden; }
.rightside-inner .point { background:url(../images/blue-arrow.png) left no-repeat; padding-left:20px; }
.rightside-inner .point a { font:bold 16px Arial, Helvetica, sans-serif; color:#01507f; text-decoration:underline;}
.rightside-inner .point a:hover{ font:bold 16px Arial, Helvetica, sans-serif; color:#01507f; text-decoration:none;}
.rightside-inner .point-text {padding-left:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none; padding-top:3px; }
.rightside-inner .devider {  padding-bottom:10px; background:url(../images/dotted-bdr.png) left bottom repeat-x; display:block; padding-top:2px; }

.rightside-inner .section-content { padding:10px 0px 45px 105px; }



.section-content-1 { padding:10px 0px 45px 0px;  overflow:hidden;  }
.section-content-1 ul{ padding:0px; margin:0px; list-style:none; padding-left:3px;   }
.section-content-1 ul li{ padding:0px; margin:0px;  float:left; padding:5px; }


.section-services { padding:10px 0px 45px 0px;  overflow:hidden;  }
.section-services ul { }
.section-services ul li { background:url(../images/blue-border-bottom.gif) left bottom repeat-x;  padding-top:2px; padding-bottom:6px; }
.section-services ul li a { background:url(../images/green-arrow.png) left no-repeat; padding-left:20px; font:normal 13px Arial, Helvetica, sans-serif; color:#015585; text-decoration:none;  }
.section-services ul li a:hover {color:#000; }

.section-services ul li ul { padding-left:25px; padding-top:6px; }
.section-services ul li ul li { background:none;  padding-top:2px; padding-bottom:6px; }
.section-services ul li ul li a { background:url(../images/green-arrow.png) left no-repeat; padding-left:20px; font:normal 13px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;  }
.section-services ul li ul li a:hover {color:#000; text-decoration:underline;}

.active { color:#039 !important; font-weight:bold !important;}
.active-main { color:#000 !important; font-weight:bold !important;}



/* Footer */

#footer { background:url(../images/footer-bg.jpg) left top repeat-x; overflow:hidden; }
.footer-content { width:1000px; margin:0px auto; }

/* Services Columns */

.services-column { width:288px; float:left; overflow:hidden; padding-top:75px; background:url(../images/bottom-section-saprator.png) right 75px no-repeat; }
.service-title { width:27px; float:left; }
.service-list { float:left; }
.service-list ul { padding:0px; margin:0px 0px 0px 20px; }
.service-list ul li { padding:5px 0px 5px 0px; margin:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#28478a; background:url(../images/blue-border-bottom.gif) left bottom repeat-x; }
.service-list ul li a{  color:#28478a; text-decoration:none; }
.service-list ul li a:hover{  color:#28478a; text-decoration:underline; }
/* contact Columns */

.contact-column { width:280px; float:left; overflow:hidden; padding-top:75px; padding-left:25px; background:url(../images/bottom-section-saprator.png) right 75px no-repeat; }
.contact-address { padding-top:10px;}
.contact-title { font:bold 19px Arial, Helvetica, sans-serif; color:#585858; background:url(../images/icon-contact.png) left no-repeat; padding-left:40px; height:28px; padding-top:4px;  }
.contact-label { font:bold 12px Arial, Helvetica, sans-serif; color:#000000; }
.contact-text { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; }
.contact-text a { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; }
.contact-text a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }

/* contact Columns */

.getintouch-column { width:370px; float:left; overflow:hidden; padding-top:75px; }
.getintouch-title { float:right; width:23px; padding-left:20px; }
.getintouch-form { float:left;  padding-left:20px;}
.getintouch-textfiled { background-color:#cacaca; border: solid 1px #9b9b9b;}
.width220px { width:220px;}
.btn-submit { background:url(../images/button-bg.gif) left top repeat-x; border:solid 1px #333945; color:#FFF; font:bold 12px Arial, Helvetica, sans-serif; height:25px; }
.copyright-text { font:normal 11px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; padding-top:20px; padding-bottom:10px; }

/* PhotoGallery */


#slideshow { position:relative; height:91px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

#slideshow1 { position:relative; height:91px; }
#slideshow1 IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow1 IMG.active { z-index:10; opacity:1.0; }
#slideshow1 IMG.last-active { z-index:9; }


.scroller {position:relative;
     margin:25px;
     overflow:hidden;
     width:267px;
     height:200px;
     }
	 
.portfolio { margin-right:8px; margin-left:8px}
.portfolio {margin:10px 10px 20px 10px; padding:0px; float:left}
.portfolio ul {margin:0px; padding:0px;}
.portfolio ul li {margin:0px; padding:0px 0px 5px 0px; list-style:none; font-weight:bold; text-align:center}
.portfolio ul li img {border:1px solid #f1f1f1; padding:5px}
.portfolio ul li img:hover {border:1px solid #29A1D6; padding:5px}
.portfolio ul li a:hover {text-decoration:none}

.control-highlight-bg { background:url(../images/main-banner-link-bg.png) bottom center no-repeat; overflow:hidden;}



/*  slide show fir inner */

#slider {
    width: 1000px; /* important to be same as image width */
    height: 157px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.des { display:none !important;}