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

body{
padding:0px;
margin:0px;
background-color:#FFFFFF;
}
.cl {
clear:both;
}
#main {
width:860px;
padding:0 0 0 0;
margin:0 auto;
}
#banner {
width:860px;
padding:0 0 0 0;
margin:0 auto;
}
#mainbg {
width:860px;
padding:0 0 0 0;
margin:0 auto;
}
#left {
padding:0 0 0 0 ;
margin:0;
float:left;
width:200px;
}
#right {
padding:0 0 0 0 ;
margin:0;
float:right;
width:660px; min-height:460px;
/*background:url(../image/bbb.png) repeat-y;
background-position:left;
}
#footer {
width:860px;
padding:0 0 0 0;
margin:0 auto;
}

#Container{
width:871px;
height:auto;
margin: 0 0 0 0;
background-color:#FFFFFF;

}
#top-bar{
width:994px;
height:25px;
margin: 0 auto;
background-color:#e4e4e4;
padding:0px;
}


#extea{
float:left;
width:600px;
}


.top-menu ul{
padding:0;
margin-top:5px;
list-style-type:none;
width:400px;
float:right; 
}

.top-menu ul li{
width: auto;
padding-left:7px;
padding-right:7px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#013f51;
list-style:none;
text-decoration:none;
}

.top-menu ul li a{
width: auto;
padding-left:7px;
padding-right:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#013f51;
text-decoration:none;
list-style:none;
}
.top-menu ul :hover > a{
width: auto;
padding-left:7px;
padding-right:7px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#035aae;
text-decoration:none;
list-style:none;
}


#logo{
background:url(../images/logo.jpg);
background-repeat:no-repeat;
width:250px;
height:76px;
float:left;
border:0px;
}
#search{
width:600px;
float:right;
height:31px;
padding-top:20px;
margin-right:50px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #0282a6;
}

#search-left{
float:left;
height:31px;
background:url(../images/search_left.jpg);
background-repeat:no-repeat;
width:20px;
border:0px;

}
#search-right{
float:left;
/*height:31px;
background:url(../images/search_right.jpg);
width:32px;
background-repeat:no-repeat;
border:0px;*/
}
#search-mid{
float:left;
height:31px;
background-color:#b9bcbd;
width:182px;

}
.form{
background-color:#b9bcbd;
width:182px;
height:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#ffffff;
border:1px solid #b9bcbd;
}


.main_content{
margin:0 0 0 0;
width:871px;
height:25px;
padding:0px 0 1px 0;
background-color:#FFFFFF;
float:left;

}

/*---------------- menu----------------------*/
.menu {font-size:10px;padding:0px 0px 0 0px; float:left; width:871px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0 0 0 0px;margin:0;list-style-type:none; }

/* style the sub-level lists */
.menu ul ul {width:871px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;line-height:25px; background:url(../images/maimbut_1.png); background-repeat:no-repeat; width:123px; height:25px; border-right:1px solid #ffffff; padding:0 0 0 0;}

.menu li a.current{ background: url(../images/maimbut_1hover.png) no-repeat 0 0; width:114px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; display:block; color:#fff;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:25px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;color:#000000; text-align:center; width:123px; height:25px; line-height:22px; }

.menu a.current{ background:url(../images/maimbut_1.png); background-repeat:no-repeat; width:123px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; padding:0 0 0 0px;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background: #bdbdbd; border-bottom:1px #CCCCCC solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff;height:100%;line-height:10px;padding: 5px 5px; }
.menu ul table ul a, .menu ul table ul a:visited  {width:100px; w\idth:100px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:10px; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#028db5;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#028db5;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background-color:#028db5;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background-color:#028db5;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff; background:url(../images/maimbut_1hover.png); background-repeat:no-repeat; width:123px; height:25px; }
menu :hover > a {color:#fff;background-color:#00a9d2;}
/* second */
.menu ul ul a:hover{color:#fff;background-color:#00a9d2; background-image:none; height:10px; width:123px;}
.menu ul ul :hover > a {color:#fff;background-color:#00a9d2;}
/* third */
.menu ul ul ul a:hover {background-color:#00a9d2;}
.menu ul ul ul :hover > a {background-color:#00a9d2;}
/* fourth */
.menu ul ul ul ul a:hover {background-color:#00a9d2;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0;width:125px; z-index:999;}

/* position the third level flyout menu */
.menu ul ul ul{left:120px;top:0;width:123px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-123px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:22px; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

#extra{
height:7px;
}


#left-area{
width:200px;
height:auto;
float:left;



}


#mid-area{
width:593px;
height:auto;
float:left;



}

#right-area{
width:200px;
height:auto;
float:left;

}
#info-pic{
background:url(../images/info_links.jpg);
width:272px;
height:31px;
float:left;
margin-left:6px;
background-repeat:no-repeat;
}


.info_links ul{
padding:0;
margin:0;
list-style-type:none; 
}

.info_links ul li{
width:278px;
float:left;
line-height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#013f51;
margin-left:6px;
list-style:none;
text-decoration:none;
}

.info_links ul li a{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#013f51;
margin-left:6px;
text-decoration:none;
list-style:none;
}
.info_links ul :hover > a{
width:278px;
float:left;
line-height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#926802;
margin-left:6px;
text-decoration:none;
list-style:none;
}

#heading{
float:left;
width:587px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#025773;
padding-bottom:10px;
padding-left:6px;
}

#text{
float:left;
width:580px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
font-weight: normal;
color:#000000;
line-height:20px;
padding-right:7px;
padding-left:6px;
}

.heading1{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#926802;
}
.heading2{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#926802;
width:266px;
margin-left:8px;
margin-right:10px;
margin-top:20px;
margin-bottom:10px;
text-align:left;
line-height:20px;
}

#quote-pic{
float:left;
margin-left:23px;

}

#line{
width:994px;
height:2px;
background-color:#101010;
float:left;
}

/*.footer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
width:994px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
 float:left;
}
*/

#footer1{
width:196px;
float:left;

}

#footer2{
width:200px;
float:left;
}

