/* 
sinarmas.com
2008-2010
*/

*, html{
padding:0;
margin:0;
}	

body{
background: #fff; /* url(../images/bg_nu_01.jpg) repeat-x; */
color:#6E6E6E;
font-family: Arial, sans-serif;
font-size:15px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:24px;
}

h1, h2, h3, h4, h5 {
font-family:Arial, Helvetica, sans-serif;
}

a {
color:#CC0000;
}

#container {
}

#wrap-footer{
padding:auto 0px;
margin:0px auto;
min-height:150px;
background: #fff url(../images/bg-foot.jpg) repeat-x;
}

#mb-logo {
padding:0px 10px 0px 0px;
margin:0px;
}

#mb-logo h1.logo_sinarmas {
background:url(../images/bg-mb-logo-alt01.png) no-repeat top right;
display:block;
height:50px;
}

#mb-logo a h1.logo_sinarmas span {
display:none;
}

#menu-bar {
background: url(../images/43.png) no-repeat;
padding:0px;
margin:0px;
}

#menu {
margin:0px 0px 0px 1px;
padding:0px;
}

#menu ul {
list-style: none;
padding:0px;
margin:0px;
float: left;
clear: left;
}

#menu ul li {
float:left;
display: inline;
}

#menu ul li a{
float: left;
text-decoration: none;
color: #fff;
padding: 16px 15px 0 15px;
font: 700 15px  Arial, sans-serif;
background:url(../images/bg-mb-vbar-alt01.png) no-repeat top right;
height:40px;
}

#menu ul li:last-child {  
border-right:none;  
}  


#menu ul li a:hover {
color: #333; /* #EE1C25; */
background:url(../images/bg-mb-i-on-alt01.png) no-repeat top right;
}

#menu ul li a.active {
color: #fff;
background:url(../images/bg-mb-i-hl-alt01.png) no-repeat top right;
}

#search-bar {
}

#home-slide {
padding:10px 0px;
min-height:290px;
}


#home-banner {
min-height:450px;
margin-bottom:10px;
}

#home-banner h3 {
margin:20px 0px 10px 0px;
text-align:center;
font-size:20px;
font-weight:900;
color:#CC0000;
text-transform:uppercase;
}

#home-banner .photowrap {
padding:0px 15px 10px 20px;
}

#main {
padding:0;
margin:-20px 0 0 0;
}

#home-text span.ht-middle {
background:url(../images/ht-middle.png) repeat-y;
}

#ht-bottom {
background:url(../images/ht-bottom.png) no-repeat left bottom;
}

#home-text h3 {
background: url(../images/bg-home-text.png) no-repeat;
font-size:25px;
letter-spacing:-1px;
color: #fff;
margin:0px;
padding-top:12px;
height:54px;
text-align:center;
}

#home-text p {
font-size:14px;
color: #666;
padding:3px 0px;
margin:0px;
}

#home-tab {
}

.tabbed_area {
padding:8px; 
}

ul.tabs {  
margin:0px; 
padding:0px;  
}  

ul.tabs li {  
list-style:none;  
display:inline;  
}

ul.tabs li a {  
background:#EE1D23 url(../images/tab_off.jpg) repeat-x top;  
color:#fff;  
padding:8px 14px 8px 14px;  
text-decoration:none;  
font-size:11px;  
font-weight:bold;  
text-transform:uppercase;  
border:1px solid #d6dde0;   
} 
 
ul.tabs li a:hover {  
background-color:#2f343a;  
border-color:#2f343a;  
}  

ul.tabs li a.current {  
background:#ffffff url(../images/tab_on.jpg) top repeat-x;  
color:#282e32;  
border:1px solid #d6dde0;   
border-bottom: 1px solid #ffffff;  
}  

.content-tab {  
background:#ffffff url(../images/content_bottom.jpg) repeat-x bottom left;  
padding:10px;  
border:1px solid #f1f1f1;     
}  

