/*  ------------------------------------------------------------
		#main
	------------------------------------------------------------  */
#main-container{
	width:100%;
}

#main{
	width:1024px;
	margin:0 auto;
}

#main section{
	width:950px;
	margin:0 0 0 37px;
	padding:150px 0 0 0;
	color:#666;
}

#main section h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.8em;
	padding:0 0 48px 0;
}



/*  ------------------------------------------------------------
		#main-content
	------------------------------------------------------------  */
#main-content{
	width:950px;
	padding:0 0 60px 0;
}

#main-content .inner{
}

#main-content .topArea{
	width:950px;
	padding:0 0 30px 0;
}

#main-content .topArea .imgArea{
	width:539px;
	float:left;
}

#main-content .topArea .imgArea .img{
	margin:0 0 2px 0;
}

#main-content .topArea .imgArea .img ul{
	width:539px;
	height:343px;
	position:relative;
	overflow:hidden;
}

#main-content .topArea .imgArea .img li{
	width:539px;
	height:343px;
	position:absolute;
	left:0;
	top:0;
	background:#000 url(../img/img_loader.gif) no-repeat 50% 50%;
}

#main-content .topArea .imgArea .img li.sub{
	display:none;
}

#main-content .topArea .imgArea .nav{
	width:539px;
	height:48px;
}

#main-content .topArea .imgArea .nav ul{
	float:left;
}

#main-content .topArea .imgArea .nav li{
	width:48px;
	height:48px;
	margin:0 2px 0 0;
	float:left;
	cursor:pointer;
}

#main-content .topArea .imgArea .nav li.prev{
	background:#fff url(../img/prev.png) no-repeat 17px 12px;
}

#main-content .topArea .imgArea .nav li.next{
	background:#fff url(../img/next.png) no-repeat 18px 12px;
}

#main-content .topArea .imgArea .nav li:hover{
	background-color:#e6e6e6;
}

#main-content .topArea .imgArea .nav p{
	font-family: 'Oswald', sans-serif;
	font-size:1.6em;
	color:#666;
	width:439px;
	height:48px;
	line-height:48px;
	background:#fff;
	float:right;
	position:relative;
}

#main-content .topArea .imgArea .nav p span{
	position:absolute;
	right:17px;
}

#main-content .topArea .txtArea{
	width:360px;
	float:right;
	margin:0 0 0 17px;
}

#main-content .topArea .txtArea p{
	color:#575757;
	font-size:1.3em;
	padding:0 0 22px 0;
}




#main-content .links{
	width:950px;
}

#main-content .links h2{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	padding:0 0 25px 0;
}

#main-content .links ul{
	width:950px;
}

#main-content .links li{
	width:311px;
	margin:0 5px 0 0;
	float:left;
}

#main-content .links li.career{
	margin:0;
}

#main-content .links li div a{
	font-family: 'Oswald', sans-serif;
	width:311px;
	height:75px;
	line-height:75px;
	display:block;
	font-size:1.8em;
	color:#666;
	border:1px #efefef solid;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

#main-content .links li.form div a{
	text-indent:100px;
	background:#FFF url(../img/icon_form.png) no-repeat 36px 21px;
}

#main-content .links li.pos div a{
	text-indent:115px;
	background:#FFF url(../img/icon_pos.png) no-repeat 36px 21px;
}

#main-content .links li.career div a{
	text-indent:110px;
	background:#FFF url(../img/icon_career.png) no-repeat 36px 21px;
}


#main-content .links li p{
	font-size:1.1em;
	padding:10px 0 0 0;
	text-indent:3px;
}



/*  ------------------------------------------------------------
		CSS3 rollover
	------------------------------------------------------------  */
/*
.csstransitions #main-content .links li div a{
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
*/
#main-content .links li div a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}




/*  ------------------------------------------------------------
		CSS3 transform 3d
	------------------------------------------------------------  */
	
/*.csstransforms3d #main section{
	-webkit-transform-style: preserve-3d;
    -webkit-perspective: 1200;
    -moz-transform-style: preserve-3d;
    -moz-perspective: 1200;
	transform-style: preserve-3d;
    perspective: 1200;
}*/

.csstransforms3d #main section #main-content{
	-webkit-transform-style: preserve-3d;
    -webkit-perspective: 1200;
	-webkit-perspective-origin: 50% 200px;
    -moz-transform-style: preserve-3d;
    -moz-perspective: 1200px;
	-moz-perspective-origin: 50% 200px;
	transform-style: preserve-3d;
    perspective: 1200;
	perspective-origin: 50% 200px;
}

.csstransforms3d #main section #main-content .outer{
	-webkit-transform-style: preserve-3d;
	-webkit-transform : translateZ(-800px);
    -moz-transform-style: preserve-3d;
	-moz-transform : translateZ(-800px);
	transform-style: preserve-3d;
	transform : translateZ(-800px);
}

.csstransforms3d #main section #main-content .inner{
	-webkit-transform-style: preserve-3d;
	-webkit-transform : translateZ(800px);
    -moz-transform-style: preserve-3d;
	-moz-transform : translateZ(800px);
	transform-style: preserve-3d;
	transform : translateZ(800px);
}




/*  ------------------------------------------------------------
		loader
	------------------------------------------------------------  */
#main-container h1, #main-content, #footer-container{
	display : none;
}