/* common */

* {
		margin: 0;
		padding: 0;
		}
html {
		font-size: 100%;
		}

body {
		font: 12px Arial, Helvetica, sans-serif;
		color:#EAEAEA;
		background:url(images/bg_main.gif) top repeat-x #181818;
		
	
	}
	
	
#page{
margin:0 auto;
}

	
a{
color:#70E100;
}
	
A:hover{
color:#778888;
text-decoration:underline;
}		

div{
border:solid 0px #FF0000;
}

h1 {
		font: 28px Arial, Helvetica, sans-serif;
		/*font-variant:small-caps;*/
		color:#70E100;
		margin:0;
		}
		
h2 {
font:18px Arial, Helvetica, sans-serif;
}

.heading{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#09455F;
}



#logo{
margin-left:30px;
}

#menu{
}
 
#top_line{
height:8px;
background:url(images/bg_top_border.gif) repeat-x;
width:900px;
margin:auto;
}




/*#menu li{
color:#FFFFFF;
background:url(images/button.jpg);
padding:10px;
display:inline;
}
*/


#divOne {
text-align:center;
		
		float: left;
		width: 240px;
		height:450px;
		
}
#divOne img{
/*background:url(images/shadow2.gif) bottom right no-repeat;
padding:10px; */

}

#divTwo {
		
		padding-bottom:20px;
		background: #FFFFFF;
		float: left;
		width: 530px;
		background:url(images/bg4.gif) top right no-repeat;
		}


#divTwo a{
color:#FF6600;
}

#content img {
}


#divOne, #divTwo{
}


#menu{


}

.menu_up{
text-align:right;
vertical-align:bottom;
width:400;
}

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}


#columnContainer {
		width: 900px;
		}
		
#header{
height:97px;
background:url(images/header.gif) top right repeat-x;
border-bottom:solid 1px #000000;
}
#wrapper {
		margin: 0 auto;
		width:900px;
		}

#border1{
background:url(images/de_left.gif) top right no-repeat;
}
#border2{
background:url(images/de_right.gif) top right no-repeat;
}

#content{
padding:20px;
min-height:300px;
background:url(images/bg_content.gif) top repeat-x;
}

#content_btm{
height:20px;
background:url(images/bg_content_btm.gif) bottom center no-repeat;
}

table TD{
border-collapse:collapsel;
}

.content TD{
vertical-align:top;
text-align:justify;
padding:15px;
}


.inner TD{
vertical-align:top;
padding:10px;
}

#services{
margin-top:9px;
padding:15px;
padding-left:25px;
padding-right:25px;
background:url(images/bg_box2.gif) top repeat-x #181818;
border:solid 1px #70E100;
color:#C2C2C2;
}
#services h2{
color:#70E100;
padding-bottom:5px;
}

#services_list td{
vertical-align:top;
font-size:12px;
width:300px;
padding-top:10px;
}

.spec{
width:344px;
margin:5px;
height:220px;
padding:10px;
border:solid 1px #222222;
background:url(images/bg_box.gif) top center;

}

.spec2{
width:344px;
margin:5px;
padding:10px;
height:100%;
border:solid 1px #222222;
background:url(images/bg_box.gif) top repeat-x #181818;
}

ul#tab li{
font-size:20px;
display:inline;
padding:10px;
padding-top:5px;
padding-bottom:9.5px;
background-color:#333333;
margin:0px;
margin-right:10px;
}
ul#tab li a{
text-decoration:none;
color:#CCCCCC;
}
ul#tab li a:hover{
text-decoration:none;
color:#70E100;
}


ul#tab li.tab_select{
background-color:#70E100;
}
ul#tab li.tab_select a{
color:#333333;
}
ul#tab li.tab_select a:hover{
color:#333333;
}


.box{
padding:15px;
padding-left:25px;
padding-right:25px;
background:url(images/bg_box.gif) top repeat-x #0E0E0E;
border:solid 1px #333333;
}

.box-home{
padding:15px;
padding-left:25px;
padding-right:25px;
background:url(images/bg_home.jpg) top #0E0E0E;
font-size:10.5pt;
font-family:Arial, Helvetica, sans-serif;
/*font-variant:small-caps;*/
height:200px;
line-height:1.3em;
}
.box .inner{
font-size:10.5pt;
color:#FFFFFF;
}
.box li{
margin-left:15px;
padding-bottom:5px;
list-style:square;
}
.box li h2{
}

