/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

#outer_container {
	width: 1000px;
}

#main_container {
	margin: 0 auto;
	background: url(../images/bg_image_whole.jpg) no-repeat;
	width: 1000px;
	height: 800px;
}

#portfolio_text {
	position: absolute;
	text-indent: -9000em;
	background: url(../images/portfolio_text.jpg) no-repeat;
	width: 193px;
	height: 42px;
	margin: 230px 0 0 210px;
}

#logo {
	position: absolute;
	padding-top: 125px;
	margin: 0 0 0 575px;
}

#mainnav {
	height: 42px;
	padding: 240px 0 0 170px;
}

#mainnav ul li {
	list-style-type: none;
}

#mainnav li {
	float: left;
}

#mainnav li a {
	display: block;
	height: 0px;
	padding: 42px 0 0 0;
	overflow: hidden;
}

#anchorspace {
	position: absolute;
	height: 150px;
	top: 100px;
	display: none;
}

#artwork_button a.selected {
	background: url(../images/artwork_hi.jpg) no-repeat;
	width: 138px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#artwork_button a {
	background: url(../images/artwork_lo.jpg) no-repeat;
	width: 138px;
	height: 42px;
}

#artwork_button a:hover {
	background: url(../images/artwork_hi.jpg) no-repeat;
	width: 138px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#graphicdesign_button a.selected {
	background: url(../images/graphicdesign_hi.jpg) no-repeat;
	width: 212px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#graphicdesign_button a {
	background: url(../images/graphicdesign_lo.jpg) no-repeat;
	width: 212px;
	height: 42px;
}

#graphicdesign_button a:hover {
	background: url(../images/graphicdesign_hi.jpg) no-repeat;
	width: 212px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#webdesign_button a {
	background: url(../images/webdesign_lo.jpg) no-repeat;
	width: 163px;
	height: 42px;
}

#webdesign_button a.selected {
	background: url(../images/webdesign_hi.jpg) no-repeat;
	width: 163px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#webdesign_button a:hover {
	background: url(../images/webdesign_hi.jpg) no-repeat;
	width: 163px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#invitation_button a.selected {
	background: url(../images/invitation_hi.jpg) no-repeat;
	width: 145px;
	height: 42px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#invitation_button a {
	background: url(../images/invitation_lo.jpg) no-repeat;
	width: 145px;
	height: 42px;
}

#invitation_button a:hover {
	background: url(../images/invitation_hi.jpg) no-repeat;
	width: 145px;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
}

#home_content {
	padding: 0 0 0 225px;
}

#home_content ul {
	list-style: none;
}

#home_content li {
	float: left;
	padding: 280px 0 0 0;
}

#home_content li a {
	display: block;
	height: 0px;
	padding: 156px 0 0 0;
	overflow: hidden;
}

#home_content li#artwork_page h1 a {
	background: url(../images/home_artwork_lo.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#artwork_page h1 a:hover {
	background: url(../images/home_artwork_hi.jpg) no-repeat;
	width: 132px;
	height: 0;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#graphicdesign_page h1 a {
	background: url(../images/home_graphicdesign_lo.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#graphicdesign_page h1 a:hover {
	background: url(../images/home_graphicdesign_hi.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#webdesign_page h1 a {
	background: url(../images/home_webdesign_lo.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#webdesign_page h1 a:hover {
	background: url(../images/home_webdesign_hi.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#invitation_page h1 a {
	background: url(../images/home_invites_lo.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#home_content li#invitation_page h1 a:hover {
	background: url(../images/home_invites_hi.jpg) no-repeat;
	width: 132px;
	height: 0px;
	overflow: hidden;
	padding: 160px 10px 0 0;
}

#welcome {
	padding: 0 0 0 240px;
	width: 535px;
}

#welcome h4 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #009999;
	padding: 0 0 6px 0;
}

#welcome p {
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}

/*Artwork Items Begin*/

#artwork_listing {
	margin: 20px 0 0 620px;
	top: 15px;
	left: 650px;
}

#artwork_listing ul {
	list-style: none;
	padding: 0 0 10px 0;
}

#artwork_listing ul li {
	padding: 0 0 17px 0;
}

#artwork_listing a {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #33CC66;
	text-decoration: none;
}

#artwork_listing a:hover {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-decoration: underline;
}

#artwork_lg h3 {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
	position: absolute;
	top: 275px;
	left: 0px;	
}

#artwork_lg p {
	font: 12px/13px Geneva, Arial, Helvetica, sans-serif;
	color: #009999;
	position: absolute;
	top: 295px;
	left: 0px;
}

