#jobs{
	width:980px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	font-family:Arial, Helvetica, sans-serif
}

.photo-header{ width:980px; height:497px; list-style:none;}

.photo-header li { display:none }

.photo-thumb{ height:58px; padding:30px 30px 66px 0px; position:relative }
.photo-thumb a{ display:inline-block; width:81px; height:49px; position:relative; cursor:pointer; margin-right:5px }

.photo-thumb a.prev{ width:11px; height:16px; position:absolute; left: 32px; top:37px; display:block }
.photo-thumb a.next{ width:11px; height:16px; position:absolute; right: 80px; top:37px; display:block }


.photo-thumb img.activeImg{
	-moz-box-shadow: 0 0 2px 2px #C2D8EE;
	-webkit-box-shadow: 0 0 2px 2px #C2D8EE;
	box-shadow: 0 0 2px 2px #C2D8EE; 
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
	 border-radius: 5px 5px 5px 5px; 
}


.hidden{ display:none }


.photo-thumb a span.bg {
    background: none repeat scroll 0 0 #D3E9FF;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.4;
	filter: alpha(opacity = 40);
    position: absolute;
    width: 100%;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
	 border-radius: 5px 5px 5px 5px; 
	display:none
}

.content-wrapper { min-height:0px !important }

.jb-body-wrapper{
	width:100%;
	border-top:1px solid #CCC;
	background-color:white
}


.jobsL{ float:left; width:350px }


.jb-body{ background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0 50px 42px;
    position: relative;
    width: 980px; 
}

.jb-nav ul{ list-style:none;   }
.jb-nav ul li{ float:left }
.jb-nav ul li a {
    background: url("../images/v5/nav.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 1.3em;
    height: 42px;
    text-decoration: none;
	width:150px
}

.jb-nav ul li a:hover, .jb-nav ul li a.active{ background-position:0 -42px }

.jb-nav ul li a span{ visibility:hidden }

.jb-nav ul li a.jb-about{ width:133px; background-position:-150px 0 }
.jb-nav ul li a.jb-about:hover , .jb-nav ul li a.jb-about.active{ background-position:-150px -42px }


.jb-nav ul li a.jb-atmo{ width:189px; background-position:-283px 0 }
.jb-nav ul li a.jb-atmo:hover, .jb-nav ul li a.jb-atmo.active{ background-position:-283px -42px }


.jb-nav ul li a.jb-welfare{ width:222px; background-position:-472px 0 }
.jb-nav ul li a.jb-welfare:hover, .jb-nav ul li a.jb-welfare.active{ background-position:-472px -42px }

.jb-nav ul li a.jb-ways{ width:160px; background-position:-694px 0 }
.jb-nav ul li a.jb-ways:hover, .jb-nav ul li a.jb-ways.active{ background-position:-694px -42px }


.jb-content {
    display: inline;
    float: left;
    width: 980px;
	font-family:Arial, Helvetica, sans-serif;
}

.jb-content  h2{ padding:5px 0 15px 0; font-size:16px }

ul.position {
    list-style: none outside none;
	width:266px;
	float:left
}

.position li a {
	color: #06C;
	display: block;
	font-size: 1.3em;
	height: 27px;
	padding: 21px 0 10px 0px;
	width: 350px;
	text-decoration: none;
	border-bottom: 2px dotted #E5E5E5;
	font-weight: bold;
	cursor: pointer;	
}

.position li a:hover{ background-position: 0 -36px; color:#F30 }


ul.position ol {
    list-style: none outside none;
    padding: 16px 0 25px;
	display:none;
	line-height:1.4;
	list-style-image: url("http://www.atiz.com/bookdrive-capture/images/bl.gif");
}

ul.position ol li { margin:0 0 6px 15px; width:290px }
ul.position ol li.skill { list-style:none !important; margin-left:0 !important; font-weight:bold; font-size:1.1em }


.position ol li.head-skill {
	list-style:none !important; margin-left:0 !important; 
    margin-top: 15px !important;
}


.atiz-team{
	float:right;
	width:300px;
	padding:45px;
	background-color:#E9E9E9;
	margin-right:40px
}



.jb-body .jb-nav ul li a:hover , .jb-body .jb-nav ul li a.active { color:#cc0000; background-position:0 -36px;  }

.u-we{ padding-top:20px }


.info {
    clear: both;
    color: #000000;
    font-size: 13px;
    line-height: 2.7;
    padding-bottom: 20px;
    padding-top: 60px;
    text-align: center;
    width: 350px;
}

.c-section{ display:none }

.atiz-project .pj {
    margin-bottom: 20px;
    overflow: hidden;
}

.pro {
}


.pj{ clear:both; overflow:hidden }



.jsb h3, .atiz-team h3 {
	padding:25px 0 10px;
	font-size:1.3em;
	color:#000
}



.swoof {
    padding-top: 20px;
	margin-top:20px
}


.no-padding-left{ padding-left:0 !important }

.about-atiz p.fix {
    width: 950px;
}

.about-atiz p, .ways p, .jobs-box p, .atiz-project p, .vision p, .atmo p {
    margin-bottom: 0.625em;
}

 .lauce, .nick, .news-week, .red-hurr , .nia  {
	text-align:center;
	margin-right:27px;
	margin-bottom:85px;
	float:left;
	display:inline;
	
}

.atmo .img {
    display: inline;
    float: left;
    padding-top: 20px;
    width: 980px;
}

.ways ol li { width:300px; float:left; display:inline; margin:0 40px 50px 0 }
.ways ol li.lc{ margin-right:0 }
.ways ol li h6 { font-size:1.1em; margin-bottom:10px }
.ways ol li .w-img{ text-align:center; margin-bottom:25px }

.bg-bottom{
	/*background: url("../images/v2/bg-bottom.jpg") no-repeat scroll 0 0 transparent;*/

    height: 20px;
    width: 979px;
	margin:0 auto;
	clear:both;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color:#FFF;
	margin-left:5px
}

.u-we{
			 background-color: #FFFFFF;
    margin: 0 auto 0 5px;
    width: 979px;
		}
		
		.u-we h4{
			color:#cc0000;
			font-size:1.4em;
			margin-bottom:20px
		}
		
		
		.u-we p{  
			font-size: 1.4em;
			line-height: 1.6;
			text-align: center;	
		}
		
		.u-we .u{
			background: url("../images/v2/border.jpg") no-repeat 455px center;
		}
		
		.u-we .u h4{ padding-left:60px }
		.u-we .v h4{ padding-left:25px }
		
		.u-we .u , .u-we .v{ 
			display: inline;
			float: left;
			padding: 40px 20px 70px;
			width: 430px;
		}


/* atmo */

ul.img{ clear:both; list-style:none }
ul.img li {
    float: left;
    margin-right: 8px;
    padding-bottom: 14px;
    width: 481px;
}
ul.img li span{ display:block; text-align:center; line-height:1.2; width:481px }

.youtube{ float:right; display:inline }
.youtube p {
    line-height: 1.4;
    margin: 20px auto;
    text-align: center;
    width: 285px;
}

.reward{ clear:both; padding-top:50px }

.welfare img{ float:left; display:inline; margin-right:65px  }
.welfare ol{ float:left; display:inline; padding-top:6px }
.welfare ol li{ margin-bottom:8px; font-size:1.2em }