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

* {
	margin:0px;
	padding:0px;
	border:0px;
	font-size:11px;
	line-height:1.7em;
}

.clear {
	clear:both;
}

body { 
	padding:0;
	margin:0;
	color:#26354a;
	background-color:#fff;
}

#main {
	width:790px;
	margin-left:auto;
	margin-right:auto;
}

#top {
	width:790px;
	height:80px;
}
#top .logo {
	width:185px;
	height:80px;
	background-image:url(../images/logo.jpg);
	float:left;
}
#top .nav {
	width:200px;
	height:31px;
	margin-top:20px;
	float:right;
}
.nav img {
	padding-right:5px;
	padding-left:5px;
	background-image:url(../images/top_bar.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#concept {
	width:790px;
	height:291px;
	padding-top:0px;
	background-image:url(../images/concept.jpg);
}
/* menu left */
#concept .navlistleft_portofolio{
	float:left;
	width:200px;
	float:left;
	padding-top:165px;
}
#concept .navlistleft{
	float:left;
	width:200px;
	float:left;
	padding-top:58px;
}
.navlistleft li, .navlistleft_portofolio li{
	list-style: none;
	display: block;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-top:4px;
	height:20px;
}
.navlistleft a, .navlistleft_portofolio a{
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	
	background-image:url(../images/arrow_menu.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
}
.navlistleft a:hover, .navlistleft_portofolio a:hover{
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #c41a15;
	text-decoration: none;
	
	background-image:url(../images/arrow_menu.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
}
.navlistleft .active, .navlistleft_portofolio .active{
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #c41a15;
	text-decoration: none;
	
	background-image:url(../images/arrow_menu.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
}
/* end menu left */
#concept #nav_main{
	width:250px;
	float:left;
}
#nav_main .desc{
	width:165px;
	height:65px;
	padding-top:10px;
	padding-left:30px;
}

#nav {
	width:790px;
	height:291px;
	margin-top:20px;
	background-image:url(../images/nav_bg.jpg);
}
#nav .desc{
	width:175px;
	height:230px;
	margin-top:40px;
	padding-left:10px;
	float:left;
	text-align:center;
	font:10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#nav .nav_desc {
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:167px;
	height:100px;
	text-align:left;
	text-align:justify;
	color:#26354a;
	padding-right:5px;
	border-right:solid #c3c3c3 1px;
}
#top .lang {
	width:100px;
	margin-top:10px;
	float:right;
	clear:right;
	text-align:right;
	padding-right:20px;
}
#top a {
	text-decoration:none;
	color:#26354a;
}
#top .selected{
	color:#d6281a;
}

#portfolio_inline {
	width:740px;
	margin-top:10px;
	padding-left:30px;
	padding-right:20px;
}

#portfolio {
	width:740px;
	margin-top:10px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:20px;
	border-bottom:solid #a6a6a6 1px;
}
#portfolio h2, #portfolio_inline h2{
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#26354a;
	background-image:url(../images/arrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:10px;
}
#portfolio .desc {
	width:350px;
	height:155px;
	padding-left:20px;
	float:left;
}
#portfolio_inline .desc {
	width:350px;
	height:155px;
	padding-left:20px;
	padding-bottom:15px;
	float:left;
}
#portfolio img, #portfolio_inline img {
	border:solid #e0e3e2 2px;
	float:left;
	margin-right:15px;
}
#portfolio h1, #portfolio_inline h1{
	color:#26354a;
}
#portfolio a, #portfolio_inline a{
	color:#26354a;
	font-weight:bold;
}

#text {
	width:740px;
	margin-top:10px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:20px;
	border-bottom:solid #a6a6a6 8px;
	font:10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#text h1{
	color:#26354a;
	background-image:url(../images/arrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
#text a{
	color:#26354a;
	font-weight:bold;
}
#text ul {
	padding-left:50px;
}

hr {
	size:1px;
}
	
	
#footer {
	width:790px;
	height:25px;
	margin-top:5px;
	padding-bottom:15px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
}