#birdofparadise {
	visibility: visible;
	background: url(../images/artwork/birdofparadise.jpg) no-repeat;
	width: 348px;
	height: 269px;
	position: absolute;
	top: 300px;
	left: 250px;
}

#crosshatchrose {
	visibility: hidden;
	background: url(../images/artwork/crosshatch_rose.jpg) no-repeat;
	width: 201px;
	height: 268px;
	border: 1px solid #999999;
	position: absolute;
	top: 300px;
	left: 360px;
}

#gardenia {
	visibility: hidden;
	background: url(../images/artwork/gardenia.jpg) no-repeat;
	width: 349px;
	height: 269px;
	position: absolute;
	top: 300px;
	left: 250px;
}

#hibiscus {
	visibility: hidden;
	background: url(../images/artwork/hibiscus.jpg) no-repeat;
	width: 349px;
	height: 269px;
	position: absolute;
	top: 300px;
	left: 250px;
}

#honu {
	visibility: hidden;
	background: url(../images/artwork/honu.jpg) no-repeat;
	width: 349px;
	height: 269px;
	border: 1px solid #999999;
	position: absolute;
	top: 300px;
	left: 250px;
}

#lauhalagarden {
	visibility: hidden;
	background: url(../images/artwork/lauhala_garden.jpg) no-repeat;
	width: 191px;
	height: 269px;
	border: 1px solid #999999;
	position: absolute;
	top: 300px;
	left: 375px;
}

#orchids {
	visibility: hidden;
	background: url(../images/artwork/orchids2.jpg) no-repeat;
	width: 349px;
	height: 269px;
	position: absolute;
	top: 300px;
	left: 250px;
}

#yelloworchids {
	visibility: hidden;
	background: url(../images/artwork/yellow_orchids.jpg) no-repeat;
	width: 349px;
	height: 269px;
	position: absolute;
	top: 300px;
	left: 250px;
}

/*Artwork Items Ends*/

/*Graphic Design Items Begin*/
#graphicdesign_listing {
	position: absolute;
	top: 300px;
	left: 608px;
}

#graphicdesign_listing ul {
	font: 14px Arial, Helvetica, sans-serif;
	color: #3366CC;
	list-style-type: none;
	padding: 0 0 10px 0;
}

#graphicdesign_listing ul li a {
	display: inline;
}

#graphicdesign_listing a {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #33CC66;
	text-decoration: none;
}

#graphicdesign_listing a:hover {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-decoration: underline;
}

#graphicdesign_listing h3 {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
}

#graphicdesign_lg h3 {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
}

#graphicdesign_lg p {
	font: 12px/13px Geneva, Arial, Helvetica, sans-serif;
	color: #009999;
}

#ipmec_poster {
	visibility: visible;
	background: url(../images/graphicdesign/ipmec_poster.jpg) no-repeat;
	width: 206px;
	height: 275px;
	position: absolute;
	top: 300px;
	left: 300px;
}

#ipmec_poster h3 {
	padding: 285px 0 0 0;
	width: 300px;
}

#apc_logo {
	visibility: hidden;
	background: url(../images/graphicdesign/APCC_logo.jpg) no-repeat;
	width: 296px;
	height: 300px;
	position: absolute;
	top: 285px;
	left: 250px;
}

#apc_logo h3 {
	padding: 275px 0 0 25px;
}

#apc_logo p {
	padding: 0 0 0 25px;
}

#listing-apc ul li {
	display: inline;
	margin: 0 0 0 10px;
}

#mhv_logo {
	visibility: hidden;
	background: url(../images/graphicdesign/mhv_logo.jpg) no-repeat;
	width: 263px;
	height: 91px;
	position: absolute;
	top: 320px;
	left: 250px;
}

#mhv_logo h3 {
	padding: 100px 0 0 10px;
}

#mhv_logo p {
	padding: 0 0 0 10px;
}

#mhv_items {
	visibility: hidden;
	background: url(../images/graphicdesign/mhv_items.jpg) no-repeat;
	width: 325px;
	height: 299px;
	position: absolute;
	top: 295px;
	left: 250px;
}

#mhv_items h3 {
	padding: 300px 0 0 100px;
}

#mhv_items p {
	padding: 0 0 0 100px;
}

#listing-mhv ul li {
	margin: 0 0 0 10px;
}

#pkwa {
	visibility: hidden;
	background: url(../images/graphicdesign/pkwa_newsletter1.2.jpg) no-repeat;
	width: 194px;
	height: 300px;
	position: absolute;
	top: 300px;
	left: 340px;
}

