@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#000;
	background-image:url(assets/wood_bg_1600x1050.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:80%;
	height:100%;
}

h1 { font-size:2.5em; }

#wrapper {
	position:relative;
	min-height:100%;
	margin:0 auto;
	text-align:left;
}
#decorativeHeader {
	background-image:url(assets/decorative_header.png);
	position:absolute;
	background-position:top center;
	top:0px;
	height:292px;
	width:100%;
	z-index: 3;
}
#content {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:950px;
	color:#CCCCCC;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:85%;
}
#header {
	position:relative;
	height:169px;
	width:950px;
	z-index:26;
}
#logo {
	float:left;
	margin:29px 0px 0px 37px;
	border:none;
	z-index:55;
	width:235px;
}
#navbar {
	position:absolute;
	left:465px;
	font-weight: bold;
	font-size:85%;
	z-index:13;
}
#welcome {
	position:relative;
	margin:0 auto;
	background:url(assets/welcome.png) no-repeat;
	width:950px;
	height:271px;
	clear:both;
	z-index:13;
}
a:link {
	color:#8CC541;
	text-decoration:none;
}
a:visited {
	color:#8CC541;
	text-decoration:none;
}
a:hover {
	color:#336666;
}
#myPortfolio {
	position:relative;
	margin:0 auto;
	background:url(assets/my_teknikal_portfolio.png) no-repeat;
	width:950px;
	height:195px;
	z-index:5;
}
#featured {
	position:relative;
	width:950px;
	height:320px;
}
#galleryFrame {
	position:absolute;
	width:873px;
	height:269px;
	left:40px;
	top:40px;
	z-index: 8;
}
#content_copy {
	position:relative;
	width:950px;
	height:325px;
	z-index: 25;
	background:url(assets/index_content_bg_11_11.png) no-repeat;
	padding-bottom:0px;
	line-height: 1.5em;
}
#bread_crumb {
	font-size:95%;
	position:relative;
	width:950px;
	padding:15px 0px 20px 39px;
}

#bread_crumb a:link { color:#CCCCCC; text-decoration:underline; }
#bread_crumb a:visited { color:#CCCCCC; text-decoration:underline;}
#bread_crumb a:hover { color:#CCCCCC; text-decoration:none}

												/* ---------About Page------------- */
#about_peter {
	position:relative;
	margin:0 auto;
	background:url(assets/about_peter_duong.png) no-repeat;
	width:950px;
	height:205px;
	z-index:14;
}
#aboutContainer{
	position:relative;
	height:500px;
	z-index:12;
}
#aboutNav {
	width:200px;
	height:400px;
	float:left;
	background: url(assets/portfolionav_shadow_05.png) no-repeat right;
	padding-top: 16px;
	padding-left: 37px;
	line-height:2em;
}

.aboutNav li {list-style:none; margin-bottom:20px;}
.connectNav {list-style:none; padding-left:5px;}

#aboutInfo {
	width:370px;
	height:600px;
	float: left;
	padding: 20px 0px 0px 20px;
	line-height:1.5em;
	z-index:13;
}
#aboutPic {
	width:241px;
	height:581px;
	float:right;
	margin:20px 40px 0px 0px;
}
#aboutConnect {
	float:right;
	width:275px;
	height:330px;
	padding:20px 50px 0px 0px;
	line-height: 1.5em;
}
							/*------------ End About Page -----------------*/

							/*----------404 page -----------------*/
#errorContainer{
	position:relative;
	height:500px;
	font-size: 95%;
}
#errorInfo {
	width:350px;
	height:500px;
	float: left;
	padding: 20px 0px 0px 20px;
	line-height:1.7em;
}
#errorPic {
	width:241px;
	height:581px;
	float:right;
	background:url(assets/sketching_03.jpg) no-repeat;
	margin:20px 40px 0px 0px;
}
								/*-----end 404 page--------*/