ul.tabs {  
margin:0px; padding:0px;  
margin-top:5px;  
margin-bottom:8px;  
}

.content-tab  ul {  
margin:0px;  
padding:0px 20px 0px 20px;  
}  

.content-tab  ul li {  
list-style:none;  
border-bottom:1px solid #d6dde0;  
padding-top:10px;  
padding-bottom:10px;  
font-size:15px;  
}  
.content-tab  ul li a {  
text-decoration:none;  
color:#3e4346;  
}  
.content-tab  ul li a small {  
color:#8b959c;  
font-size:11px;  
text-transform:uppercase;  
position:relative;  
left:4px;  
top:0px;  
}    

.content-tab ul li:last-child {  
border-bottom:none;  
}  


.content-tab  ul li p {  
font-size:14px; 
}


#content_2, #content_3 { display:none; }  


dl.phototab {
border-bottom:1px solid #f1f1f1;
min-height:120px;
margin:0;
padding:0;
}

dl.phototab:last-child {
border-bottom:none;
}

dl.phototab dt img {
float:left;
}

dl.phototab dd {
font-size:12px;
color: #666;
}


dl.phototab dd.date {
text-transform:uppercase;
font-size:11px;
color: #999;
padding-top:10px;
}


#page-contents {
min-height: 400px;
border:1px solid #f1f1f1;
margin-bottom:10px;
}


#footer {
}

#legal p.lang-select {
font-size:11px;
}

#legal p {
font-size:15px;
color: #666;
padding:10px 15px;
margin:0px;
}

#legal form {
margin:0px;
padding:0px 15px;
}

#footer-menu {
line-height:normal;
padding-top:20px;
}

#footer-menu a {
text-decoration: none;
}

#footer-menu dl {
float: left;
width:23%;
padding-left:10px;
}

#footer-menu dl dt {
text-transform:uppercase;
}

#footer-menu dl dt a {
color: #333;
}

#footer-menu dl dd {
margin:5px 0px 1px 0px;
font-size:12px;
padding:0px 0px;
}

#footer-menu dl dd a {
color: #666;
text-decoration:none;
display:block;
}

#footer-menu dl dd a:hover {
color: #D1292A;
}




/* --- PAGE --- */

#page-main {
margin:0px 0px 10px 0px;
min-height:500px;
border:1px solid #f1f1f1;
}


#page-photo {
height:160px;
}

#page-photo h1 {
font-size:20px;
font-weight:900;
color: #fff;
padding-left:365px;
padding-top:123px;
}

#page-text {
margin:0px;
}

#page-text h1 {
padding:0px;
margin:10px 0px;
font-size:36px;
color: #333;
font-weight:bolder;
}

#page-text h2 {
padding:0px;
margin:5px 0px;
font-size:25px;
color: #666;
}

#page-text p {
color: #666666;
margin:0px 0px 10px 0px;
}

#page-text p strong {
font-weight: bolder;
color: #333;
}

#page-text p.breadcrumbs {
font-size:12px;
border-top:1px solid #f1f1f1;
border-bottom:1px solid #f1f1f1;
padding:5px 0px;
margin-bottom:5px;
}

#page-text p.breadcrumbs a {
color: #FF0000;
text-decoration:none;
border-bottom:1px solid #f00;
}

#page-text p.breadcrumbs strong {
color:#666;
}


#page-text blockquote {
color: #999;
font:normal 16px  Geneva, Arial, Helvetica, sans-serif;
/* border-left:2px solid #CC0033; */
padding:0px 0px 0px 0px;
line-height:normal;
}

#page-text blockquote span {
border-bottom:1px dotted #999;
}


#bunitsbox {
}

#bunitsbox dl {
float:left;
width:30%;
height:auto;
padding:10px;
}

.photoleft {
float:left;
padding:2px;
border:1px solid #ccc;
margin:5px 15px 5px 0px;
}

.photoright{
float:right;
padding:2px;
border:1px solid #ccc;
margin:5px 0px 5px 15px;
}

