/*
Theme Name: M-SYSTEM THEME
Theme URI: http://songoo.com/
Description: Theme for mystem.
Version: 1.0
Author: songoo
Author URI: http://songoo.com/
Tags: songoo, ardyansah, kucluk, themejob

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Body */
body {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
background:#CBCBCB;
	}
	
.clear
{
	clear:both;
}

#wrapper
{
	width:1024px;
	position:relative;
	margin:auto;
}

/*------ image-------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 5px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 5px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/*-----------header---------*/
#header
{
	height:324px;
	background:#fff url(images/bgheader.png) repeat-y;
}
#header a
{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	display:block;
}

#header img 
{
	border:none;
}
#headerlogo
{
	background:url(images/logo.gif) no-repeat center;
	height:324px;
	width:525px;
}
.ja
{
	height:26px;
}
.small
{
	height:48px;
	width:220px;
	margin:0 0 0 164px;
}
.small1
{
	width:91px;
	height:48px;
	float:left;
}
.small2
{
	width:91px;
	height:48px;
	float:left;
	margin-left:26px;
}
.medium
{
	height:55px;
	width:380px;
	margin:10px 0 0 75px;
}
.medium1
{
	width:102px;
	height:55px;
	float:left;
}
.medium2
{
	width:102px;
	height:55px;
	float:left;
	margin-left:169px;
}
.large
{
	height:62px;
	width:440px;
	margin:10px 0 0 42px;
}
.large1
{
	width:102px;
	height:62px;
	float:left;
}
.large2
{
	width:102px;
	height:62px;
	float:left;
	margin-left:220px;
}
.xlarge
{
	height:94px;
	width:199px;
	margin:5px 0 0 162px;
}

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

#content
{
		background:url(images/bgbody.png) repeat-y;
		width:1024px;
		float:left;
}

#contentleft
{
	width:232px;
	float:left;
	margin-bottom:40px;
}
.titleleft
{
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	margin:10px 5px 0 0;
}
#contentcenter
{
	width:572px;
	float:left;
	margin-bottom:40px;

}

#contentisi
{
	padding:10px;
        text-align:justify;
}
#contentisi h2 a
{
	text-decoration:none;
	color:#fff;
	font-size:15px;
}

.entry
{
	color:#fff;
}

.entry a
{
	color:#F9ED33;
	text-decoration:none;
}
.entry p
{
	font-size:10px;
	font-weight:normal;
}
.entry h6
{
	margin:2px 0 2px 0;
	font-size:12px;
	padding:8px 0 4px 0;
}
p.entrymjk
{
	padding-left:10px;
}
p.entrymjktitle
{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.entrytebal
{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.mendalam
{
	padding-left:12px;
	font-size:10px;
}
ul#contenisi {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

ul li#contenisi  {
	margin: 7px 0 8px 10px;
	}


#contentright
{
	width:185px;
	float:left;
	padding:10px 10px 10px 20px;
	margin-bottom:40px;

}
#projectisi
{
	 -moz-border-radius: 10px;
	background:#fff;
}
#projectisi p
{
	color:#333333;
	padding:10px;

}

#projectisinational
{
	 -moz-border-radius: 10px;
	background:#fff;
	width:340px;
	float:left
}
#projectisinational ol {
	padding: 0 0 0 35px;
	margin: 0;
	color:#000;
	font-size:10px;
	}

#projectisinational ol li {
	margin: 0;
	padding: 0;
	}
#projectisinational ul {
	padding: 0 0 0 35px;
	margin: 0;
	color:#000;
	font-size:10px;
	}

#projectisinational ul li {
	margin: 0;
	padding: 0;
	}
#projectside
{
	 -moz-border-radius: 10px;
	background:#fff;
	width:200px;
	float:left;
	margin-right:10px;
	height:300px;
        text-align:left;
}
#projectside ul a
{
	text-decoration:none;
	color:#000;
}
#projectisinational p
{
	color:#333333;
	padding:10px;
	margin:0px;
}
span.side
{
	font-weight:normal;
	font-size:12px;
}

