@charset "utf-8";
/* CSS Document */



/* --------------------------------------------------- GLOBAL --------------------------------------------------------- */

html, body{
	margin:0;
	padding:0;
	height:100%;
}

#body{
	width:1002px;
	/*min-height: 100%;
	height: auto !important;
    height: 100%;
    margin: 0 auto -234px auto;*/
	margin:0 auto;
}

#header{
	position:absolute;
	height:260px;
	width:1002px;
	left:50%;
	margin-left:-501px;
}

#header-links{
	float:right;
	width:480px;
	text-align:right;
	margin:15px;
}

#header-search{
	float:right;
	margin-right:15px;
	margin-top:5px;
}

#header-search .text{
	width:142px;
	height:18px;
	padding:2px 0 0 5px;
}

#header-search .submit{
	position:relative;
	top:5px;
}

#header-banner{
	width:1002px;
	height:212px;
}

#footer{
	clear:both;
	width:1002px;
	height:234px;
	left:50%;
	margin:0 auto;
}

#bottom-spacer{
	clear:both;
	height:60px;
	width:1002px;
	margin:0 auto;
}

.footer-column{
	float:left;
	width:180px;
	margin-right:70px;
}

.footer-column p{
	margin-top:40px;
}

.footer-column ul{
	margin:40px 0 0 30px;
	padding:0;
}

.footer-column li{
	list-style-type:none;
	margin:0 0 0 0;
	height:20px;
	padding:0;
}

.footer-column p{
	line-height:1.8em;
}

/* --------------------------------------------------- NAVBAR --------------------------------------------------------- */



#nav{
	padding:270px 0 0 0;
	width:944px;
	height:33px;
	margin:0 0 0 30px;
}

#nav ul{
	margin:6px 0 0 0;
	padding:0;
	float:right;
	height:33px;
	width:711px;
}

#nav li{
	list-style-type:none;
	margin:0;
	padding:0;
	height:27px;
	float:left;
	display:inline;
}

#nav li a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
}

#nav li a:hover{
	background-position:0 -29px;
}

#nav li a.active{
	background-position:0 -58px;
}

#nav_home{
	width:69px;
}

#nav_about{
	width:98px;
}

#nav_corporate{
	width:174px;
}

#nav_news{
	width:137px;
}

#nav_investor{
	width:141px;
}

#nav_contact{
	width:91px;
}




/* --------------------------------------------------- GENERAL CLASSES --------------------------------------------------------- */

.clear{
	clear:both;
	margin:0 !important;
	padding:0 !important;
}

.dotted-line{
	height:1px;
	width:100%;
	margin:2em 0;
}

.download{
	padding-left:27px;
	line-height:14px;
}

img.left{
	float:left;
	margin:5px 10px 5px 0;
	line-height:2em;
}

#content-title{
	float:left;
	width:213px;  /* base: 225 */
	height:30px;  /* base: 35 */
	margin:-27px 0 0 30px;
	padding:5px 0 0 12px;
}

#left-nav{
	clear:left;
	float:left;
	width:225px;
	margin:28px 0 0 30px;
	padding:0;
}

#left-nav li{
	width:225px;
	height:28px;
	padding:0;
	margin:0 0 1px 0;
	list-style-type:none;
}

#left-nav li a{
	display:block;
	height:23px;
	width:200px;
	padding:7px 0 0 25px;
}

.no-top{
	margin-top:0 !important;
}
	




/* --------------------------------------------------- HOMEPAGE --------------------------------------------------------- */

#left-promo{
	width:225px;
	height:410px;
	float:left;
	margin:-27px 0 0 30px;
}

#left-promo h3{
	margin:6px 0 0 12px;
}

#left-promo-content{
	margin-top:180px;
	line-height:normal;
	padding:0 12px;
}

#left-promo-content ul{
	padding:0;
	list-style-type:none;
	margin:1em 0;
}

#left-promo-content li{
	padding-left:10px;
	line-height:1em;
	margin-bottom:0.8em;
}