#content_portfolio_long {
	position:relative;
	height:1350px;
	z-index: 14;
	line-height: 1.5em;
}
#content_print {
	position:relative;
	width:950px;
	height:600px;
	z-index: 1;
	margin-bottom:75px;
}

#content_identity {
	position:relative;
	width:950px;
	height:365px;
	z-index: 1;
}
#content_web {
	position:relative;
	width:950px;
	height:250px;
	clear:both;
}
.project_name {
	font-size: 1.2em;
	font-weight: bold;
}

#content_portfolio {
	position:relative;
	height:750px;
}
#portfolio_subheading {
	position:relative;
	width:950px;
	height:23px;
	padding:0px 0px 10px 1px;
	clear:both;
}
#content_portfolio_short {
	position:relative;
	height:500px;
	font-size: 100%;
}
#portfolioThumb {
	float:left;
	width:248px;
	height:170px;
	padding:50px 19px 40px 40px;
	margin:0px 0px 35px 0px;
	color:#8D8D8D;
}
.thumb_title { margin-top:4px; }
#slideshowContainer {
	position:relative;
}
#portfolioNav {
	width:233px;
	height:400px;
	float:left;
	background-image: url(assets/portfolionav_shadow_05.png);
	padding-top: 16px;
	background-position: right;
	padding-left: 37px;
	background-repeat: no-repeat;
}
.portfolioNav {
	padding-left: 28px;
	line-height: 1.6em;
	list-style-position: outside;
	list-style-image: url(assets/green_bullet.png);
	list-style-type: none;
	padding-right: 58px;
	padding-top:3px;
	color:#999999;
	font-size: 95%;
}
.portfolioNav_current {
	color: #FFF;
	font-weight: bold;
}

#portfolioNav a:link { color:#999999; text-decoration:none;} 
#portfolioNav a:visited { color:#999999;} 
#portfolioNav a:hover {color:#FFFFFF;} 

#portfolioInfo {
	width:182px;
	height:400px;
	float: left;
	padding-top: 10px;
	padding-right: 18px;
	padding-left: 3px;
}

#screenshot{
	position:absolute;
	background:url(assets/transparent_black.png);
	padding:5px;
	display:none;
	color:#D5D5D5;
	text-align: left;
	font-size: 85%;
	line-height: 1.4em;
	}

.clientInfo {	color: #8CC541;	font-weight: bold; }
.lineheightText {	line-height: 1.5em; }
.tracking { letter-spacing:.1ex; }

#slideshow {
	width:555px;
	height:715px;
	float: right;
	padding-right: 41px;
}
#slideshow_short {
	width:432px;
	height:500px;
	float: right;
	padding-right: 40px;
	text-align: right;
}
#launch {
	position:absolute;
	left:855px;
	top:325px;
	font-size: smaller;
}


#nav {
	position:relative;
	width: 191px;
	height: 8px;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:75%;
	left: 865px;
	top: 0px;
	z-index: 25;
}
#nav li { 
	float: left; 
	list-style: none
}
#nav a {
	background: #000;
	color:#FFFFFF;
	text-decoration: none;
	margin: 0 3px;
	padding: 3px 5px;
}
#nav a.activeSlide { 
	background: #8CC541; 
	color:#FFF; 
	border:solid; 
	border-color:#8CC541; 
	border-width:1px; 
}
#nav a:focus { 
	outline: none; 
}

#blog {
	float:left;
	width:240px;
	height:300px;
	padding:50px 65px 0px 40px;
}

.excerpt_author {
	font-style:italic;
	font-size:0.85em;
	color:#999999;
	letter-spacing:0.1em;
	margin:0;
}
.excerpt { margin-bottom:5px; }
.excerpt_link { margin-top:10px; }

#bio {
	float:left;
	width:240px;
	height:300px;
	padding:50px 25px 0px 10px;
}
#connect {
	float:left;
	width:240px;
	height:330px;
	padding:50px 10px 0px 40px;
	z-index: 15;
}