#pkwa h3 {
	padding: 310px 0 0 0;
}

#pkwa2 {
	visibility: hidden;
	background: url(../images/graphicdesign/pkwa_newsletter2.2.jpg) no-repeat;
	width: 194px;
	height: 300px;
	position: absolute;
	top: 300px;
	left: 340px;
}

#pkwa2 h3 {
	padding: 310px 0 0 0;
}

#listing-pkwa ul li {
	margin: 0 0 0 10px;
}

#pookela {
	visibility: hidden;
}

#kaiwi_invite1 {
	visibility: hidden;
	background: url(../images/graphicdesign/kk_artinvite_frnt.jpg) no-repeat;
	width: 349px;
	height: 225px;
	position: absolute;
	top: 300px;
	left: 200px;
}

#kaiwi_invite1 h3 {
	padding: 235px 0 0 0;
}

#kaiwi_invite2 {
	visibility: hidden;
	background: url(../images/graphicdesign/kk_artinvite_back_v.2.jpg) no-repeat;
	width: 349px;
	height: 225px;
	position: absolute;
	top: 300px;
	left: 200px;
}

#kaiwi_invite2 h3 {
	padding: 235px 0 0 0;
}

#listing-kaiwi ul li {
	margin: 0 0 0 10px;
}

/*Graphic Design Ends Here*/

/**************Web Design Starts Here************************************/

#webdesign_listing {
	position: absolute;
	top: 300px;
	left: 590px;
}

#webdesign_listing li {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #3366CC;
	list-style-type: none;
	padding: 0 0 17px 0;
}

#webdesign_listing a {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #33CC66;
	text-decoration: none;
}

#webdesign_listing a:hover {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-decoration: underline;
}

#webdesign_lg h3 {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
}

#webdesign_lg p {
	font: 12px/13px Geneva, Arial, Helvetica, sans-serif;
	color: #009999;
}

#kaiwi_site {
	visibility: visible;
	background: url(../images/websites&animation/kaiwi_site.jpg) no-repeat;
	width: 350px;
	height: 219px;
	position: absolute;
	top: 300px;
	left: 220px;
}

#kaiwi_site h3 {
	padding: 230px 0 0 0;
}

#moby_site {
	visibility: hidden;
	background: url(../images/websites&animation/moby_site.jpg) no-repeat;
	width: 349px;
	height: 218px;
	position: absolute;
	top: 300px;
	left: 220px;
}

#moby_site h3 {
	padding: 230px 0 0 0;
}

#ms_site {
	visibility: hidden;
	background: url(../images/websites&animation/mstylists_site.jpg) no-repeat;
	width: 348px;
	height: 259px;
	position: absolute;
	top: 300px;
	left: 220px;
}

#ms_site h3 {
	padding: 267px 0 0 0;
}

/*Web Design Ends Here*/

/*Resume Page Begins*/

/*#home_content li#artwork_page h1 a {
	background: url(../images/home_artwork_lo.jpg) no-repeat;
	width: 183px;
	height: 0px;
	overflow: hidden;
	padding: 156px 0 0 0;
}

#home_content li#artwork_page h1 a:hover {
	background: url(../images/home_artwork_hi.jpg) no-repeat;
	width: 183px;
	height: 0;
	overflow: hidden;
	padding: 156px 0 0 0;
}*/
#resume_content {
	margin: 10px 0 0 300px;
	background: url(../images/resume_img2.jpg) no-repeat;
	width: 212px;
	height: 0px;
	overflow: hidden;
	padding: 275px 0 0 0;
}

#resume_content h1 a {
	background: url(../images/resume_img2.jpg) no-repeat;
	width: 212px;
	height: 0px;
	overflow: hidden;
	padding: 275px 212px 0 0;
}

#resume_content h1 a:hover {
	background: url(../images/resume_img.jpg) no-repeat;
	width: 212px;
	height: 0;
	overflow: hidden;
	padding: 275px 212px 0 0;
}

#disclaimer {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	width: 220px;
	margin: 8px 0 0 300px;
}

#contact {
	position: absolute;
	top: 420px;
	left: 570px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
}

#contact p {
	padding: 0 0 10px 0;
}

#contact_homepage {
	padding: 50px 0 0 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;
}

#contact_homepage a {
	color: #0099CC;
	text-decoration: none;
}

#contact_homepage a:hover {
	color: #6666CC;	
	text-decoration: underline;
}

/*#footer {
	margin: 0 auto;
	background: url(../images/bg_footer2.jpg) no-repeat;
	width: 952px;
	height: 379px;
	padding-top: 300px;
}
*/