* {
margin: 0;
padding: 0;
} 
body {
	margin: 0;
	padding: 0;
	color: #786752;
	font: normal 68%/140% Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;

	background: #000000;
}
#container {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 100%;

}
#header 	{
	width: 950px;
	height:75px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #F1222C;
	background: #FFFFFF;
	
}
#logodorma 	{
float:left;
	
}
#blackwhite 	{
float:right;
	
}


#navigation {
clear:both;	
	float: right;	
	height: 27px;
	margin: 15px 0 0 0;
	
	
}

#navigation ul {
	float: right;
	border: 0;	
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 17px 0 0;
}

#navigation ul li a {
	font: normal 10px/26px Tahoma;
	padding: 7px 0 0 0;
	margin: 0;
	text-decoration: none;	
	color: #CCC;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

#navigation ul li a:hover {
	color: #F1222C;
	
}


#gambar 	{
clear:both;
	padding: 10px 0 2px 0;
	width: 950px;
	height: 351px;
	margin:0;
	border-top: 1px solid #2B2B2B;
	border-bottom: 1px solid #2B2B2B;
}
#main	{
	width: 950px;
	margin: 35px 0 0 0;
}
#left {
	float: left;
	width: 160px;
	border-right: 1px solid #484855;
}

#nonestyle
{
list-style:none;
}

ul#navmenusub,ul#navmenusub2,ul#navmenusub3,ul#navmenusub4,ul#navmenusub5 {
	padding-bottom: 10px;
	
	padding-left: 0px;
	list-style: none;
	width: 150px;
}
ul#navmenusub li,ul#navmenusub2 li,ul#navmenusub3 li,ul#navmenusub4 li,ul#navmenusub5 li{
	position: relative;
	padding-top:10px;
	
}
ul#navmenusub li a,ul#navmenusub2 li a,ul#navmenusub3 li a,ul#navmenusub4 li a,ul#navmenusub5 li a {
	text-indent:0;
	color:#C7C7C7;
	text-decoration: none;
	margin-left:25px;
	padding-top:3px;
	font-size: 100%;
	font-weight: normal;
	padding-bottom: 3px;
	padding-left: 10px;
	border: none;
	background-image: url(../images/linkarrow2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
}

ul#navmenusub li a:hover,ul#navmenusub2 li a:hover,ul#navmenusub3 li a:hover,ul#navmenusub4 li a:hover,ul#navmenusub5 li a:hover {
	color: #bd8354;
	margin-left:25px;
	background-image: none;
	background: none;
	background-image: url(../images/linkarrow2.gif);
	background-position:left top;
	background-repeat:no-repeat;
} 

.sdmenu {
	text-indent: 0px;
	display: block;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	float:left;
	width:150px;
   
}


.sdmenu .title, .sdmenu .titlehidden{
  
    color: white;
	border-bottom: none;
	cursor:pointer;
	display: block;
	border-top: 1px solid #484855;
	padding: 5px 0 5px 5px;
	
}

.sdmenu .arrow {
	border-bottom: none;

	top:10px;
}

* html .sdmenu .arrow {
	top:3px;
	}

.sdmenu .titlehidden {
    border-bottom: none;
}

.sdmenu #top {
    background: url(images/toptitle.gif) no-repeat;
	border-bottom: none;
}

.sdmenu .submenu {
    overflow: hidden;
	border-bottom: none;
}

.sdmenu .submenu a {
    color: #fff;
    text-decoration: underline;
	border-bottom: none;
}

.sdmenu .submenu a:hover {
	text-decoration: none
}

a.newsImg {
	float:left;
	margin:5px 5px 0 5px;
	}

.titlewords {
padding-left:10px;
	position:relative;
	font-size:14px;
	}
	


.selected {
	color: #b0957c;
}
#wrapper
{
    width:590px;
	float: left;
	border-top: 1px solid #2A2A2A;
	border-left: 1px solid #2A2A2A;
	background-color: #111111;
	margin-left:15px;

}
#center	{	
	float: left;
	width: 560px;
	margin-left:5px;
	margin-bottom:10px;

	padding: 0;
	
}