.connect_ul {
	list-style:url(assets/green_bullet.png) outside;
	padding:8px 0px 0px 40px;
}
.social_ul {
	list-style:none;
	padding:10px 0px 0px 25px;
}
.social_ul li {
	font-size:1.25em;
	font-weight:bold;
	line-height:1.5em;
}
.social_table {
	font-size:1em;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}
							/* ------------Begin Contact Page -----------*/

#contactContainer{
	position:relative;
	height:600px;
}
#contactInfo {
	width:330px;
	height:650px;
	float: left;
	padding: 20px 0px 0px 20px;
	line-height:1.5em;
	z-index:13;
}

							/*-------------End Contact Page ----------*/
							
							/*----------------Begin Resume Page------------*/
#resumeContainer{
	position:relative;
	height:1200px;
	z-index:14;
}
#resumeInfo {
	width:450px;
	height:1100px;
	float: left;
	padding: 20px 0px 0px 20px;
	line-height:1.5em;
}
.resume_subhead { margin-bottom:3px; }
#resumeSeperator {
	border-bottom: 1px #CCCCCC solid;
	height:10px;
	margin:10px 0 25px 0px;
}
#resumeInfo li {	padding-top:10px;	 }

#resumeLi {
	list-style-position: outside;
	list-style-image: url(assets/green_bullet.png);
	list-style-type: none;
	padding-left:30px;
	padding-bottom:10px;
}
#eduL { float:left; width:235px;} #eduR {float:left; width:215px;}

#resumeSkills {
	list-style-position: outside;
	list-style-image: url(assets/green_bullet.png);
	list-style-type: none;
	padding-left:30px;
}
#resumeSkills li { padding-top:2px; }

#skillsL { float:left; width:205px;} #skillsR { float:left; width:215px;}

#resumePic {
	float:right;
	width:125px;
	height:190px;
	background:url(assets/transparent_black.png);
	font-size:150%;
	line-height:1.5em;
	margin:15px 40px 0px 0px;
	padding:20px;
}
							/*----------End Resume Page ------------*/
							
#footerFade {
	position:absolute;
	bottom:0px;
	background-image:url(assets/footer_fade.png);
	background-repeat:repeat-x;
	height:253px;
	width:100%;
	z-index: 7;
}
#clearFooter { clear:both; }
#footer {
	position:relative;
	bottom:0px;
	background:url(assets/footer3.png) no-repeat;
	height:253px;
	width:950px;
	z-index: 9;
}
#footer  a:link {
	color: #808080;
	text-decoration: none;
}
#footer a:visited {
	color: #808080;
	text-decoration: none;
}
#footer  a:hover {
	color: #FFFFFF;
}
#footerNav {
	position:absolute;
	left:205px;
	top:172px;
	color:#808080;
	font-size:90%;
	width: 63px;
	height: 64px;
	z-index: 28;
}

#footerNav ul {
	list-style:none;
	z-index:12;
	line-height:1.4em;
	text-align:left;
}

#footerContact {
	position:absolute;
	left:305px;
	top:172px;
	font-size:90%;
	font-weight:bold;
	width:100px;
	height:50px;
	color:#808080;
	text-align:left;
	text-decoration:none;
	line-height:1.5em;
	z-index: 4;
}
#footerCopyright {
	position:absolute;
	left:480px;
	top:172px;
	font-size:90%;
	width:320px;
	height:50px;
	color:#808080;
	text-align:left;
	line-height:1.5em;
	z-index: 5;
}	
#footerTree {
	position:absolute;
	left:825px;
	top:158px;
	background:url(assets/footer_tree4.png);
	width:64px;
	height:94px;
}
#footerTree_copy {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#808080;
	position:absolute;
	left:39px;
	top:-12px;
	width:40px;
	height:100px;
	font-size:1.2ex;
	line-height:1.8ex;
}

/*comment crap out of bug
comment crap out of bug
comment crap out of bug
comment crap out of bug
comment crap out of bug
comment crap out of bug*/