.footer-menu{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
line-height:25px;
text-decoration:none;
padding-top:7px;

}

.footer-menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

.footer-menu a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#013f51;
text-decoration:none;
}

.ban {
padding:10px 0 0 0;
margin:0;
width:871px;
height:180px;
}
.l {
width:120px;
height:50px;
}

.m {
padding:0 0 0 0;
margin:0;
width:600px;
height:200px;
}
.m h5 {
padding:0 0 10px 0;
margin:0;
background:url(../image/pix.PNG) repeat-x;
background-position:bottom;
}
.name {
width:150px;
height:20px;
padding:15px 0 0 0;
margin:0;
float:left;
font:bold 14px Tahoma;
color:#156198;
}
.nameu {
width:100%;
padding:10px 0 0 0;
margin:0;
float:left;
font:bold 14px Tahoma;
color:#156198;
}
.list {
padding:0 0 0 0 ;
margin:0;
width:100%;
float:left;
background:url(../image/bbb.png) repeat-y;
background-position:right;
}
.list ul {
padding:20px 0 0 25px ;
margin:0;
width:200px;
}
.list ul li {
padding:0 0 0 0 ;
margin:0;
font:normal 12px Tahoma;
color:#333333;
list-style-image:url(../image/01.png);
}
.list ul li a {
padding:0 0 0 0 ;
margin:0;
font:normal 12px Tahoma;
color:#333333;
list-style-image:url(../image/01.png);
text-decoration:none;
}
.list h1 {
padding:15px 0 0 0;
margin:0;
width:157;
height:42px;
}
.list h2 {
padding:2px 0 0 0;
margin:0;
width:157;
height:39px;
}
.info {
padding:0 0 0 0;
margin:0;
width:100%;
}
.info ul {
padding:10px 0 0 25px ;
margin:0;
width:100%;
}
.info ul li {
padding:0 0 0 0 ;
margin:0;
font:normal 12px Tahoma;
color:#333333;
list-style-image:url(../image/rightarrow.JPG);
}
.info ul li a {
padding:0 0 0 0 ;
margin:0;
font:normal 12px Tahoma;
color:#333333;
list-style-image:url(../image/rightarrow.JPG);
text-decoration:none;
}
.namer {
width:535px;
height:20px;
padding:15px 0 0 0;
margin:0;
float:right;
font:bold 18px Tahoma;
color:#156198;
text-align:right; text-transform:uppercase;
}
.atext {
padding:30px 0 0 10px;
margin:0;
font:normal 12px Tahoma;
color:#333333;
text-align:justify;
line-height:17px;
}
.atext span{
padding:0 0 0 0;
margin:0;
font:bold 14px Tahoma;
color:#000000;
}
.infot {
padding:0 0 5px 0;
margin:0;
width:660px;
float:right;
}
.fast {
width:400px;
padding:0 0 0px 0;
margin:0 auto;
font:normal 12px Tahoma;
color:#000000;
}
.2nd {
padding:0px 0 0 0;
margin:0;
background:url(../image/banner_4.png) repeat-x;
height:1px;
background-color:#666666;
z-index:100;
}
.fast3 {
width:400px;
padding:0px 0 0 0;
margin:0 auto;
font:normal 12px Tahoma;
color:#000000;
}
.fast3 a {
width:400px;
padding:0px 0 0 0;
margin:0 auto;
font:normal 12px Tahoma;
color:#000000;
text-decoration:none;
}
.cgx {
padding:10px 0 0 0;
margin:0;
font:bold 12px Tahoma;
color:#000000;
}
.cgx2 {
padding:0px 0 0 0;
margin:0;
font:bold 11px Tahoma;
color:#000000;
}
.abtext {
padding:10px 0 0 0px;
margin:0;
font:normal 12px/18px Tahoma;
color:#333333;
text-align:justify;
line-height:17px;
}
.abtext span{
padding:0 0 0 0;
margin:0;
font:bold 14px Tahoma;
color:#000000;
}
.atextpic {
padding:30px 0 0 10px;
margin:0 auto;
width:206px;
height:101px;
}
.iframe {
padding:10px 0 0 0;
margin:0;
width:660px;
height:400px;
}

