/* @override http://localhost:8888/style.css */

body {
	background-color: #383838;
	color: #FFFFFF;
	margin-top: 20px;
	padding: 0px;
	background-image: url(images/bg_page.gif);
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
}
img { 
border: none; 
}
a { text-decoration: none; color: #FFCC00; font-weight: bold; }
a:hover { text-decoration: underline; }
h1 { font-size: 14px; padding-top: 10px; margin: 0px; }
small { font-size: 10px; }
p { font-size: 12px; padding-top: 10px; margin-bottom: 10px; margin-top: 0px; line-height: 16px; }
.container {
	position: relative;
	left: 30%;
	width: 1004px;
	margin-left: -303px;
}
#header {
	position: relative;
	height: 52px;
	background-image: url(images/bg_top.gif);
	background-repeat: repeat-x;
}
#symbol_top { position: absolute; left: -40px; top: 0px; height: 37px; width: 24px; }
#projects_container, #project_container, #profile_container {
	position: relative;
	height:130px;
	padding-top: 10px;
	background-color: #3c3c3c;
	
 }
#projects_container img {
 margin-right: 10px;
 text-align: center; 
  margin-bottom: 10px;
  }
#projects_container, #info_box, #logo_box, #fotografi_box, #gallery_box, #project_container, #profile_container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #282828;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #282828;
}
#header, #projects_container, #info_box, #copyright { padding-left: 10px; }
#info_header { 
padding: -10px 0 14px 0; 
height:37px
}

#project_container  { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
#info_box { background-color: #303030; top: 0px; position:relative; left: 100px; height: 355px; width: 418px;  overflow: auto;  }

#logo_box { position: absolute; top: 0px; left: 528px; width: 338px; height: 364px; }
#fotografi_box {
	background-color: #303030;
	height: 118px;
	width: 984px;
}
#info_box p { padding-right: 20px; }
#gallery_box {
	background-color: #303030;
	height: 696px;
	width: 666px;
}
#fotografi_box img {
	margin: 16px;
}
#fotojump {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
}
#project_container {
	height: auto;
}
#profile_container {
	height: 520px;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 10px;
}
#info_container {
 
	background-color: #282828;
	background-image: url(images/bg_dark.gif);
}
#copyright { font-size: 10px; color: #6c6c6c; margin-top: 10px; }
#copyright a { color: #6c6c6c; }
#copyright a:hover { color: #FFFFFF; }
form, input { margin: 0px; padding: 0px; }