#right	{	
	float: right;
	width: 155px;
	margin-left:15px;
	padding: 0;
	border-left: 1px solid #484855;
	padding-left:10px;
	
}
.imgright
{
float: right; margin: 0 0 1em 1em;
}
#centerlefthome	{	
	float: left;
	width: 180px;
	margin-right:5px;
	margin-top:50px;
	padding: 0;
	color:#D3D3D3;
	

	
}
#centerrighthome
{
border-left: #3A3A3A solid 1px;
float:left;
width:340px;
margin-top:10px;
margin-bottom:20px;
padding-left:10px;
height:700px;
color:#D3D3D3;

}
#homeleftparagraph
{
margin-top:10px;
border-top:#666666 solid 1px;
clear:both;
color:#9F9F9F;
}
#homeleftparagraph a
{
color: #BFDFF9;
}
#homerightparagraph
{
padding-top:20px;
clear:both;
color:#9F9F9F;
}
#centerleft	{	
	float: left;
	width: 380px;
	margin-left:5px;
	padding: 0;
	clear:both;

	
}
#centerleft2	{	
	float: left;
	width: 280px;
	margin-left:5px;
	padding: 0;
	clear:both;

	
}
#centerright2	{	
	float: left;
	width: 210px;
	margin-left:5px;
	padding: 0;
	

	
}
#centerleftstructural	{
clear:both;
	float: left;
	width: 280px;
	margin-left:5px;
	padding: 0;

	
}
#centerrightstructural
{
float:left;
width:280px;
margin-top:10px;
margin-bottom:20px;
padding-left:15px;

}
#centerleftstructuralhsw	{
clear:both;
	float: left;
	width: 150px;
	margin-left:5px;
	padding: 0;

	
}
#centerrightstructuralhsw
{
float:left;
width:410px;
margin-top:10px;
margin-bottom:20px;
padding-left:15px;

}
#centerright
{
float:left;
width:180px;
margin-top:10px;
margin-bottom:20px;
padding-left:15px;

}
#centerleftproduct	{	
	float: right;
	width: 280px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	padding: 0;

	
}
#centerproduct	{
	float:left
	width: 500px;
	margin-left:170px;
	margin-top:0px;
	margin-bottom:20px;
	padding: 0;

	
}
#centerrightproduct
{
float:left;
width:230px;
margin-top:20px;
padding-left:15px;

}
.imgtext
{
float:left;
padding-bottom:5px;
color:#DFDFDF;
}
.imgleft
{
float: left; 
margin: 0 1em 0 0;
}
.imghistory
{
border: 1px solid #333333;
}
.paragraph {
color:#B0B0B0;
width: 100%; margin-bottom: 2em; padding-top: 25px;
clear:both;
}
.contentparagraph
{
float:left;
width:375px;
}
.projectdesc
{
float:left;
width:180px;
}
.contentparagraphstories
{
float:left;
width:350px;
}
.paragraphnext { 
width: 100%; margin-bottom: 2em; padding-top: 10px;
clear:both; 
color: #7E7E7E;
}
.paragraphright { 
width: 100%; margin-bottom: 2em; padding-top: 10px;
clear:both;
color:#C5C7C6;
}
h1
{
margin-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #222222;
}
h2
{
margin-left:5px;
margin-right:10px;
margin-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #222222;
}
h3
{
margin-top:10px;
font-size:12px;
font-weight:bold;
padding-bottom:10px;
border-bottom: 1px solid #222222;
}
.nobottomline
{
border-bottom:none;
}
h4
{
	text-indent: 22px;
	text-decoration: none;
	font-size:100%;
	padding-top:10px;
}
h5
{
color:#4E9CCB;
border-bottom: 1px solid #222222;
font-size:9px;
font-weight:bold;
}
h6
{
margin-top:10px;
font-size:12px;
font-weight:bold;
padding-bottom:10px;
border-bottom: 1px solid #222222;
color:#CACACA;
}

.selectweb
{
font-size:12px;

}
.form_wrap {
color:#666666;
	float: left;
	width: 300px;
	margin: 0 50px 0 0;
	padding-left:30px;
	padding-top:20px;
	}


.form_wrap label {
	float: left;
	width: 200px;
	margin: 0 20px 3px 0;
	}
.input {
	float: left;
	margin: 0 0 20px 0;
	width: 250px;
	background: #555;
	border: 1px solid #656565;
	border-top: 1px solid #1b1b1b;
	border-left: 1px solid #1b1b1b;
	}
	
.button {
	background: #555;
	border: 1px double #1b1b1b;
	padding: 2px;
	color: #fff;
	width: 70px;
	margin: 0 0 10px 0;
	font-size: 11px;
	float: left;
	}
	
.button:hover, .button:focus {
	border: 1px double #656565;
	background: #666;
	}
	ul.aboutus {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
	float: left;
	clear: both;
	}
#footer	{
	clear:both;
	padding: 1em 0;
text-align:center;
color:#CCCCCC;
margin-top:20px;


}
#footertext
{
 padding-top:20px;
}
div#footer a { color: #A8C5FB; text-decoration: none; }
div#footer a:hover { color: #50c8ff; }
a {
color:#D8D8D8;
}



#right-column ul{
	/* 	border: 1px solid #DEDEDD;	 */
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
	font: 12px 'Lucida Grande', Arial, sans-serif;
}

#right-column ul li{
	margin: 0;
	padding: 0;
	width: 200px;
}

#right-column ul li a{
	background-color: #4d4d4d;
	color: #838383;
	display: block;
	line-height: 140%;
	padding: 14px 90px 14px 0px;
	margin: 1px 0 0 0;
	position: relative;
	text-decoration: none;
	width: 223px;
	text-align: right;
}

#right-column ul li a.active,
#right-column ul li a:hover{
	background-color: #585858;
	color: #ececec;
}

#right-column ul li a span{
	color: #6c6c6c;
	padding: 0;
	display: block;
	font: lighter 9px/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#right-column ul li a:hover span{
	color: #c2c2c2;
	padding: 0;
}
#left-column {
	float: left;
	width: 497px;
	margin: 9px 0 0 72px;
	display: inline;
}
.greytext{
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#8D8D8D;
}
a:hover {
	color: #bd8354;
	}
	
#right_image
{
padding-top:25px;
}