@charset "utf-8";
/* CSS Document */
/* sylvesterz.com Version 6*/
/* Codename: Middlestream*/

/* Base*/
body {
	background-color:#111111;
	background-image:url(images/background.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	font-family:"Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	font-size:12px;
	font-stretch:condensed;
	color:#555555;
}

a:active
	{outline: none;}

a:focus
	{-moz-outline-style: none;
	outline: 0;
}
	
a {
	text-decoration:none;
	color:#9eecff;
	border:0px;
	border-width:0px;
}

img{
	border:0px;
}

.clear{
	clear:both;}

#container {
	width: 900px;
	margin: 1px auto 0 auto;
	padding: 0px 0px 0px 0px;}

#header{
	width:900px;
	height:210px;
}

#logo {
	float:left;
	width:380px;
	height:210px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	display:block;
	background:url(images/navbar.jpg) no-repeat; 				
}

#logo a{
	width:380px;
	height:210px;
	display:block;}

#logo a:hover{
	background:url(images/navbar.jpg) 0px -210px;
}

#splash{
	width:900px;
	height:auto;
	clear:both;}

#splashhome{
	margin:0;
	width:900px;
	height:300px;
	background:url(doc/splash/home.png) no-repeat;}

.splashjakarta{
	width:205px;
	height:95px;
	margin-left:675px;
	padding-top:37px;
	}

.splashjakarta a{
	display:block;
	width:205px;
	height:95px;}

.splashjakarta a:hover{
	width:205px;
	height:95px;
	display:block;
	background-image:url(doc/home/jakarta.png);}

#footerbase{
	margin-top:15px;
	height:auto;
	width:auto;
	background-image:url(images/footerbase.png);
	background-color:#0e0e0e;
	background-repeat:repeat-x;}

#footer{
	width:auto;
	height:220px;
	margin:0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(images/footer.jpg);}

#featured{
	margin-top:5px;
	width:900px;
	height:185px;}

#featured1{
	float:left;
	width:286px;
	height:185px;}

#featured2{
	margin-left:20px;
	float:left;
	width:286px;
	height:185px;}

#featured3{
	margin-left:20px;
	float:left;
	width:286px;
	height:185px;}

.top{
	margin-right:5px;
	margin-top:15px;
	height:20px;
	width:50px;
	float:right;
	background-repeat:no-repeat;
	background-image:url(images/top.png);}

.top a{
	display:block;
	height:20px;
	width:50px;}

#feeds{
	margin-top:30px;
	width:898px;
	height:auto;}

#facebook{
	float:left;
	background-image:url(images/feeds/facebook.jpg);
	background-repeat:no-repeat;
	width:286px;
	height:70px;}
	
#facebookdown{
	float:left;
	background:url(images/feeds/facebook.jpg) 0px -230px;
	background-repeat:no-repeat;
	width:286px;
	height:20px;}

#twitter{
	float:left;
	margin-left:20px;
	background-image:url(images/feeds/twitter.jpg);
	background-repeat:no-repeat;
	width:286px;
	height:70px;
	}

#twitterdown{
	float:left;
	margin-left:20px;
	background:url(images/feeds/twitter.jpg) 0px -230px;
	background-repeat:no-repeat;
	width:286px;
	height:20px;
	}
	
#blog{
	float:left;
	margin-left:20px;
	background-image:url(images/feeds/blog.jpg);
	background-repeat:no-repeat;
	width:286px;
	height:70px;}

#blogdown{
	float:left;
	margin-left:20px;
	background:url(images/feeds/blog.jpg) 0px -230px;
	background-repeat:no-repeat;
	width:286px;
	height:20px;}

.status{
	padding-left:20px;
	width: 255px;
	color:#FFFFFF;
	height:auto;
	font-size:13px;
	line-height:1.3em;}

.statusbase{
	width:286px;
	float:left;
	height:100%;}

.statusbase2{
	margin-left:20px;
	width:286px;
	float:left;
	height:100%;
	}
	
#statuscontainer{
	width:898px;
	height:auto;
	background-image:url(images/feeds/tileall.png);
	background-repeat:repeat-y;}
	

#twitter_update_list{
	list-style-type:none;}

#twitter_update_list li{
	margin-bottom:15px;
	text-align:left;}
	
#visitfeeds{
	margin-top:3px;
	width:898px;
	height:30px;}

.visit1{
	width:286px;
	height:30px;
	float:left;}

.visit2{
	margin-left:20px;
	width:286px;
	height:30px;
	float:left;}
	
#sidebar{
	width:286px;
	height:auto;
	float:left;}

#main{
	margin-left:20px;
	width: 592px;
	height:auto;
	float:left;}


#bio-top{
	background:url(images/bg/bio-top.jpg) left top no-repeat;
	width:592px;
	height:15px;
	margin:0;
	float:left;}

#bio{
	height:151px;
	background:url(images/bg/bio-rounded.jpg) left bottom no-repeat;
	width:592px;
	padding-top: 0;
	margin:0;
	padding-bottom:48px;
	float:left;
	font-size:13px;
}

