@charset "utf-8";
/* CSS Document */
a img { border:0 }
img { border:0 }
html, body {
	background-color:#8D8B00;
	font-family: Verdana, Geneva, sans-serif;
	color:#333;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	padding:0; 
	height:100%; 
	overflow:hidden;
}
a:active{color:	#FFF;}
a:hover{color:#FFF;}
a:visited{color:#999;}
a{color:#666;}
p {
	word-spacing: 0;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.2em;

	margin-left: 0.8em;
	margin-right: 0.8em;
	margin-top: 0.8em;
	padding-top: 15px;
}

p.portfolio{
	word-spacing: 0.1em;
	letter-spacing:0;
	line-height:1.4em;
	text-align: left;
	font-size: 1em;
	margin-left: 0.8em;
	margin-right: 0.8em;
	margin-top:0;	
}
#container_resume{
	width: 960px;
	height:720px;
	margin: 0 auto;
	margin-top:0;
	text-align: left;
	position:relative;
	background-color: #f1efe8;
	z-index:1;
}
#container{
	width: 960px;
	height:100%;
	margin: 0 auto;
	margin-top:0;
	text-align: left;
	position:relative;
	background-color: #f1efe8;
	z-index:1;
}
#clouds {
	width:960px;
	margin: 0 auto;
	z-index:4;
	position:absolute;
}

#squid {
	width:210px;
	z-index:99;
	top:39px;
	position:absolute;
	margin:auto 20px;
}
#fill{
	background-color: #99cccc;
	left:275px;
	top:66px;
	position:absolute;
	width:610px;
	z-index:2;
	margin: 0 auto;
	height:100%;
}
#main_resume{
	background-color: #99cccc;
	height:538px;
	width:594px;
	z-index:3;
	padding-top:20px;
	padding-left:16px;
	left:275px;
	top:163px;
	position:absolute;
	overflow: visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main{
	background-color: #99cccc;
	height:407px;
	width:585px;
	z-index:3;
	margin: 0 auto;
	padding-top:32px;
	padding-left:25px;
	left:275px;
	top:162px;
	position:absolute;
	overflow: visible;
}
#menuBar{
	background-image:url(../img/menuBar.png);
	z-index:97;
	height:52px;
	width:660px;
	margin: 0 auto;
	left:250px;
	top:142px;
	position:absolute;
}

#navHome{
	z-index:7;
	height:45px;
	width:106px;
	margin: 0 auto;
	position:absolute;
	left: 300px;
	top: 113px;
}

#navPort{
	z-index:5;
	height:45px;
	width:106px;
	margin: 0 auto;
	position:absolute;
	left: 417px;
	top: 113px;
}
	
#navResume{
	z-index:6;
	height:45px;
	width:106px;
	margin: 0 auto;
	position:absolute;
	left: 533px;
	top: 113px;
}	

#footer{
	top:562px;
	background-color:#cce6e6;
	height:33px;
	width:610px;
	z-index:98;
	border-bottom:1px dashed;
	border-top:1px dashed;
	border-color:#000;
	margin: 0 auto;
	position:absolute;
	left: 277px;
}
	
#txtBox_1{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_2{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_3{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_4{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_5{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_6{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_7{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_8{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	visibility: hidden;
	top: 19px;
	left: 15px;
}

#txtBox_init{
	width:333px;
	z-index:4;
	position:absolute;
	height: 387px;
	top: 19px;
	left: 15px;
}

#txtBox_port{
	width:376px;
	z-index:4;
	position:absolute;
	height: 387px;
	top: 19px;
	left: 15px;
}
#thmb_1{
	position:absolute;
	left: 368px;
	z-index:4;
	top: 35px;
}
#thmb_2{
	position:absolute;
	left: 487px;
	z-index:4;
	top: 37px;
}

#thmb_3{
	position:absolute;
	left: 368px;
	z-index:4;
	top: 135px;
}
#thmb_4{
	position:absolute;
	left: 488px;
	z-index:4;
	top: 135px;
}

#thmb_5{
	position:absolute;
	left: 368px;
	z-index:4;
	top: 235px;
}
#thmb_6{
	position:absolute;
	left: 488px;
	z-index:4;
	top: 235px;
}
	
#thmb_7{
	position:absolute;
	left: 368px;
	z-index:4;
	top: 335px;
}
#thmb_8{
	position:absolute;
	left: 488px;
	z-index:4;
	top: 335px;
}	

#txt_holder{
	position:absolute;
	left: 487px;
	z-index:4;
	top: 37px;
	text-align:left;
}