@charset "utf-8";
/* CSS Document */
/*-----------ganeral---------*/
body{ background:url(../images/bg.png) no-repeat center #FFFFFF; color:#000; width:100%; background-position:top; padding:0px; margin:0px;}
td, tr, br, h1, h2, h3, h4, h5, h6, a, ul, li , p, input{ padding:0px; margin:0px;}
ul{ padding:0px; margin:0px; list-style-type:none; text-decoration:none;}
a{ padding:0px; margin:0px; text-decoration:none; border:0px;}
/*-----------ganeral---------*/
.clear{ clear:both; font-size:0; line-height:0;}
.logo{ float:left; margin:0 0px 0 59px; border:0px;}
#twitter_bird{ background:none; color:#000000; width:128px; height:128px; float:left; margin:137px 0 0 -140px;}
#contantplace_holder{ background:#FFFFFF; color:#000000; width:1000px; font:normal 12px/14px Arial, Helvetica, sans-serif; padding:0px; margin:0px auto;}
#baner_holder{ background:none; color:#000000; width:1000px; height:269px;}
#baner_left{ background:url(../images/baner_left.jpg) no-repeat 0 0; width:653px; height:269px; float:left;}
#baner_right{ width:347px; height:269px; background:url(../images/baner_right.jpg) no-repeat 0 0; color:#FFFFFF; float:left;}
#navi_holder{ background:url(../images/navi_holder.png) no-repeat 0 0; color:#000000; width:1000px; height:78px;}
#navi_holder ul{ background:none; color:#00FF00; padding:4px 0 0 110px;} 
#navi_holder ul li{ background:url(../images/navi_li_end.png) no-repeat 100% 0; color:#00FF00; padding:33px 22px 0 4px; float:left; overflow:hidden;} 
#navi_holder ul li.no{ background:none; color:#00FF00; padding:33px 22px 0 4px; float:left; overflow:hidden;} 
#navi_holder ul li a{ background:none; color:#00acd6; padding:10px 0px 10px 17px; font:normal 14px/16px Arial, Helvetica, sans-serif;}
#navi_holder ul li a:hover{ background:url(../images/navi_left.png) no-repeat 0% 60%; color:#00acd6; padding:10px 0px 10px 17px; font:normal 14px/16px Arial, Helvetica, sans-serif;} 
#navi_holder ul li a span{ background:none; color:#00acd6; padding:10px 17px 10px 0px; font:normal 14px/16px Arial, Helvetica, sans-serif; line-height:38px;}
#navi_holder ul li a:hover span{ background:url(../images/navi_right.png) no-repeat 100% 0; color:#00acd6; padding:10px 17px 10px 0px; font:normal 14px/16px Arial, Helvetica, sans-serif; line-height:38px;}

#js_top{ width:153px; height:25px; background:none; color:#FFFFFF; margin:75px 0 5px 22px; font:normal 22px/24px Arial, Helvetica, sans-serif;}
#js{ width:188px; height:104px; background:#cff4fd; color:#000000; margin:5px 0 0 22px;}
#baner_contant{ background:url(../images/header_contant.png) no-repeat 0 0; color:#000000; height:316px; width:1000px;}
#baner_contant2{ background-image:url(../images/body-bgt.jpg); color:#000000; height:175px; width:1000px; margin:0px 0 0 0px;}
#orenge{ width:171px; height:52px; background:url(../images/orangr_box.png) repeat-x 0 0; color:#FFFFFF; float:left; margin:0 9px 0 142px;}
#blue{ width:171px; height:52px; background:url(../images/blue_box.png) repeat-x 0 0; color:#FFFFFF; float:left; margin:0 9px 0 0;}
#green{ width:171px; height:52px; background:url(../images/green_box.png) repeat-x 0 0; color:#FFFFFF; float:left; margin:0 9px 0 0;}
#gray{ width:171px; height:52px; background:url(../images/gray_box.png) repeat-x 0 0; color:#FFFFFF; float:left; margin:0 9px 0 0;}

#orenge h1{ background:none; color:#FFFFFF; text-align:center; padding-top:16px; font:bold 17px Arial, Helvetica, sans-serif;}
#blue h1{ background:none; color:#FFFFFF; text-align:center; padding-top:16px; font:bold 17px Arial, Helvetica, sans-serif;}
#green h1{ background:none; color:#FFFFFF; text-align:center; padding-top:16px; font:bold 17px Arial, Helvetica, sans-serif;}
#gray h1{background:none; color:#FFFFFF; text-align:center; padding-top:16px; font:bold 17px Arial, Helvetica, sans-serif;}
#graphic{ width:851px; height:75px; background:none; color:#FFFFFF; float:left;}
#graphic h1{ background:none; color:#FFFFFF; font:normal 47px/49px "Eras Light ITC"; padding:25px 0 0 237px;} 
#graphic b{ background:none; color:#FFFFFF; font:normal 47px/49px "Eras Medium ITC"; padding:0px 0 0 5px;}   


.click_box{ background:none; color:#000000; width:171px; height:133px; margin:47px 9px 0 0; float:left;}
#click_box{ background:none; color:#000000; width:171px; height:133px; margin:47px 9px 0 142px; float:left;}
#pancile{ width:85px; height:144px; background:url(../images/pancile.png) no-repeat 0 0; color:#000000; float:right; margin:-8px 56px 0 -3px;}


#body_contant{ background:url(../images/body_holder2.png) no-repeat 0 0; color:#000000; width:1000px;}
#body_box_holder{ width:900px; background:none; color:#000000; margin:0px 0 0 52px;}
.body_box1{ background:none; color:#000000; width:280px; float:left; margin:25px 0 0 0;}
.body_box1 h1{ background:none; color:#00ade0; font:normal 48px/50px "Eras Light ITC"; padding-left:15px;}
.body_box1 h4{ background:none; color:#000000; font:normal 24px Arial, Helvetica, sans-serif; padding:0 0 28px 50px;}
.body_box1 h5{ background:none; color:#000000; font:normal 11px/13px Arial, Helvetica, sans-serif; padding:5px 15px 0 15px; text-align:justify;}
.body_box{ background:url(../images/box.png) repeat-y 0 0; color:#000000; width:280px; float:left; margin:25px 0 0 0;}
.body_box h1{ background:none; color:#609c17; font:normal 48px/50px "Eras Light ITC"; padding-left:15px;}
.body_box h2{ background:none; color:#f58220; font:normal 48px/50px "Eras Light ITC"; padding-left:15px;}


.body_box h4{ background:none; color:#000000; font:normal 24px Arial, Helvetica, sans-serif; padding:0 0 28px 50px;}
.body_box h5{ background:none; color:#000000; font:normal 11px/13px Arial, Helvetica, sans-serif; padding:5px 15px 0 15px; text-align:justify;}


#footer{ width:100%; color:#000000; height:76px; background:url(../images/footer.png) repeat-x 0 0;}
#footer_holder{ background:url(../images/footer_holder.png) no-repeat 0 0; color:#000000; height:76px; width:1000px; margin:0px auto;}
#iconholder{ width:144px; height:23px; background:none; color:#000000; float:left; margin:38px 0 0 98px;}
.icon{ float:left; border:0px; margin:0 2px 0 2px;}
#footer_text{ background:none; color:#000000; margin:44px 0 0 40px; float:left; width:360px; font:normal 11px/13px Arial, Helvetica, sans-serif;}
#footer_text a{ background:none; color:#000000; font:normal 11px/13px Arial, Helvetica, sans-serif; text-decoration:none;}
#footer_text a:hover{ background:none; color:#000000; font:normal 11px/13px Arial, Helvetica, sans-serif; text-decoration:underline;}

/*js*/


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
/*cursor: hand;*/
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


#homeNARList {width:188px; height:100px; clear:both; float:left; margin-left:-10px; padding-top:2px;}
#homeNARCarousel {width:188px;height:100px;float:left; overflow:hidden;}

#slider-stage {width:171px; overflow:hidden; height: 100px; margin-left:1px; float:left; position:relative;}
#slider-list {width: 188px; border: 0; margin: 0; padding: 0; left: 0px; position: absolute; overflow:hidden;}
#slider-list a.theme {list-style: none; margin: 0; padding: 0; border: 0; margin-right:2px; float: left; width: 171px; height: 100px; position:relative; cursor:pointer; text-decoration:none; overflow:hidden;}
#slider-list a.theme:hover {}
#sliderBloc {height:100px; width:1000px; overflow:hidden;}
#sliderBloc a#previous, #sliderBloc a#next {background:url(../images/left_btn.jpg) no-repeat left top; float:left; text-indent:-9999px; cursor:pointer; width:16px; height:100px; margin:0px 2px 0 0;}
#sliderBloc a#next {background:url(../images/right_btn.jpg) no-repeat left top;	margin:0px 0 0 2px;}
#sliderBloc a#previous:hover, #sliderBloc a#next:hover {background-position:left top;}