.photoframe {
padding:2px;
border:1px solid #f1f1f1;
margin:5px 5px 5px 0px;
}

#ht-news-events {
}

#ht-news-events dl {
padding-bottom:15px;
margin:0px;
min-height:155px;
}

#ht-news-events dl:hover {
cursor: pointer;
}

#ht-news-events dl dt.title {
font-size:16px;
color:#666;
padding:0px 10px;
}

#ht-news-events dl dt.title a {
text-decoration:none;
}

#ht-news-events dl dd {
margin:0px;
padding:0px 10px;
}

#ht-news-events dl dd.date {
color:#999;
font-size:11px;
text-transform:uppercase;
}

#ht-news-events dl dd.desc {
color:#666;
}

.photohometab {
float:left;
padding:2px;
border:1px solid #ccc;
margin:5px 10px 0px 10px;
background: #fff;
}


.imgteaser {
	margin: 0 0 5px 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 2px;
	background: #666;
	border:1px solid #666;
}

.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 15px;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 13px;
	padding: 10px 0;
	background: #ccc;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #333;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 337px;
	border-top: 1px solid #666;
	line-height:1.3em;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:15px;
	color: #CC0000;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

.imgteaserPage {
	margin: 0 0 5px 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaserPage a {
	text-decoration: none;
	float: left;
}
.imgteaserPage a:hover {
	cursor: pointer;
}

.imgteaserPage a img {
	float: left;
	margin: 0;
	border: none;
	padding: 2px;
	background: #666;
	border:1px solid #666;
}

.imgteaserPage a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 15px;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaserPage a:hover .desc{
	display: block;
	font-size: 13px;
	padding: 10px 0;
	background: #ccc;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #333;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 600px;
	border-top: 1px solid #666;
	line-height:1.3em;
}
.imgteaserPage a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:15px;
	color: #CC0000;
}

.imgteaserPage a .desc {	display: none; }
.imgteaserPage a:hover .more { visibility: hidden;}

#breadcrumbs {
padding:10px 0px;
font:11px/165% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#breadcrumbs ul, #breadcrumbs li {
	list-style-type:none;
	padding:0;
	margin:0;
	}

#crumbs {
	height:2.3em;
	border:1px solid #f1f1f1;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(../images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}

.page-history {
background:url(../images/bg-page-history.jpg) no-repeat top right;
}

.page-pvv {
background:url(../images/bg-page-pvv.jpg) no-repeat top right;
}

.page-csr {
padding-bottom:450px;
background:url(../images/page-csr.jpg) no-repeat bottom right;
}

.page-cg {
padding-bottom:300px;
background:url(../images/page-cg.jpg) no-repeat bottom right;
}

.page-e {
padding-bottom:500px;
background:url(../images/page-e.jpg) no-repeat bottom right;
}

.page-papp {
padding-bottom:470px;
background:url(../images/page-papp.jpg) no-repeat bottom left;
}

.page-aaf {
padding-bottom:170px;
background:url(../images/page-aaf.jpg) no-repeat bottom left;
}

.page-fs {
padding-bottom:220px;
background:url(../images/page-fs.jpg) no-repeat bottom left;
}


.page-dare {
padding-bottom:320px;
background:url(../images/page-dare.jpg) no-repeat bottom left;
}

.page-mf {
padding-bottom:520px;
background:url(../images/page-mf.jpg) no-repeat bottom left;
}


.page-nae {
min-height : 600px;
padding-bottom:10px;
background:url(../images/page-nae.jpg) no-repeat bottom left;
}

.page-nae2 {
padding-bottom:450px;
background:url(../images/page-nae.jpg) no-repeat bottom left;
}


#page-submenu {
}

#page-submenu ul {
list-style:none;
padding:0px;
margin:0px;
}


#page-submenu ul li {
}


#page-submenu ul li a {
padding:10px;
text-decoration:none;
border-bottom:1px solid #f1f1f1;
display:block;
}

