*{margin:0; padding:0;}
body{background:url(images/serenitybg.jpg) top left repeat-x #1e1e1e}
img{border:0; text-align:left; vertical-align:top;}
ul{list-style:none;}
.column{float:left;}
.clear{clear:both;}
body{font-family: Arial, helvetica, sans-serif; color: #858585; font-size:0.8125em; line-height:1.23em}
select{color:#7C7E73; vertical-align:top; text-align:left; border: 1px solid #D0D0D0; font:11px Tahoma, Arial, helvetica, sans-serif;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;}
.in15{padding-top:15px;}
.in20{padding-top:20px;}
.in25{padding-top:25px;}



h1{text-indent:-10000px; background: url(images/logo.jpg) top left no-repeat; height:90px; margin:0; padding:0;}

span{ color:#ffffff}

span a{ color:#ffffff; text-decoration:underline}
span a:hover{ text-decoration:none}
b{ color:#aeda00}


a{ color:#aeda00; text-decoration:underline}
a:hover{ text-decoration:none}

.col_1, .col_2, .col_3, .box_1, .box_2, .box_3, .midle{float:left;}

.bg_tall{ background:url(images/serenitybg.jpg) top left repeat-x}



ul{margin:0; padding:0; list-style:none; }
li{ line-height:1.78em}
li a{color:#aeda00; text-decoration:underline}
li a:hover{color:#aeda00; text-decoration:none}


.more{background:url(images/bg_more.jpg)  center left no-repeat; vertical-align:middle; color:#aeda00; text-decoration:underline; padding:9px 0 7px 39px}
.more:hover{ text-decoration:none}


.more1{ color:#aeda00; text-decoration:none; font-weight:bold}
.more1:hover{ text-decoration:underline}


/*-----------------------------------------------------------------------------------------------------------header*/


#header .logo{ height:133px; width:295px; float:left; overflow:hidden;}

#header .logo div{ padding:36px 0 0 17px}
#header .menu{ height:133px; width:485px; float:left}

#header .menu div{ margin:36px 0 0 0px; padding:56px 0 10px 0px}

#header .menu a{ font-weight:bold; color:#FFFFFF; font-size:0.84em; text-decoration:none}
#header .menu a:hover{ text-decoration: underline}

#header .menu .div1{ width:88px; background:url(images/bg_k1.jpg) top left no-repeat; float:left}
#header .menu .div2{ width:78px; background:url(images/bg_k2.jpg) top left no-repeat; float:left}
#header .menu .div3{ width:84px; background:url(images/bg_k3.jpg) top left no-repeat; float:left}
#header .menu .div4{ width:80px; background:url(images/bg_k4.jpg) top left no-repeat; float:left}
#header .menu .div5{ width:74px; background:url(images/bg_k5.jpg) top left no-repeat; float:left}
#header .menu .div6{ width:71px; background:url(images/bg_k6.jpg) top left no-repeat; float:left}

#header .left{ height:279px; width:360px; background:url(images/bg_hed_left.jpg) top left no-repeat; float:left}

#header .left div{ padding:146px 0 0 40px}
#header .right{ height:279px; width:420px; background:url(images/bg_hed_right.jpg) top left no-repeat; float:left}

#header .right .top{ height:103px}

#header .right .top div{ padding:62px 0 0 24px}
#header .right .cen{ height:83px; margin:0 0 0 26px}

#header .right .cen a { color:#ffffff; text-decoration:none; font-size:1.10em}
#header .right .cen a:hover { text-decoration: underline}

#header .right .cen .bg_1{ height:41px; width:25px; background:url(images/bg_1.jpg) top left no-repeat; float:left}
#header .right .cen .tex1{ height:41px; width:344px; float:left}
#header .right .cen .tex1 div{ padding:21px 0 0 14px}

#header .right .cen .bg_2{ height:35px; width:25px; background:url(images/bg_2.jpg) top left no-repeat; float:left}
#header .right .cen .tex2{ height:35px; width:326px; float:left}
#header .right .cen .tex2 div{ padding:10px 0 0 14px}
#header .right .bot{ height:93px}

#header .right .bot a { color:#f6f6f6; text-decoration:none}
#header .right .bot a:hover { text-decoration: underline}
#header .right .bot .k1{ height:51px; width:149px; background:url(images/bg_k_1.jpg) top left no-repeat; float:left}

#header .right .bot .k1 div{ padding:23px 0 0 44px}
#header .right .bot .k2{ height:51px; width:126px; background:url(images/bg_k_2.jpg) top left no-repeat; float:left}

#header .right .bot .k2 div{ padding:23px 0 0 26px}




.bg_color_con{ background:#252525}
/*-----------------------------------------------------------------------------------------------------------content*/

#content{ padding:0 28px 0 38px}

#page1 .col_1{ padding:0 0 20px 0px}

#page1 .col_1 .top{ margin:0 0 0px 0px}
#page1 .col_1 .top p{ margin:24px 0 6px 0px; font-weight:bold; color:#aeda00}
#page1 .col_1 .bot{ height:50px;}

#page1 .col_1 .bot .bg{ width:39px; height:50px; background:url(images/bg_more.jpg) top left no-repeat; float:left}
#page1 .col_1 .bot .bg1{ width:39px; height:50px; background:url(images/bg_about.jpg) top left no-repeat; float:left}
#page1 .col_1 .bot .tex{ width:97px; float:left}
#page1 .col_1 .bot .tex p{ margin:19px 3px 3px 0px}
#page1 .col_1 .bot .tex a{ color:#aeda00; text-decoration:underline}
#page1 .col_1 .bot .tex a:hover{ text-decoration: none}
#page1 .midle{ height: 24px}

#page1 .col_2{ padding:0 0 20px 0px}

#page1 .col_2 .title{ margin:0 0 24px 0px}
#page1 .col_2 b{ color:#aeda00}
#page1 .col_2 span{ color:#ffffff}
#page1 .col_2 p{ margin:6px 0 13px 0px}




#page2 .col_1{ padding:0 0 20px 0px}

#page2 .col_1 .top{ margin:45px 0 0 0px}

#page2 .col_1 .top .title{ margin:0 0 27px 0px}
#page2 .col_1 .top p{ margin:6px 0 18px 0px;}
#page2 .midle{ height: 455px}

#page2 .col_2{ padding:0 0 20px 0px}

#page2 .col_2 .title{ margin:45px 0 23px 0px}
#page2 .col_2 .indent{ margin:0 17px 24px 0px; float:left}
#page2 .col_2 p{ margin:0 0 0 0px}
#page2 .col_2 span{ color:#ffffff}
#page2 .col_2 p{ margin:6px 0 13px 0px}





#page3 .col_1{ padding:0 0 10px 0px}

#page3 .col_1 .top{ margin:45px 0 0 0px}

#page3 .col_1 .top .title{ margin:0 0 26px 0px}
#page3 .col_1 .top p{ margin:6px 0 18px 0px;}
#page3 .col_1 .bot{ height:96px;}

#page3 .col_1 .bot div{ height:96px;}


#page3 .col_1 .bot .left{ width:207px; background:url(images/bg_bot_left.jpg) top left no-repeat; float:left}

#page3 .col_1 .bot .left p{ margin:12px 3px 3px 91px}
#page3 .col_1 .bot .right{ width:207px; background:url(images/bg_bot_right.jpg) top left no-repeat; float:left}

#page3 .col_1 .bot .right p{ margin:12px 3px 3px 99px}
#page3 .midle{ height:330px}

#page3 .col_2{ padding:0 0 20px 0px}

#page3 .col_2 .title{ margin:45px 0 19px 0px}
#page3 .col_2 ul{ margin:0 0 20px 0px}






#page4 .col_1{ padding:0 0 10px 0px}

#page4 .col_1 .top{margin:45px 0 0 0px}

#page4 .col_1 .top .title{ margin:0 0 21px 0px}
#page4 .col_1 .top p{ margin:6px 0 18px 0px;}
#page4 .midle{ height:330px}

#page4 .col_2{ padding:0 0 20px 0px}

#page4 .col_2 .top{ margin:45px 0 0 0px}

#page4 .col_2 .top .title{ margin:0 0 21px 0px}
#page4 .col_2 .top p{ margin:6px 0 18px 0px;}
#page4 .col_2 .bot{ height:111px;}



#page4 .col_2 .bot .left{ width:227px; float:left}

#page4 .col_2 .bot .left ul{ margin:7px 3px 3px 0px}
#page4 .col_2 .bot .right{ width:182px; float:left}

#page4 .col_2 .bot .right ul{ margin:7px 3px 3px 0px}






#page5 .col_1{ padding:0 0 10px 0px}

#page5 .col_1 .top{ margin:45px 0 0 0px}

#page5 .col_1 .top .title{ margin:0 0 21px 0px}
#page5 .col_1 .top .indent{ margin:0 17px 29px 0px; float:left}
#page5 .col_1 .top p{ margin:9px 0 18px 0px;}
#page5 .midle{ height:330px}

#page5 .col_2{ padding:0 0 20px 0px}

#page5 .col_2 .top{ margin:45px 0 0 0px}

#page5 .col_2 .top .indent{ margin:27px 0 26px 0px}
#page5 .col_2 .top p{ margin:0px 0 5px 0px;}




#page6 .col_1{ padding:0 0 10px 0px}

#page6 .col_1 .top{ margin:45px 0 0 0px}

#page6 .col_1 .top .title{ margin:0 0 31px 0px}
#page6 .midle{ height:330px}

#page6 .col_2{ padding:0 0 20px 0px}

#page6 .col_2 .top{ margin:45px 0 0 0px}

#page6 .col_2 .top .title{ margin:0px 0 17px 0px}
#page6 .col_2 .top .indent{ margin:0px 15px 20px 0px; float:left}
#page6 .col_2 .top p{ margin:6px 0 5px 0px;}





#page7 .col_1{ padding:0 0 10px 0px;}

#page7 .col_1 .top{ margin:45px 0 0 0px}

#page7 .col_1 .top p{ margin:19px 0 12px 0px}
#page7 .midle{ height:330px;}






/*-----------------------------------------------------------------------------------------------------------footer*/
#footer{ height:98px; background:url(images/bg_foot.gif) top left repeat-x}

#footer div{ height:98px}
#footer .left{ width:689px; float:left}

#footer .left a{ color:#7d7d7d; text-decoration:none}
#footer .left a:hover{ text-decoration: underline}
#footer .left p{ margin:31px 0 0 38px}
#footer .right{ width:91px; float:left}

#footer .right .indent{ margin:30px 0 0 0px}





.input1{
   background:#252525;
   border:1px solid #727272;
   width:244px; height:20px;
   color:#858585;
   font-family:Arial;
   font-size:0.95em;
   margin:0 0 9px 0px
}

textarea{
   background:#252525;
   border:1px solid #727272;
   width:244px; height:80px;
   overflow:auto;
   font-family:Arial;
   font-size:0.95em;
   color:#858585;
   margin:0 0 13px 0px}


.indent_textarea{ margin:0 12px 0 170px}

element{ }