.box2{
padding:15px;
padding-bottom:0px;
padding-left:25px;
padding-right:25px;
background:url(images/bg_box2.gif) top repeat-x;
}

.box2 h1{
color:#70E101;
}
.box2 a{
color:#70E101;
}
.box2 a:hover{
color:#FFFFFF;
}

.box2 h2{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:5px;
}
.box2 img{
background:url(images/bg_thumbnail.gif) top;
padding:10px;
margin:15px;
margin-bottom:0px;
margin-right:10px;
}
.box2 img.btn{
padding:0;
margin:0;
}
.bg_box_btm{
height:20px;
background:url(images/bg_box.gif) bottom no-repeat #333333;
}

.portfolio TD{
width:100px;
}

.portfolio TD img{
padding:4px;
margin:5px;
}

.view{
width:500px;
float:left;
}
.view img{
margin-top:20px;
}
#view_info{
float:left;
padding-left:10px; 
width:250px;
margin-top:10px;
text-align:left;
line-height:1.4em;
}

ul.list {
	list-style::square;
	margin-left: 0;
	padding-left: 16;
	color:#6A6A6A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:2;
}


#footer{
height:160px;
background:url(images/bg_footer.gif) top repeat-x;
margin-top:20px;
color:#CCCCCC;
}
#footer .box{
border:0;
background-color:#E1DFDF;
}
#footer a{
color:#70E101;
}
#footer .box a:hover{
color:#FFFFFF;
}

#footer .inner{
width:900px;
padding-top:20px;
margin:0 auto;
}
#footer .inner .menu_btm{
float:left;
width:700px;
}
#footer .inner .text{
text-align:right;
}
#footer .inner .menu_btm li{
padding-left:10px;
padding-right:10px;
display:inline;
color:#FFFFFF;
}

#contact{
text-align:right;
padding-top:4px;
padding-right:10px;
height:60px;
}

.menu_list TD{
height:28px;
border-bottom:dotted 1px #CCCCCC;
}

.tabel{
/*background:url(images/bg2.gif) top center no-repeat;*/
}

.tabel TD{
height:200px;
padding:10px;
vertical-align:top;
width:240px;
font-size:11px;

}

.tabel TD.k1{
border-left:dashed 1px #C2BBB2;
}


.tabel TD.k2{
border-left:dashed 1px #C2BBB2;
}

.teks{
line-height: 1.4em;
padding:30px;
}
.teks img{
padding:4px;
margin-right:10px;
}

.teks li{
margin-left:20px;
}
.teks ol.spec li{
margin-bottom:20px;
}

.teks2{
line-height: 1.4em;
padding-top:30px;
padding-left:30px;

}

.banner{
}

.box{
}

.box div.b_up{
}
.box div.b_mid{
background:url(images/bg1.gif);
text-align:left;
padding:20px;
padding-top:20px;
padding-bottom:20px;
color:#CCCCCC;
font-size:10pt;
line-height:1.2em;
height:180px;
}

.box div.b_mid a{
}
/*.box div.b_down{
float:right;
width:10px;
height:300px;
background:url(images/shadow1.gif) top left no-repeat;
}
*/
.box3{
padding-right:10px;
text-align:center;
line-height:1.5em;
}

.major_clients, .recent_works{
padding:10px;
}
.major_clients img, .recent_works img{
/*background:url(images/shadow2.gif) bottom right no-repeat; */
padding:4px;
margin-left:10px;

}

#contact_footer{
color:#CCCCCC;
float:left;
padding-left:20px;
padding-top:5px;
}

.de_contact{
border-collapse:collapse;
}
.de_contact TD{
vertical-align:top;
padding:5px;
}
.de_contact TD .txt{
background:url(images/bg_input.gif) top repeat-x #FFFFFF;
border:solid 1px  #000000;
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
padding:5px;
width:300px;
overflow-x:hidden;

}
.de_contact TD INPUT.btn{
padding:2px;
}

#menu_footer{
float:right;
padding-right:20px;
padding-top:5px;
color:#CCCCCC;
} 

input.btn{
padding:4px;
margin:4px;
}

img.icon{
padding-right:10px;
}

.thumbnail img{
background:url(images/bg_thumbnail.gif) top;
padding:10px;
margin-bottom:4px;
margin-right:8px;
}

.spacey{
clear:both;
}

/*images preview*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; bottom:100px;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*images preview*/