.atextc {
padding:20px 0 0 10px;
margin:0;
font:normal 12px Tahoma;
color:#333333;
text-align:justify;
line-height:18px;
}
.atextc span{
padding:0 0 0 0;
margin:0;
font:bold 14px Tahoma;
color:#333333;
}
.abtexti {
padding:0px 0 20px 0px;
margin:0;
font:normal 12px/18px Tahoma;
color:#333333;
text-align:justify;
line-height:17px;
}
.abtexti ul {
padding:0px 0 10px 20px;
margin:0; line-height:20px;
}
.abtexti ul li {
padding:0px 0 0px 0px;
margin:0;
font:normal 12px/20px Tahoma;
color:#333333;
height:auto;
text-align:justify;
list-style-image:url(../image/arrow.PNG);
}
.atext ul {
padding:0 0 0 20px;
margin:0;
}
.atext ul li{
padding:0 0 0 0 ;
margin:0;
font:normal 12px Tahoma;
color:#666666;
list-style-image:url(../image/arrow.PNG);
}
.atext h1 {
width:120px;
height:135px;
padding:10px 0 0 100px;
margin:0 auto;
font:normal 12px Tahoma;
color:#666666;
float:left;
}

.spacer{
  line-height:0; height:0; clear:both;
}
.spacer5{
  line-height:0; height:5px; clear:both;
}
.spacer20{
  line-height:0; height:20px; clear:both;
}
.enquiry h3{
  background:#eae9e9; padding:5px; font:bold 13px/18px Tahoma;
}
.labelname{
 margin:0; background:#f5f4f4; padding:5px 5px 5px 0; text-align:right; font:normal 12px/16px Tahoma;
}
.bcolor{
  background:#f9f9f9;
}
.inptbg{
  background:#fff; padding:5px;
}
.textinpt{
  border:1px inset #aca899; height:80px; width:200px; resize:none; padding:3px; margin:0;
  font:normal 11px Tahoma; color:#000000; margin:0 0 0 5px; float:left;
}
.inputinpt{
  border:1px inset #aca899; height:20px; width:150px; resize:none; padding:3px; margin:0;
  font:normal 11px Tahoma; color:#000000; margin:0 0 0 5px; float:left;
}
.inputinpt1{
  border:1px inset #aca899; height:20px; width:100px; resize:none; padding:3px; margin:0;
  font:normal 11px Tahoma; color:#000000; margin:0 0 0 5px; float:left;
} 
.inputinpt2{
  border:1px inset #aca899; height:20px; width:60px; resize:none; padding:3px; margin:0;
  font:normal 11px Tahoma; color:#000000; margin:0 0 0 5px; float:left;
}
.selectinpt{
  border:1px inset #aca899; height:25px; width:90px; resize:none; padding:3px; margin:0;
  font:normal 11px Tahoma; color:#000000; margin:0 0 0 5px; float:left;
}
.selectinpt1{
  border:1px inset #aca899; height:25px; width:160px; resize:none; padding:3px; margin:0;
  font:normal 11px Tahoma; color:#000000; margin:0 0 0 5px; float:left;
}
.sendme{
  font:normal 11px/18px Tahoma; margin:0 0 0 5px;
}
.submitbtn{
  background:url(../image/submit.png) no-repeat; width:101px; height:39px; border:none; cursor:pointer;
}