html {
	background:#161616;
	font-family: MicrosoftTaiLe;
}
body {
	background-color:#161616;
	background-position:center;
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
#main {
width:100%;
margin: 0px auto;
}
@font-face {font-family: MicrosoftTaiLe; src: url('taile.ttf'); }
@font-face {font-family: MicrosoftTaiLeb; font-weight:bold; src: url('taileb.ttf'); }
@font-face {font-family: Modern20; src: url('mod20.ttf'); }

#wrap {
	width: 1001px;
	margin: 0px auto;
	overflow:hidden;
	display:block;
}
#top {
	width:1001px;
	height:395px;
	margin:0px auto;
	overflow:hidden;
	background-image:url('images/top_background.png');
	position:static;
}
#menu-top {
	overflow:hidden;
	float:right;
	width:661px;
	position:relative;
}
#notebook-top {
	width:497px;
	height:255px;
	float:right;
	overflow:hidden;
	margin:48px 47px 0px 0px;
	position:relative;
	display:block;
}
#content {
	width:auto;
	margin:0px auto;
}
/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/

#content-home {
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
#content-about {
	width:980px;
	height:450px;
	margin:0px auto;
	background-image:url('images/content2-background.png');
	overflow:hidden;
	padding: 10px 10px 10px 10px;
}
#content-portfolio {
	width:980px;
	height:430px;
	margin:0px auto;
	background-image:url('images/content2-background.png');
	overflow:hidden;
	padding: 10px 10px 10px 10px;
}
.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
/*HHHHHHHHHHHHHHHHH CONTACT >> HHHHHHHHHHHHHHHHHHHH*/
#content-contact {
	width:980px;
	height:390px;
	margin:0px auto;
	background-image:url('images/content2-background.png');
	overflow:hidden;
	padding: 10px 10px 10px 10px;
}
.contactstyle1 {
	font-family: MicrosoftTaiLe;
	float:left;
	overflow:hidden;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
	color:#222222;
	font-size:13px;
}
.contactstyle2 {
	font-family: MicrosoftTaiLe;
	float:left;
	overflow:hidden;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
	color:#cc0000;
	font-weight: bold; 
	font-size:13px;
}
#formdiv1 {
display:block;
overflow:hidden;
position:relative;
float:left;
padding: 15px 15px 15px 15px;
width: 400px;
height: 250px;
}
#formdiv2 {
display:block;
overflow:hidden;
position:relative;
float:right;
padding: 15px 15px 15px 15px;
width: 400px;
height: 350px;
}
/*HHHHHHHHHHHHHHHHH << CONTACT HHHHHHHHHHHHHHHHHHHH*/
.aboutme {
width:480px;
height: 430px;
margin:10px 10px 10px 10px;
float: left;
overflow:hidden;
}
/*HHHHHHHHHHHHHHHHH SKILLS & ABOUT >> HHHHHHHHHHHHHHHHHHHH*/
#white-bar {
	background-image:url('images/content1-background.png');
	background-repeat: repeat-x;
	height: 223px;
	overflow:hidden;
}
/*HHHHHHHHHHHHHHHHH << SKILLS & ABOUT HHHHHHHHHHHHHHHHHHHH*/
#home1 {
	width:1000px;
	height:400px;
	margin:0px auto;
	background-image:url('images/about-background.png');
	background-repeat: no-repeat;
}
#footer-container {
	background-image:url('images/footer-container.png');
	background-repeat: repeat-x;
	height: 148px;
	overflow:hidden;
	margin:0px auto;
}
#footer {
	width:960px;
	margin:0px auto;
}
#divfooter1 {
width:430px;
height:148px;
overflow:hidden;
float:left;
margin: 0px auto;
padding: 25px 0px;
}
#divfooter2 {
width:100px;
height:148px;
position:relative;
overflow:hidden;
float:left;
margin: 0px auto;
padding: 15px 0px;
}
#divfooter3 {
width:430px;
height:148px;
position:relative;
overflow:hidden;
float:right;
margin: 0px auto;
padding: 25px 0px;
}
.footerstyle1 {
	font-family:MicrosoftTaiLe;
	font-size:12px;
	color:#999999;
	float: left;
}
.footerstyle2 {
	font-family:MicrosoftTaiLe;
	font-size:12px;
	color:#999999;
	float: right;
}
a.footerlink {
	font-family:MicrosoftTaiLe;
	font-size:12px;
	color:#aaaaaa;
}
a:visited.footerlink {
	font-family:MicrosoftTaiLe;
	font-size:12px;
	color:#aaaaaa;
}
a:hover.footerlink {
	font-family:MicrosoftTaiLe;
	font-size:12px;
	color:#eeeeee;
}