/* common */

* {	margin: 0;	padding: 0;	}
html {	font-size: 100%;}
body {	font-size: 11px; font-family:"Numans",Arial; color:#EAEAEA;	background:url(images/bg_main1.gif) top center repeat-y #07070B;line-height:1.5em;}

a{text-decoration:none;}
	
	
#page{
margin:0 auto;
display:none;
}

#opening-text{
width:620px;
float:left;
padding:20px 0 0 20px;
}

#flash-logo{
width:174px;
height:174px;
padding-right:10px;
float:right;
padding-top:12px;
}


a{
color:#CCC;
}
	
A:hover{
color:#FFF;
text-decoration:underline;
}		

img{
border:none;
}

div{
border:solid 0px #FF0000;
}

h1 {
		font: 28px;
		/*font-variant:small-caps;*/
		color:#CCCCCC;
		margin:0;
		}
		
h2 {
font:18px;
}

.box-home h2{
font-size:17px;
}

.heading{
font-size:16px;
font-weight:bold;
color:#09455F;
}



#logo{
width:470px;
float:left;
padding-left:20px;
}

#chat{
float:right;
width:180px;
text-align:right;
margin-top:65px;
padding:0 20px 0 0;
}
#menu{
}
 
#top_line{
height:8px;
background:url(images/bg_top_border.gif) repeat-x;
width:940px;
margin:auto;
}

.deco{
color:#FFF;
font-weight:bold;
}

#footer .deco{
font-weight:lighter;
}


/*#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: 940px;
		}
		
#header{
height:101px;
background:url(images/header.gif) top repeat-x #333842;
border-bottom:solid 1px #111;
}
#wrapper {
		margin: 0 auto;
		width:940px;
		}

#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) #14161B;
}

#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:20px;
background:url(images/bg_box2.gif) top repeat-x #181818;
color:#C2C2C2;

}
#services h2{
color:#CCCCCC;
padding-bottom:5px;
}

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

#projects{
margin-top:9px;
padding:20px;
background:url(images/bg_box2.gif) top repeat-x #181818;
color:#C2C2C2;
}

#project-list{
	width:940px;
}

#projects img{
}

.pagetitle{
margin-bottom:-10px;
}
.project{
width:263px;
padding:4px;
margin-right:20px;
float:left;
margin-bottom:20px;
background:#32353E;
border:solid 1px #444;
}
.project img{
margin-bottom:5px;
}
.pf_title{font-size:14px; padding-bottom:2px; text-align:center;}

.spec{
font-size:14px;
float:left;
width:378px;
margin-right:20px;
height:260px;
padding:20px;
border:solid 1px #222222;
background:url(images/bg_box.gif) top center no-repeat #333842;
}

.spec h2{
font-size:28px;
}

.website_dynamic{
background:url(images/hosting_domain_icon.png) top left no-repeat;
padding-top:10px;
padding-left:60px;
height:50px;
}

.website_full_flash{
background:url(images/flash_icon.png) top left no-repeat;
padding-top:10px;
padding-left:56px;
height:50px;
}

.spec2{
float:left;
width:378px;
margin-right:20px;
height:300px;
padding:20px;
border:solid 1px #222222;
background:url(images/bg_spec2.gif) top center no-repeat #333842;
}

.icon_list{
margin-top:10px;
}
.icon_list img{
margin-right:10px;
}

#tab{
margin-top:10px;
}

ul#tab li{
font-size:20px;
display:inline;
padding:10px;
padding-top:4px;
padding-bottom:8px;
background-color:#333842;
margin:0px;
margin-right:10px;
}
ul#tab li a{
text-decoration:none;
color:#777;
}
ul#tab li a:hover{
text-decoration:none;
color:#CCCCCC;
}


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


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

.box-home{
width:880px;
padding:30px 30px 0 30px; 
background:url(images/bg_home.jpg) top #0E0E0E;
font-size:12px;
height:240px;
line-height:1.7em;
margin:-20px -20px 0 -20px;
}
.box-home h1{
margin-bottom:5px;
}
.box .inner{
font-size:10.5pt;
color:#FFFFFF;
}
.spec li{
padding-left:25px;
margin-bottom:5px;
list-style:none;
background:url(images/item_style_a.png) left center no-repeat;
}
.box li h2{
}

.box2{
padding:20px;
background:url(images/bg_box2.gif) top repeat-x;
}

.box2 h1{
}
.box2 a{
color:#FFF;
}
.box2 a:hover{
color:#CCC;
}

.box2 h2{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:5px;
}
.img_one_half{
padding:4px;
width:263px;
background:#32353E;
border:solid 1px #444;
margin-right:20px;
float:left;
}
.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 img{
widows:273px;
height:158px;
padding:4px;
margin:5px;
}

.view{
width:600px;
float:left;
}
.view img{
margin-top:20px;
}
#view_info{
float:left;
margin-top:10px;
margin-left:20px;
width:235px;
padding:10px 20px 10px 20px;
text-align:left;
line-height:1.4em;
background:#32353E;
border:solid 1px #444;
}

#view_title{
width:600px;
float:left;
}

ul.list {
	list-style:none;
	margin-left: 0;
	padding-left: 16;
	color:#6A6A6A;
	font-size:12px;
	line-height:2;
}


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

#footer .inner{
width:900px;
padding: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*/

.one_half{width:390px;float:left;margin-right:20px;}
.one_third{width:270px;float:left;margin-right:20px;}
.one_fourth{width:195px;float:left;margin-right:20px;}
.one_fifth{width:156px;float:left;margin-right:20px;}
.two_third{width:570px;float:left;margin-right:20px;}
.last{margin-right:0px;}

.one_third ul{
}
.one_third ul li{
color:#CCCCCC;
padding:5px 0px 10px 0px;
margin-left:20px;
line-height:1.5em;
border-bottom:solid 1px #333333;
}
.one_third ul li img{
float:left;
padding:0px 7px 0px 0px;
}

h3{
background:url(images/bg_heading.png) top repeat-x;
padding:8px 10px 10px 10px;
margin-bottom:10px;
letter-spacing:1px;
text-transform:uppercase;
}

#slideshow {width: 390px; height: 226px; }
#slideshow ul{list-style:none;}
#nav { z-index: 50; position: absolute; bottom:240px; left: 295px }
#nav a {	font-size:0px;
 margin: 0 5px; padding:5px; border: 1px solid #333; background: #CCCCCC; text-decoration: none }
#nav a.activeSlide { background: #333 }
#nav a:focus { outline: none; }

#quote{
text-align:center;
height:50px;
padding-top:25px;
background:url(images/bg_quote.jpg) top repeat-x;
}

#quote h1{
color:#CCC;
font-weight:bold;
font-size:24px;
}

.btn_back{
width:200px;
float:right;
text-align:right;
top:165px;
}

.deco-a{
	position:absolute;
	top:120px;
}