span.side a
{
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
span.sideaktif
{
	font-weight:normal;
	font-size:12px;
	color:#D70008;
}
span.sideaktif a
{
	font-weight:normal;
	font-size:12px;
	color:#D70008;
	text-decoration:none;
}




/* navigation */
.navprodmerah a
{
	padding:5px 0 5px 15px;
	background:#ED1C24;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.navprodabu a
{
	padding:5px 0 5px 15px;
	background:#58595B;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
ul.navhome
{
	background:url(images/navhome.png) no-repeat;
	width:266px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
ul.navhome1
{
	background:url(images/navhome1.png) no-repeat;
	width:410px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
ul.navexp
{
	background:url(images/navexp.png) no-repeat;
	width:150px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
ul.navproducts
{
	background:url(images/navproducts.png) no-repeat;
	width:544px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
ul.navproducts2
{
	background:url(images/navproducts2.png) no-repeat;
	width:382px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
ul.navprojects
{
	background:url(images/navprojects.png) no-repeat;
	width:520px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
span.home
{
	width:75px;
	display:block;
	margin:15px 35px 0 10px;
	text-transform:uppercase;

}
span.home1
{
	width:65px;
	display:block;
	margin:15px 40px 0 10px;
	text-transform:uppercase;
}

span.prod
{
	width:50px;
	display:block;
	margin:15px 20px 0 20px;
	text-transform:uppercase;
}
span.prod2
{
	width:40px;
	display:block;
	margin:15px 20px 0 20px;
	text-transform:uppercase;
}
span.prod3
{
	width:40px;
	display:block;
	margin:15px 32px 0 8px;
	text-transform:uppercase;
}

span.prod_spl
{
	width:80px;
	display:block;
	margin:5px 20px 0 20px;
	text-transform:uppercase;
}
span.prod_lpl
{
	width:80px;
	display:block;
	margin:5px 20px 0 20px;
	text-transform:uppercase;
}
span.prod_pp
{
	width:80px;
	display:block;
	margin:5px 20px 0 20px;
	text-transform:uppercase;
}

#navigation ul li
{
	float:left;
}

#navigation ul li a
{
	float:left;
	font-weight:bold;
	color:#808285;
	font-size:14px;
	text-decoration:none;
}
#navigation ul li a:visited
{
	color:#808285;
}

#navigation ul li a:hover
{
	color:#D70008;
}
#navigation ul li.aktif a
{
	color:#D70008;
}
#latestproject
{
	padding:10px;
	

}
#latestproject img
{
	border:none;
}
.titlelatestproject
{
	color:#F9ED33;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}


/* SIDEBAR */
.latestnews
{
	height:97px;
	width:114px;
	background:url(images/latestnews.png);
	margin:10px;
}

#latestn ul
{
	list-style:none;
	margin:0;
	padding:10px;
	font-size:16px;
}
#latestn ul li
{
	margin-bottom:10px;
}
#latestn ul li a
{
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;

}

#linkatas ul
{
	list-style:none;
	margin:0;
	padding:10px;
	font-size:14px;
}
#linkatas ul li
{
	margin-bottom:5px;
}
#linkatas ul li a
{
	margin-bottom:5px;
	color:#fff;
	text-decoration:none;

}

/*PLUGIN TRANSLATOR*/
ul#qtranslate-3-chooser 
{
	list-style:none;
	margin:0;
	padding:10px;
	margin-bottom:20px;
}
#qtranslate-3-chooser a
{
	float:left;
	width:25px;

}

.qtrans_flag
{
width:50px;
display:block;
}

ul#qtranslate-4-chooser 
{
	list-style:none;
	margin:0;
	padding:10px;
	margin-bottom:20px;
}
#qtranslate-4-chooser a
{
	float:left;
	width:25px;

}