.biotext{
	font-size:13px;
	width: 552px;
	margin-left:20px;
	line-height:1.6em;
	color:#FFFFFF;}

#ach-bottom{
	background:url(images/bg/ach-bottom.jpg) left bottom no-repeat;
	width:592px;
	height:50px;
	margin:0;
	float:left;}

#ach{
	background:url(images/bg/ach-rounded.jpg) left top no-repeat;
	width:592px;
	padding-top: 0;
	margin-top:20px;
	padding-top:60px;
	float:left;
}

.ach-img{
	width:140px;
	margin-left:20px;
	float:left;}

.ach-info{
	font-size:13px;
	margin-top:0;
	padding:0;
	width:392px;
	margin-left:30px;
	float:left;}

.ach-info a{
	color:#0099CC;}

.arc-year{
	font-family:"Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	margin-top:0;
	margin-bottom:5px;
	font-size:30px;
	color:#db8400;}

#info-bottom{
	background:url(images/bg/info-bottom.jpg) left bottom no-repeat;
	width:286px;
	height:20px;
	margin:0;
	float:left;}

#info{
	background:url(images/bg/info-rounded.jpg) left top no-repeat;
	width:286px;
	padding-top: 0;
	margin-top:20px;
	padding-top:60px;
	float:left;
}

#info p{
	font-size:12px;
	margin-bottom:0;
	margin-top:0;
	margin-left:20px;
	width:246px;
	color:#ffffff;}

.infocaption{
	font-size:12px;
	margin-left:20px;
	padding:0;
	color:#ffbd4b;}

#social-bottom{
	background:url(images/bg/social-bottom.jpg) left bottom no-repeat;
	width:286px;
	height:20px;
	margin:0;
	float:left;}

#social{
	background:url(images/bg/social-rounded.jpg) left top no-repeat;
	width:286px;
	padding-top: 0;
	margin-top:20px;
	padding-top:50px;
	float:left;
}

.socialnet{
	background-image:url(/doc/icon/bg.png);
	width:286px;
	height:50px;}

.socialnet a{
	display:block;}

.socialnet a:hover{
	width:286px;
	height:50px;
	background-image:url(/doc/icon/bghover.png);
	display:block;}

.socialcaption{
	width:180px;
	height:auto;
	float:left;
	margin-top:7px;
	margin-left:15px;}

.socialname{
	font-family:"Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	size:12px;
	float:left;}

.socialicon{
	margin-top:7px;
	margin-left:40px;
	width:35px;
	height:35px;
	float:left;}	

.sociallink{
	margin-top:3px;
	font-family:"Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	color:#aaaaaa;
	size:12px;
	float:left;}

#ctc-bottom{
	background:url(images/bg/ctc-bottom.jpg) left bottom no-repeat;
	width:592px;
	height:50px;
	margin:0;
	float:left;}

#ctc{
	background:url(images/bg/ctc-rounded.jpg) left top no-repeat;
	width:592px;
	padding-top: 0;
	margin-top:0;
	padding-top:60px;
	float:left;
}

#contactform{
	margin-left:20px;}

.space20{
	width:auto;
	height:20px;}

.orange{
	color:#ffc671;}

.textcaption{
	color:#999999;}

.hide{
	display:none;}

#music{
	margin-top:10px;
	margin-bottom:0;
	padding-top:5px;
	padding-left:35px;
	background-repeat:no-repeat;
	background-image:url(images/feeds/listen.jpg);
	width:900px;
	height:30px;
	color:#aaaaaa}

.project{
	background-image:url(images/topliner.png);
	background-repeat:no-repeat;
	height:215px;
	width:900px;
	padding-top:15px;}

.port-pic{
	width:650px;
	height:200px;
	float:left;}

.port-descwrap{
	margin-left:10px;
	margin-top:0;
	margin-bottom:0;
	width:240px;
	height:200px;
	float:left;
	display:table;}

.port-desc{
	display: table-cell;
    vertical-align: middle;
	width:240px;
	height:auto;
	font-size:12px;
	color:#FFFFFF;
    /* For IE6/7 */
    margin-top:4px;);}

.port-title{
	font-weight:bold;
	color:#999999}
	
.portmenu{
	width:900px;
	height:25px;}

.portmenu-web{
	width:50px;
	height:25px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(images/port/web.png);}

.portmenu-print{
	width:75px;
	height:25px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(images/port/print.png);}
	
.portmenu-logo{
	width:70px;
	height:25px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(images/port/logo.png);}
	
.portmenu-others{
	width:80px;
	height:25px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(images/port/others.png);}
	
.portmenu-btop{
	width:100px;
	height:25px;
	float:right;
	background-repeat:no-repeat;
	background-image:url(images/port/btop.png);}

#sent{
	float:right;
	width:592px;
	height:550px;
	background-image:url(doc/contact/sent.png);
	background-repeat:no-repeat;}

.loader{
	margin-left:270px;
	margin-top:100px;}