@charset "utf-8";
/* CSS Document */
/*-------------global---------------*/
.bold{ font-weight:bold;}
.f-left{ float:left}
.f-right{ float:right;}
.italic{ font-style:italic;}
.clear{ clear:both;}
.thumb1{ border:1px solid #F0F0F0; padding:7px; margin:0 10px 0 0; float:left; background:#FFFFFF}
.thumb2{ border:1px solid #F0F0F0; padding:7px; margin:0 0px 0 10px; float: right; background:#FFFFFF}
.sp20{ height:20px}
img{ border: none}
.orenge{ background:#e79d58;}
.line{ background: url(../images/line.jpg) repeat-x; height:2px; margin:5px 0; padding:0;}
.line1{ background: url(../images/line1.jpg) repeat-x; height:1px; margin:5px 0; padding:0;}
.border1{ border:1px solid #999; padding:5px}
.thumb{ margin:0 10px 10px 0; padding:0; float:left;}
/*-------------more---------------*/
.more{ width:50px;  margin:0; padding:5px 10px; background:#343434; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.more a{ text-decoration:none; color: #FFF; font-size:13px; font-weight:bold; }
.more a:hover{ text-decoration: underline; color: #FFF; font-size:13px;}
/*-------------body---------------*/
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) repeat}
/*-------------container-----------------*/
#container{ margin:0 auto; padding:0; width:1000px; height:auto; overflow:hidden; background:#FFF}
/*-------------logo-----------------*/
#logo{ margin:0px  auto; padding:10px 0 0 0; width:958px; height:160px; background:url(../images/logo.jpg) no-repeat right}
#name{ width:320px; height:34px; margin:52px 0 0 364px; padding:0}
#logo p{ margin:0; padding:75px 0 0 0; color:#646a9e; font-size:14px;}

/*-------------top_nav-----------------*/
#top_nav{ margin:0; padding:5px 0 0 30px; width:970px; height:58px; background:url(../images/nav_bg.jpg) no-repeat}
#top_nav ul{margin:0; padding:0px 0 0 0px;}
#top_nav li{margin:0px 0; padding:0px 0px; display: block; float:left;  font-size:16px; color:#FFF; }
#top_nav li a{margin:0; padding:7px 25px; display: block; float:left; text-decoration:none;color: #FFF;}
#top_nav li a:hover{margin:0; padding:7px 25px  ; display: block; float:left; text-decoration:none;color: #F90; background:#3b416f}
#top_nav li .active{margin:0; padding:7px 25px  ; display: block; float:left; text-decoration:none;color: #F90;background:#3b416f}


/*-------------wraper-----------------*/
.wraper{ margin:0; padding:20px;overflow:hidden; }
.side_left{ width:222px; height:auto; margin:0; padding:0;}
.side_left .box{ height:auto; margin:0; padding:20px;}
.side_left h1{ margin:0; padding:0 0 15px 0; font-size:18px; color:#000; font-weight:bold}
.side_left h2{ margin:0; padding:10px 0; font-size:14px; color: #FFF; font-weight:bold}
.side_left p{ margin:0; padding:5px 0; font-size:12px; color: #FFF; font-weight: normal}

.side_right{ width:715px; height:auto; margin:0; padding:0;}
.side_right .box{ width:215px; height:198px; margin:0 30px 0 0; padding:0px; overflow:hidden;}
.side_right h1{ margin:0; padding:0; font-size:28px; color:#000; font-weight:bold}
.side_right h2{ margin:0; padding:10px 0; font-size:14px; color: #df5155; font-weight:bold; text-transform:uppercase}
.side_right p{ margin:0; padding:5px 0; font-size:12px; color: #666; font-weight: normal}
/*-------------column_350-----------------*/
.column_350_outer{ width:350px; margin:0; padding:0px; height:auto; overflow:hidden;}

.column_350{ margin:13px 0; padding:5px 10px; height:auto; overflow:hidden; background:#EFEFEF}
.column_150{ width:150px; margin:10px 8px 10px 0; padding:5px 10px 20px 10px; height:auto; overflow:hidden; /* background: url(../images/shadow.jpg) no-repeat bottom#F0CBA2*/ float:left;border-bottom:1px dotted #999}

/*-------------list1-----------------*/

.list1{ margin:0; padding:0; }
.list1 ul{ margin:0; padding:0; }
.list1 li{ margin:20px 0; padding:0 0 0 20px; display:block; background:url(../images/arow.jpg) no-repeat left; color: #333; font-size:14px; }
/*-------------news-----------------*/
#news{ width:205px; height:180px; overflow:hidden; background:url(../images/line.jpg) repeat; padding:10px; margin:0;}
.date{ width:50px; height:50px; background:#FF9933; color:#FFF; font-size:26px; font-weight:bold; text-align:center; margin:0 10px 10px 0}
.date span{ font-size:12px; font-weight:normal}
#news h2{padding:0px; margin:0; color:#333b3c; font-size:14px; font-weight:bold; width:100px; text-align:left; text-transform:uppercase}
#news p{padding:0px; margin:0; color:#333b3c; font-size:11px; line-height:20px}
/*-------------bottom_box-----------------*/
#bottom_box{ margin:0; padding:0;}
#bottom_box ul{ margin:0; padding:0;}
#bottom_box li{ margin:0 26px 0 0; padding:0; display: inline; width:220px; height:345px; float:left;}
#bottom_box li:last-child{  margin:0 0px 0 0; padding:0; display: inline; width:220px; height:345px; float: right;}
#bottom_box img{ margin:0; padding:0; border:8px solid #e3e3e3}
#bottom_box h2{ margin:0; padding:10px 0; font-size:15px; color: #333; font-weight:bold}
#bottom_box p{padding:10px 0; margin:0; color:#333b3c; font-size:11px; line-height:18px}

/*-------------footer-----------------*/
#footer{ margin:0; padding:10px 0; width:100%; height: auto; overflow:hidden; background:/* url(../images/footer_bg.jpg)repeat*/ #3b416f}
#footer h1{ margin:0; padding:10px 0 0 0; color:#FFF; font-size:18px; font-weight:normal}
#footer p{ margin:0; padding:5px 0; color:#FFF; font-size:12px; font-weight:normal}

#footer .content{ margin:0 auto; padding:10px 0 0 0; width:1000px; height: auto;  font-size:12px; }
#footer ul{margin:0; padding:0px 0 0 0px; text-transform: capitalize; width:200px; height: auto}
#footer li{margin:3px 0; padding:0px 0 0 0px; display: block;  font-size:12px; font-weight: normal; color: #CCC }
#footer li a{margin:0; padding:0px 0px; display: block; text-decoration:none;color: #FFF;}
#footer li a:hover{margin:0; padding:0px 0px  ; display: block; text-decoration:none;color: #999;}
#footer .copy{ margin:10px 0 0 0; padding:0; width:290px;color: #FFF;}
#footer .design{ margin:10px 0 0 0px; padding:0; width:262px;color: #FFF;}
#footer .location{ margin:0; padding:0; width:305px; height:150px; }

#footer .box{ margin:0 30px 0 0; padding:0px 0 0 0; width:200px; height: auto;}

/*-------------social-networking-----------------*/

ul#social-networking{
	margin:0px 0 0 0px;
	text-align:center;
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
	font-size:12px; width: auto;
	
}
#social-networking h1{ font-size:18px; color: #CCC; margin:5px 10px 0 0; padding:0; font-weight:normal}
#social-networking li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(../images/social_icon.png)no-repeat;
}
#social-networking li, #social-networking a {
    width: 31px;
    height: 31px;
    display: block;
    float: left; margin:0 3px 0 0
}
ul#social-networking li.twitter {background-position: -36px 0px;}
ul#social-networking li.facebook {background-position: 0px 0px;}
ul#social-networking li.linkedin {background-position: -107px 0px;}
ul#social-networking li.google {background-position: -72px 0px;}

ul#social-networking li:hover{opacity:0.6;}
/*-------------slider-----------------*/
#slider_outer{ margin:0 auto; padding:18px 0 0 13px; width:962px; height:352px; background:url(../images/slider.jpg) no-repeat }
/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:330px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:38px;
		height:46px;
		position: relative;
		left:0px;
		top:-195px;
		}	
	#nextBtn{ 
		left:913px;
		top:-243px
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:38px;
		height:46px;
		background:url(../images/arow_left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/arow_right.png) no-repeat 0 0;	
		}												

/* // Easy Slider */