#homepage-content{
	float:left;
	width:490px;
	margin:15px 25px 0 25px;
}

#right-promo{
	float:left;
	width:176px;
	margin:27px 0 0 0;
}

#right-promo h4{
	margin:0;
	width:166px;
	height:21px;
	padding:5px 0 0 10px;
}



.announcement p{
	line-height:1.5em;
        margin:0;
	margin:0.8em 10px;
}

.last{
	margin-right:0 !important;
}


/* --------------------------------------------------- CORPORATE --------------------------------------------------------- */

#corporate-content{
	padding:20px 25px 30px 40px;	
}

.responsibility-promo{
	display:block;
	float:left;
	width:234px;
	height:303px;
	margin-right:0px;
	position:relative;
	cursor:pointer;
}

.responsibility-promo h3{
	position:absolute;
	top:10px;
	left:12px;
	z-index:10;
}

.responsibility-promo .text{
	margin:2em 12px;
	position:absolute;
	bottom:12px;
	left:12px;
	width:210px;
	z-index:5;
}

.responsibility-promo img{
	position:absolute;
	top:-15px;
	left:4px;
	clip:rect(60px 228px 180px 0px);
	z-index:8;
}

/*.responsibility-promo:hover img{
	clip:rect(30px 228px 330px 0px);
}*/

/*.responsibility-promo:hover h3{
	color:#FFF;
}*/

#corp-res-text{
	clear:left;
	float:left;
	width:430px;
	margin:30px 50px 0 12px;
}

.corp-res-links{
	float:left;
	width:430px;
	margin:40px 0 0 0;
	padding:0;
}

.corp-res-links li{
	margin:0 0 10px 0;
	height:13px;
	line-height:13px;
	list-style-type:none;
	padding:0 0 0 40px;
}

.play-arrow-link{
        min-height:13px;
	line-height:13px;
	list-style-type:none;
	padding:0 0 0 40px;  
       display:block;
}

#corp-res-box-top{
	width:942px;
	height:12px;
	margin:10px 0 0 0;
}

#corp-res-box-bottom{
	width:902px;
	min-height:410px;
	margin:0 0 0 0;
	padding:20px;
}

#corp-res-box-bottom #left-nav{
	float:left;
	width:120px;
	margin:20px 70px 0 0;
	padding:0;
}

#corp-res-box-bottom #left-nav li{
	height:1em;
	line-height:1em;;
	margin:0 0 2em 0;
	padding:0;
}

#corp-res-box-bottom #left-nav li a, #corp-res-box-bottom #left-nav li.active{
	padding:0;
	padding-left:10px;
}

#corp-res-box-bottom-content{
	float:left;
	width:690px;
	margin:0px 0 0 0;
}

#corp-res-box-bottom-content img{
	float:right;
	margin:0 0 0 60px;
}
	

/* --------------------------------------------------- NEWS AND CONTACT --------------------------------------------------------- */


.search-news{
	margin-top:15px !important;
}

.search-news label{
	display:block;
	margin:10px 0 0 8px;
}

.search-news input.text{
	display:block;
	width:154px;
	height:15px;
	margin:10px 0 0 8px;
	padding:5px 3px;
}

.search-news select.text{
	display:block;
	width:154px;
	margin:10px 0 0 8px;
/*	height:15px;
	
	padding:5px 3px;*/
}

.search-news input.submit{
	float:right;
	margin:10px 8px 10px 0;
}

#right-promo.contact p{
	margin:1.5em 1em;
	line-height:1.8em;
}

#contact-form{
	
}

#contact-form label{
	display:block;
}

#contact-form input.text{
	width:485px;
	height:22px;
	padding:5px 0 0 5px;
}

#contact-form textarea{
	width:485px;
	height:292px;
	padding:5px 0 0 5px;
}

#contact-form .submit{
	float:right;
}

#footer-copyright{
     float:left;
    width:150px;
     margin:50px 0 10px 25px;       
  
}

#footer-links{
    float:right;
     width:400px;
    margin:50px 25px 10px 0;
  
    text-align:right;
}