#page-submenu ul li a.active,#page-submenu ul li a.active:hover {
color: #fff;
background: #666;
font-weight:bolder;
}

#page-submenu ul li a:hover {
background: #f1f1f1;
cursor:pointer;
}

#page-btext {
}

#page-btext h3 {
padding-top:350px;
font-weight:normal;
color:#999999;
font-size:24px;
}


#page-tabs ul.page_nav {
list-style:none;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 200px;

}

#page-tabs ul.page_nav li {
display: inline;
}

#page-tabs ul.page_nav li a {
padding:5px 10px 4px 10px;
margin:0px;
text-decoration:none;
border-top:1px solid #f1f1f1;
border-left:1px solid #f1f1f1;
border-right:1px solid #f1f1f1;
}

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		

.photopage {
float:left;
padding:2px;
border:1px solid #ccc;
background: #fff;
}


#sidepage-photo {
}

#sidepage-photo ul {
list-style:none;
padding:10px 10px;
}

#sidepage-photo ul li {
display:block;
width: 100px;
}


#list-ne {
}

#list-ne h3 {
font-weight:bolder;
color:#999999;
padding:5px 10px;
margin-bottom:5px;
border-bottom:1px solid #f1f1f1;
text-align:center;
}

#list-ne dl {
padding-bottom:10px;
border-bottom:1px solid #f1f1f1;
margin:0px;
}

#list-ne dl:hover {
/* background:#f1f1f1; */
cursor: pointer;
}

#list-ne dl dt.title {
font-size:16px;
color:#666;
padding:0px;
}

#list-ne dl dt.title a {
text-decoration:none;
}

#list-ne dl dd {
margin:0px;
padding:0px;
}

#list-ne dl dd.date {
color:#999;
font-size:11px;
text-transform:uppercase;
}

#list-ne dl dd.desc {
color:#666;
}

/* ----------------------------- */

#search-bar form {
padding:0;
margin:14px 0px;
float:right;
}

fieldset.search {
	border: none;
	width: 170px;
	padding:0px;
	margin:0px;
}
.search input, .search button {
	border: none;
	float: right;
}
.search input.box {
	color: #333;
	font-size: 11px;
	width: 120px;
	padding: 5px;
	background: #f1f1f1;
	margin-right: 15px;
}
.search input.box:focus {
	background: #ccc;
	outline: none;
}
.search button.btn {
	margin-top:-4px;
	width: 75px;
	height: 30px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/search-button.png) no-repeat bottom right;

}
.search button.btn:hover {
	background: url(../images/search-button.png) no-repeat top right;
}

#page-submenu ul li ul.sub-submenu {
}

#page-submenu ul li ul.sub-submenu li {
}

#page-submenu ul li ul.sub-submenu li a {
padding-left:20px;
color: #666;
font-size:11px;
line-height:normal;
border-bottom:1px solid #ccc;
}

#page-submenu ul li ul.sub-submenu li a:hover {
}

ul#homeslide {
margin:0px;
padding:0px;
}

ul#homeslide li{
list-style: none;
}

ul#homeslide li img{
padding: 0px;
margin:0px;
}

#zemContactForm fieldset {
   border: none;
   }
#zemContactForm legend {
   padding: 0.5em 10px 0.5em 0;
   width: 60px;
   }
#zemContactForm label {
   float: left;
   width: 60px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   }
#zemContactForm br {
   clear: left;
   }
#zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }

#legal ul.l10n_lang_list {
font-size:11px;
list-style : none;
}

#legal ul.l10n_lang_list li {
display: block;
padding:1px 0px;
margin:1px 0px;
}

#legal ul.l10n_lang_list li a {
}

ul.pagination {margin: 1em 0; padding: 0.5em; text-align: center; background: #eee; border: 1px solid #ccc;}
ul.pagination li {display: inline; font-size: 12px; padding: 0.5em;}
ul.pagination li.active {background: #fff; border: 1px solid #333;}

#news-photo-align {
padding-left:20px;
}