/******************************************************************
  
Site Title : Jeffry's Web - Jeffry Alimurung Online Portfolio
Site URL : http://www.jeffrysweb.com
Site Author : Jeffry N. Alimurung
Version: 1.0

******************************************************************/



* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #0e1011;
	background-image: url(images/background.png);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color:#adaeaf;
}

img, div { behavior: url(scripts/iepngfix.htc); }

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	margin: 0 0 10px 20px;
	font-weight: normal;
}

#wrapper {
	width: 100%;
}

#ribbon {
	background-image: url(images/side-ribbon.png);
	width: 191px;
	height: 196px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#topbar{
	position:absolute;
	background-image: url(images/navigation-bg.png);
	height: 61px;
	width: 100%;
	visibility: hidden;
	z-index: 50;
}
	.menu-wrapper {
		width: 1050px;
		margin: 0 auto;
	}
		.menu-wrapper ul {
			margin: 0;
			padding: 20px 0 0 600px;
		}
			.menu-wrapper ul li {
				list-style-type: none;
				float: left;
				font-family: "Times New Roman", Times, serif;
				font-size: 20px;
				margin-right: 10px;
			}
			.menu-wrapper ul li a {
				color: #b3b0b0;
				text-decoration: none;
				margin: 0 10px;
			}

#container {
	width: 1050px;
	padding-top: 90px;
	margin: 0 auto;
}


#header {
	background-image: url(images/header-bg.png);
	background-repeat: no-repeat;
	height: 503px;
}
	#header-left {
		width: 447px;
		float: left;
		height: 469px;
		padding: 34px 0 0 50px;
		_padding: 34px 0 0 40px;
	}
	#header-right {
		width: 553px;
		float: right;
		height: 503px;
	}
		#intro-text {
			height: 157px;
			padding-top: 10px;
		}
			#intro-text p {
				margin-bottom: 10px;
		  		line-height: 22px;
				padding: 0 20px;
			}
		#twitter-post {
			background-image: url(images/twitter-post-bg.png);
			height: 122px;
		}
		#intro-social {
			background-image: url(images/intro-social-bg.png);
			height: 66px;
		}
			#intro-social ul{
				margin: 0;
				padding: 15px 0 0 270px;
			}
				#intro-social ul li {
					list-style: none;
					float: left;
					margin: 0 10px;
				}
				#intro-social ul li a img {
					border: 0;
				}

#about {
	background-image: url(images/about-bg.jpg);
	height: 479px;
	padding-top: 90px;
}
	#about p, #contact p, #portfolio p {
		line-height: 22px;
		margin-bottom: 12px;
		padding: 0 10px 0 20px;
	}
	#about p strong, #contact p strong {
		color: #d53030;
	}
	#about p a, #contact p a {
		color: #FFFFFF;
		text-decoration: none;
	}
		#about p a:hover, #contact p a:hover {
			text-decoration: underline;
		}

#portfolio {
	padding-top: 90px;
}
	#portfolio ul {
		margin: 0;
		padding: 20px 0 0 20px;
	}
	#portfolio ul li {
		list-style-type: none;
		float: left;
		margin: 10px;
	}
	#portfolio li a img {
		border: 0;
	}
#contact {
	padding-top: 90px;
}

	#form-part {
		background-image: url(images/contact--form-bg.png);
		width: 560px;
		height: 595px;
		float: left;
		background-repeat: no-repeat;
	}
		.form-postion {
		padding: 83px 0 0 60px;
		}
		
		.form-input {
			background-color: transparent;
			border: none;
			font-size: 16px;
			width: 415px;
			margin-bottom: 70px;
		}
		.form-text {
			font-family: Arial, Helvetica, sans-serif;
			height: 100px;
			margin-bottom: 35px;
			background-color: transparent;
			border: none;
			font-size: 16px;
			width: 415px;
		}
		.form-button {
			margin: 0 0 0 -16px;
			width: 150px;
			height: 50px;
		}
			
	#profile-part {
		padding: 95px 0 0 0;
		width: 480px;
		height: 500px;
		float: right
	}
	
#footer {
	background-image: url(images/footer-bg.png);
	background-repeat: no-repeat;
	font-size: 11px;
	text-align: center;
	padding: 40px 0 20px 0;
}
	#footer p {
		margin-bottom: 10px;
		color: #adaeaf;
	}
	#footer p a {
		color: #adaeaf;
		text-decoration: none;
		padding-bottom: 3px;
	}
	#footer p a:hover {	
		border-bottom: 1px dashed #adaeaf;
	}

	
.clearboth {
	clear: both;
}

.separator {
	height: 150px;
}

.white {
	font-size: 50px;
	color: #FFFFFF;
}

.sep1 {
	height: 1px;
	width: 90%;
	margin: 0 auto;
	background-color: #353639;
	margin-bottom: 20px;
}