/* CSS Document */

body{background-color:#a8e3f2; background-position:top; margin:0px; padding:0px; font-family:arial; font-size:11px; font-weight:normal; color:#414141;}
p,h1,h2,h3,h4,h5,form,ul,li,img{margin:0px; padding:0px; text-indent:inherit;}
img{vertical-align:top;}
a img{border:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
html, input, textarea{font-family:arial; font-size:12px; color:#333333;}
input{background-color:#ffffff; border:1px solid #A1A1A1; width:130px; font-family:arial; font-size:12px; font-weight:normal; color:#666666;}

/* ============================= main layout =========================== */

#mainbody{width:1000px; margin:0px auto; padding:0px; background-image:url(../images/body-bg2.gif); background-repeat:repeat-y;}
#mainbody .body-bac2{background:url(../images/body-bg3.gif) no-repeat top; width:1000px; overflow:hidden;}
#mainbody .body-bac3{background:url(../images/body-bg4.gif) no-repeat bottom; width:1000px; height:153px;}
#maincontent{width:884px; margin:0px auto; padding:0px;}

/* ========= header ======== */

#header { width:884px; height:284px; margin:48px 0 0 0px;}
#header .headerleft{width:446px; height:284px; float:left;}
#header .headerright{width:438px; float:right;}
#header .headerright .menu{width:438px; height:74px; float:right; margin:0px; padding:0px;}
#header .headerright .rightflash{width:438px; height:210px; float:right; margin:0px; padding:0px;}


/* ========= body_contant ======== */

#bodycontant { width:884px; margin:0px auto; background:url(../images/middle_repeat_y.gif) repeat-y;}
#bodycontant #innbodycontant { width:884px; background:url(../images/middle_norepeat_top.gif) no-repeat top;}
#bodycontant #innbodycontant #innbodycontanttop { width:884px; overflow:hidden;}
#bodycontant #innbodycontant #innbodycontantbottom { width:884px;}
#leftpannel { float:left; width:257px; padding:0 0 0 7px;}
.left_box_main { background:url(../images/left_box_repeaty.gif) repeat-y; width:215px;}
.left_box_main .left_box_top { background:url(../images/left_box_top.gif) no-repeat top; width:215px;}
.left_box_main .left_box_bottom { width:215px; padding:0px; margin:0px;}
.leftbox_tarea { width:200px; margin:0px auto;}


#rightpannel { float:left; width:620px;}
#rightpannel h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5e5d5d;}
#uld_1 { width:193px; float:left;}
/*#uld_1 ul { list-style:none; padding:20px 0 0 4px; line-height:18px;}
#uld_1 ul li { background-image:url(../images/bullet1.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 14px;}*/

#uld_2 { width:200px; float:left;}
/*#uld_2 ul { list-style:none; padding:20px 0 0 4px; line-height:18px;}
#uld_2 ul li { background-image:url(../images/bullet1.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 14px;}*/

ul.new { list-style:none; padding:20px 0 0 4px; line-height:18px;}
ul.new li { background-image:url(../images/bullet1_new.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 14px; margin:8px 0 0px 0px;}


.sub_button_1 { border:0px; background-image:url(../images/submit_btn_new.jpg); height:21px; width:62px; margin:10px 0 0 130px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.sub_button_2 { border:0px; background-image:url(../images/submit_btn.jpg); height:20px; width:60px; margin:0px 0 0 2px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background-position:bottom; vertical-align:top;}
.sub_button_3 { border:0px; background-image:url(../images/submit_btn_new.jpg); height:21px; width:62px; margin:10px 0 0 320px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

/* ========= text ======== */

.text1{font-family:Myriad Pro; font-size:21px; font-weight:bold; color:#5e5d5d;}
.text2{font-family:Myriad Pro; font-size:21px; font-weight:bold; color:#604c2f;}
.text3{font-family:arial; font-size:12px; font-weight:bold; color:#6D7A7D;}
.text4{font-family:Myriad Pro; font-size:15px; font-weight:bold; color:#6D7A7D;}
.text5{font-family:Myriad Pro; font-size:12px; font-weight:bold; font-style:italic; color:#2E87A7;}
.text6 { font-family:"Myriad Pro"; font-size:28px; color:#8db200;}
.text7 { font-family:"Myriad Pro"; font-size:28px; color:#8db200; font-weight:bold;}
.text8 { font-family:"Myriad Pro"; font-size:28px; color:#3f5e73;}
.text9 { font-family:"Myriad Pro"; font-size:28px; color:#3f5e73; font-weight:bold;}
.text10 { font-family:"Myriad Pro"; font-size:15px; color:#4b4d4c; text-decoration:none; font-weight:bold;}
.text10:hover { text-decoration:none;}
.text11 { font-family:"Myriad Pro"; font-size:25px; color:#4b4d4c; text-decoration:none;}
.text12 {font-family:Myriad Pro; font-size:12px; font-weight:bold; font-style:italic; color:#2E87A7;}


/* ========= footer ======== */

.foter_part_1 { width:215px; float:left; margin:0 6px 0 0px;}
.foter_part_1 .foter_top1 { width:215px; height:43px; background-image:url(../images/foter_par_top1.gif); background-repeat:no-repeat;}
.foter_part_1 .foter_top2 { width:215px; height:43px; background-image:url(../images/foter_par_top2.gif); background-repeat:no-repeat;}
.foter_part_1 .foter_top3 { width:215px; height:43px; background-image:url(../images/foter_par_top3.gif); background-repeat:no-repeat;}
.foter_part_1 .foter_top4 { width:215px; height:43px; background-image:url(../images/foter_par_top4.gif); background-repeat:no-repeat;}
.foter_part_1 .foter_middle1 { width:215px; background-image:url(../images/foter_par_repeaty.gif); background-repeat:repeat-y;}
.foter_part_1 .foter_middle1 ul { list-style:none; padding:0px 0 0 13px;}
.foter_part_1 .foter_middle1 ul li { background-image:url(../images/bullet2.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 10px; line-height:18px;}

.foter_part_1 .foter_bottom1 { width:215px; height:27px; background-image:url(../images/foter_par_bottom2.gif); background-repeat:no-repeat;}


.footer_text1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
.footer_text2 { font-family:"Myriad Pro"; font-size:12px; color:#FFFFFF; text-decoration:none; text-align:center; padding:2px 0 0 0px;}
.footer_text3 { font-family:"Myriad Pro"; font-size:12px; color:#FFFFFF; text-decoration:none; text-align:center; padding:1px 0 0 0px;}
.footer_text4 { font-family:"Myriad Pro"; font-size:13px; color:#FFFFFF; text-decoration:none;} 
.footer_text4:hover {text-decoration:underline;}


/* ============================= case_stydy =========================== */

#header_inn { width:884px; margin:48px 0 0 0px; background:url(../images/middle_repeat_y.gif) repeat-y; overflow:hidden;}
#header_inn .header_left_main {width:446px; overflow:hidden; float:left;}
#header_inn .header_left_main .headerleft_inn{width:446px; height:229px; background:url(../images/inn_head_left1.jpg) no-repeat top;}
#header_inn .header_left_main .headerleft_inn_bottom {width:446px; overflow:hidden;}
#header_inn .headerright_inn{width:438px; float:right; vertical-align:top;}
#header_inn .headerright_inn .menu_inn{width:438px; height:74px; float:right; margin:0px; padding:0px;}
#header_inn .headerright_inn .righttop_inn{width:438px; float:right; background:url(../images/inn_head_right1.jpg) no-repeat top; margin:0px; padding:0px; clear:both;}



/* ========case_stydy left_pannel========= */
.inn_case_leftpannel {padding:10px 0 0 20px; clear:both;}
.inn_case_leftpannel h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#84AD2D;}
.inn_case_leftpannel {padding:10px 0 0 20px; clear:both;}
.inn_case_leftpannel h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#84AD2D;}


/* =========case_stydy right_pannel========= */
.inn_case_rightpannel {width:600px; overflow:hidden; margin:0px 0 0 0px;}
.inn_case_rightpannel h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#84ad2d; margin:5px 0 0 0px;}
.inn_case_rightpannel h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5e5d5d;}

.inn_case_rightpannel_1 { width:550px; background-color:#dcdcda; padding:2px 0 4px 5px; margin:10px 0 0 0px; overflow:hidden;}
.inn_case_rightpannel_1 h3{ font-family:"Myriad Pro"; font-size:18px; color:#6b92a6;}

.inn_case_rightpannel_2 { width:550px; margin:10px 0 0 0px; overflow:hidden;}
.inn_case_rightpannel_2 h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5e5d5d;}
.inn_case_rightpannel_3 { width:550px; margin:30px 0 0 0px; overflow:hidden;}


/* =======case study text======= */

.cs_text1 { font-family:"Myriad Pro"; font-size:28px; color:#3f5e73; font-weight:bold;}
.cs_text2 { font-family:"Myriad Pro"; font-size:18px; color:#84ad2d;}
.cs_text3 { font-family:"Myriad Pro"; font-size:18px; color:#766246;}
.cs_text4 { font-family:"Myriad Pro"; font-size:12px; color:#548198; text-decoration:none; font-weight:bold;}
.cs_text4:hover { text-decoration:none;}

/* ======== case study ul&li ========= */

.inn_case_leftpannel ul {list-style:none; padding:10px 0 0 0px; line-height:20px;}

.inn_case_leftpannel ul li{ background:url(../images/bullet3_cs.gif) no-repeat; background-position:top left; padding:0 0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5e5d5d;}

/* ======== case study para ========== */

.cs_para1 { width:550px; font-family:"Myriad Pro"; font-size:14px; color:#373737; text-align:justify; margin:10px 0 0 0px;}


/* ============================= our_blog =========================== */

.inn_blog_leftpannel {padding:10px 0 0 20px; clear:both;}


/* ============================= contact =========================== */

.inn_contact_leftpannel {padding:10px 0 0 20px; clear:both;}

.inn_contact_rightpannel {width:500px; overflow:hidden;}
.inn_contact_rightpannel h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#84ad2d; margin:0px 0 0 0px;}
.inn_contact_rightpannel .form_div { width:500px; overflow:hidden; margin:0 0 20px 0px;}
.inn_contact_rightpannel .form_div .form_main { overflow:hidden;}
.inn_contact_rightpannel .form_div .form_inn { margin:10px 0px 0 0px; width:200px; float:left; overflow:hidden;}
.inn_contact_rightpannel .form_div .form_inn1 { margin:10px 0px 0 0px; width:390px; float:left; overflow:hidden;}
.inn_contact_rightpannel .form_div .form_inn2 { margin:10px 0px 0 0px; width:90px; float:left; overflow:hidden;}
..form_div p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}


/* ============================= photo gallery =========================== */

.gallery_body_top { width:884px; overflow:hidden;}
.gallery_body_top .gallery_body_top_left {width:606px; float:left; padding:0px 0 20px 50px;}

.gallery_body_bottom { width:730px; overflow:hidden; margin:0px auto; padding:10px 0 0 0px;}
.gallery_body_bottom .gallery_body_bottom_text { width:730px; overflow:hidden; margin:10px 0 0 0px;}
.gallery_body_bottom .gallery_body_bottom_text .bottom_text_left {width:398px; float:left; overflow:hidden; clear:both;}

.bottom_text_left .inn_left { width:200px; float:left; text-align:left; overflow:hidden; clear:both;}
.bottom_text_left .inn_right { width:196px; float:left; text-align:left; overflow:hidden; border-left:2px solid #525252;}


.bottom_text_left ul { list-style:none; padding:0 0 0 40px;}
.bottom_text_left ul li {line-height:20px; margin:8px 0 0 0px; }

.gallery_body_bottom .gallery_body_bottom_text .bottom_text_right {width:310px; float:left; text-align:left; margin:10px 0 0 15px; overflow:hidden; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-size:11px; line-height:18px;}

.gallery_text1 {font-family:Myriad Pro; font-size:15px; font-weight:bold; color:#2092d2; line-height:16px;}


/* ============================= all inner page =========================== */

#innbodycontant_inner { width:884px;}
#innbodycontanttop1 { width:884px; overflow:hidden;}
#innbodycontantbottom1 { width:884px;}