/* CSS Document */
* { margin: 0; padding: 0; outline: 0; }
.body { width:auto; height:auto }

body { margin: 0 ; padding: 0 ; background:#FFFFFF  ; font-family: 'Open Sans', sans-serif; color:#333 !important; }

h1 { float:left; text-align:left; width:auto; line-height:40px; border-bottom:2px solid #A90C0B; font-size:24px; color:#A90C0B; font-weight:normal;}
h { float:right; text-align:left; width:100%; line-height:40px; font-size:18px; color:#A90C0B; font-weight:normal; margin:0px 0px 0px 0px}
f { float:left; text-align:center; width:100%;color:#FFF; font-weight:normal; margin:30px 0px 0px 0px;font-size:14px}

p { float:left; width:95%; height:auto; margin:10px 0px 10px 0px; padding:0px; line-height:20px; font-size:14px; color:#333; font-weight:normal;}
span1 { font-weight:bold; color:#1E4F56; font-size:18px}
p a { float: right; text-align:left; color:#1E4F56; font-size:14px; text-decoration:none;}
p a:hover { color:#333;}
p1 { float:left; font-size:12px; font-weight:normal; color:#FFF; text-align: left ; line-height:18px; margin:-3px 10px 0px 3px; padding:0px;}


h2 { float:left; text-align:left; width:96%; line-height:40px; background:#A90C0B; font-size:18px; color:#FFF; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; -webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px;}
im { float:right; margin:5px 0px 5px 0px ; pading:0px;}

.main{ width:AUTO; height: auto; margin:0px  auto;font-family: 'Open Sans' , color:#333 !important;}
.width85{width:85%;margin:0 auto;}
/***TOP***/
.top { float:left; width:100%; height:120px; margin:0 auto}
.header-wrapper{width:85%; margin:0 auto;}
/***LOGO***/
.logo { float:left;}
/***LOGO***/
.logo-info{width:80%;float:left; margin-bottom:15px;}
.logo{width:20%;float:left}

/***NAV***/
.nav { font-family:Verdana, Arial, Helvetica, sans-serif; float:right; width:auto; height:45px; margin:0; padding:0px;}
.nav ul { float:right; margin:0px; padding:0px; list-style:none;}
.nav ul li { float:right; width:auto; height:65px; margin:0px 0px 0px 0px; padding:0px;}
	.nav ul li a {  height: 55px; margin:0px 30px 0px 30px; padding:10px 0px 0px 0px; text-align: center; color:#fff; font-weight: normal; font-size:16px; text-decoration:none; display:block;}
.nav ul li a:hover { color:#F00;}
.selected{color: #F00 !important;}
.navg ul li.about { float:right; width:auto; margin:0px 0px 0px 0px; padding:0px; line-height:65px; text-align:center; background-color:#F00}
.navg ul li.about:hover { background-color:background-color:#900; text-align:center;}

.navg ul li.inquire { float:right; width:auto; margin:0px; padding:0px; line-height:65px; text-align:center; background-color:#F00 no-repeat top;}
.navg ul li.inquire:hover { background-color:#900: no-repeat top; text-align:center;}

.navg ul li.contect { float:right; width:auto; margin:0px; padding:0px; line-height:65px; text-align:center; background-color:#F00 no-repeat top;}
.navg ul li.contect:hover { background-color:#900: no-repeat top; text-align:center;}
/***NAV***/

/****Midal Page****/
.midal { width:85%; height:auto; margin:0 auto 0 auto; padding:0px; }

/***MAIN-LEFT***/
.main-left {  width:60%; float:left;min-height: 400px}

/***Ma-left***/
.ma-left { float:left; width:60%; min-height:400px; margin:-30px 0px 20px 60px; padding:0px;}
/***2 MAIN-LEFT***/
.main_left, .main_left1 { float:left;margin-top:40px; min-height:400px;width:180px;padding:0px;}
.ma_left { float:left; width:25%; min-height:400px;margin-top:40px;}
.targetDiv p{font-size:15px; float:left;}
 .targetDiv li{font-size:15px;}
  .targetDiv strong{margin-top:10px;}
.targetDiv p, .targetDiv h2{width:100%;}
.inquiry-table td{width:180px;}
.inquiry-table input[type="text"],textarea,select{font-family : Arial, Verdana, sans-serif;

  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #A3050A;
   }
.inquiry-table input[type="text"],textarea,select
{
  height:18px;
  width:190px;
  border : 1px solid #A3050A;
  background-color : #C6C6C6;
     
  
}
.inquiry-table textarea{width:190px;height:90px}
.inquiry-table select{width:200px;height:90px}

.r_f { float:left;width:24%;height:auto;margin:0;padding:0 }

.inq-btn{   width:80px;
   height:30px;
   ;
 }

.inquiry-table{	}
.inquiry-table tr{float:left; padding:5px;clear:both;}
.inquiry-table{margin-top:10px;float:left; min-height:400px;}
/***BANNER***/
.banner { float:left; width:auto; height:auto; margin:0px; padding:0px;}
.inq-btn:hover{background:#A0050C;color:white}
.slider { width: auto; height:auto; border: 0px solid #dbdbdb; position: relative; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.slider .item { position: relative; width: 100%; height: 330px; }
.slider .item img { position: absolute; top:0;left:0; z-index: 1; }
/***BANNER***/
.current{background:#fff !important; color:red !important;}

/***Partners***/
.partners { float:left; width:75%; height:auto; margin:20px 0px 0px 0; padding:0px;}

/***Partners***/


/*four_icon*/
.four_icon { margin:10px 0px 0px 0px;; float:left; width:830px; height:100px; border:0px solid #1E4F56;}

/********Scroll******/
.simply-scroll-container { position: relative;float:left;}

/* Clip DIV - automatically generated */
.simply-scroll-clip { position: relative;overflow: hidden;}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { overflow: hidden;margin: 0;padding: 0;list-style: none;float:left;}
	
.simply-scroll-list li {padding: 0;margin: 0px 0px 0px 0px;list-style: none;float:left;}
	
.simply-scroll-list li img {border: none;display: block;}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { width:auto;height:100px; }

/* Clip DIV */
.simply-scroll .simply-scroll-clip {width:830px;height: 100px; margin:0;}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {float: left; /* Horizontal scroll only */
width: auto;height: auto;margin:0px 10px 0px 0px; padding:0px 0px 0px 0px;}
/********Scroll******/



/***MAIN-LEFT***/

/***MAIN-RIGHT***/
.main-right { float:right; width:40%; position:relative}
/***MA-RIGHT***/
.ma-right { float:left; width:auto; height: auto; margin:-20px 0px 0px 10px; padding:0px;}
.ma_right { float:left; width:auto; height: auto; margin:-150px 0px 0px 950px; padding:0px;}
/***MAIN_RIGHT***/
.mainf { width:1024px; height:auto }
.main_center { float:left; width:460px; height: auto; margin:0 0px 0 0 ; padding:0px;}
.main_right { float:left; width:150px; height: auto; margin:0px 0px 0px 0px; padding:0px;}



/***MAIN-RIGHT***/


.footer { background:url(../Copy%20of%20header.png) repeat-x center bottom; float:left; width:100%; height:auto; margin:0 auto 0 auto; padding:0px; }

/***Header***/
.head { background:url(../Copy%20of%20header.png) repeat-x center top ; float:right; width:100%; height:100px; margin:0 auto 0 auto; padding:0px; }

.news { float:right; width:22% ; height:170px; border:1px solid #FF0000; background:#B5050F;}

@media(max-width:1290px)

@media(max-width:1290px)
{	
.midal, .header-wrapper, .width85{width:90%;}
}

@media(max-width:1230px)
{	
.midal, .header-wrapper, .width85{width:95%;}
}

@media(max-width:1160px)
{	
.midal, .header-wrapper, .width85{width:100%;}
}
@media(max-width:1110px)
{	
.main-left{width:50%;}
.banner, .jcarousel-clip{width:100% !important;}

}
@media(max-width:1110px)
{	
.main-left{width:50%;}
.banner, .jcarousel-clip{width:100% !important;}

}

@media(max-width:960px)
{	
.main-left{width:100%;}
.main-right{width:100%; height:335px;}
}
.main_right { float:left; width:75%; height: auto; padding:0px;} .simply-scroll-clip, .simply-scroll, .four_icon{width:100% !important;}

">@media(max-width:1290px)

@media(max-width:1290px)
{	
.midal, .header-wrapper, .width85{width:90%;}
}

@media(max-width:1230px)
{	
.midal, .header-wrapper, .width85{width:95%;}
}

@media(max-width:1160px)
{	
.midal, .header-wrapper, .width85{width:100%;}
}
@media(max-width:1110px)
{	
.main-left{width:50%;}
.banner, .jcarousel-clip{width:100% !important;}

}
@media(max-width:1110px)
{	
.main-left{width:50%;}
.banner, .jcarousel-clip{width:100% !important;}

}

@media(max-width:960px)
{	
.main-left{width:100%;}
.main-right{width:100%; height:335px;}
}
.main_right { float:left; width:75%; height: auto; padding:0px;} .simply-scroll-clip, .simply-scroll, .four_icon{width:100% !important;}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 635px;
    height: 350px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 635px;
    height: 350px;
    position: relative; /*IE6 PNG fix with link inside*/
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
/*
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
*/