/* CSS Document */


* {
	margin: 0;
	padding: 0;
}

body {
	background: #000000 url(../images/bg.jpg) repeat-y center;
	height: 178px;	
}

#header {
	background: url(../images/top_half.jpg) no-repeat center;
	height: 250px;
}

#mainnav {
	height: 10px;
	width: 600px;
	margin: 0 auto;
}

#mainnav ul {
	list-style-type: none;
	padding: 200px 0 0 30px;
}

#mainnav li {
	float: left;
}

#mainnav li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	padding: 10px 5px;
}

#mainnav li a:hover {
	color: #FFFFFF;
}

#mainnav1 a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

#mainnav2 a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

#mainnav3 a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

#mainnav4 a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

#mainnav4a a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

#mainnav5 a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

h3,h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#george_picture {
	width: 190px;
	height: 240px;
	margin: 0 0 150px 45px;
	background: url(../images/georgek-3.jpg) no-repeat;
}

#george_picture h3 {
	width: 250px;
	padding: 0 0 10px 0;
	margin: 0 0 0 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#george_picture p {
	width: 280px;
	margin: 0 0 0 230px;
	padding: 0 0 15px 0;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#container02 {
	position: relative;
	margin: 0 auto;
	width: 600px;
}

#placeholder_gifts {
	padding: 0 20px 0 20px;
}

#placeholder_gifts h3 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	padding: 0 0 20px 15px;
}

#placeholder_gifts p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
}

#enclose {	
	width:530px;
	padding: 20px 0 20px 15px;
}

#left_column {
	float: left;
}

#right_column {
	float: right;
}

#box1 {
	width: 250px;
	height: 175px;
	background: url(../mementos/black_dh_box.jpg) no-repeat;
}

#text1 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#box2 {
	width: 250px;
	height: 175px;
	background: url(../mementos/brown_dh_box.jpg) no-repeat;
}

#text2 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#box3 {
	width: 250px;
	height: 175px;
	background: url(../mementos/bw_bigbox.jpg) no-repeat;
}

#text3 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#box4 {
	width: 250px;
	height: 175px;
	background: url(../mementos/sm_tile_box.jpg) no-repeat;
}

#text4 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#box5 {
	width: 250px;
	height: 175px;
	background: url(../mementos/color_tiles.jpg) no-repeat;
}

#text5 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#box6 {
	width: 250px;
	height: 175px;
	background: url(../mementos/bw_tiles.jpg) no-repeat;
}

#text6 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#box7 {
	width: 250px;
	height: 175px;
	background: url(../mementos/bw&color_cards.jpg) no-repeat;
}

#text7 {
	width: 250px;
	padding: 10px 0 50px 0;
}

#text7a {
	width: 250px;
	padding: 10px 0 50px 0;
}

#text8 {
	clear: both;
	width: 485px;
	height: 30px;
	border: 1px solid gray;
	padding: 15px;
}

#cards {
	background: url(../mementos/bw&color_cards.jpg) no-repeat;
	height: 216px;
	width: 288px;
	border: none;
}

#cards_text {
	height: 216px;
	width: 150px;
	float: right;
	
}

#enclose2 {	
	width: 475px;
	padding: 75px 0 0 65px;
}

#enclose2 h4 {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 12px 0 15px 0;
	color: #99FFCC;
}

#enclose2_text p {
	clear: both;
	width: 490px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 15px 0 50px 65px;
}

#hee_tiled {
	width: 216px;
	height: 288px;
	background: url(../images/hee_tiled.jpg) no-repeat;
}

#io_tiled {
	width: 216px;
	height: 288px;
	background: url(../images/Io_tiled.jpg) no-repeat;
}

#color_tiles {
	background: url(../mementos/color_tiles.jpg) no-repeat;
	width: 432px;
	height: 211px;
	border: none;	
}

#color_tiles_text {
	height: 211px;
	width: 100px;
	float: right;
}

#hee_tiled {
	width: 216px;
	height: 288px;
	background: url(../images/hee_tiled.jpg) no-repeat;
}

#io_tiled {
	width: 216px;
	height: 288px;
	background: url(../images/Io_tiled.jpg) no-repeat;
}

#diamondhead_tiled {
	width: 250px;
	height: 188px;
	background: url(../images/diamondhead_tiled.jpg) no-repeat;
}

#honu_tiled {
	width: 250px;
	height: 188px;
	background: url(../images/honu_tiled.jpg) no-repeat;
}

#enclose3 {
	width: 530px;
	padding: 35px 0 15px 22px;
}

#enclose3 h4 {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 12px 0 15px 0;
	color: #99FFCC;
}

#enclose3_text p {
	clear: both;
	width: 550px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 15px 0 50px 20px;
}

/*BEGIN iFRAME CSS for painting gallery*/
#iframe1 {
	width: 155px;
	height: 365px;
	margin: 10px 0 0 20px;
	background: #000000;
	
}

#gallery_lg {
	position: absolute;
	top: 10px;
	left: 185px;
	height: 370px;
	width: 402px;
}

#cave, #dh_honu_cropped, #dh_honu_long, #diamondheadmoon, #honusparadise, #lonelypalm, #mountains, #napalicoast, #seal, #moonlight_tail, #whale_tail, #moonlight_romance, #dh_sunrise, #sanctuary {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	height: 410px;
	width: 402px;
}
/*
#testblock {
	width: 600px;
	height: 400px;
	border: 2px solid white;
}*/

/*END iFRAME CSS for painting gallery*/

/*BEGIN iFRAME CSS for drawing gallery*/
#iframe2 {
	width: 155px;
	height: 365px;
	margin: 10px 0 0 47px;
	background: #000000;
}

#gallery2_lg {
	position: absolute;
	top: 10px;
	left: 200px;
	height: 370px;
	width: 402px;
}

#ahi, #ilio_holo_i_ka_uaua, #kahiko_wahine, #hee, #honu, #io, #kahiko_kane, #kaku, #kohola, #mano, #moo, #na_ia_o_hawaii, #naia, #hahalua, #he_hawaii_au, #nene, #ola, #opeapea, #alala, #wekeula, #ulua, #puaa, #pueo, #papai, #iiwi {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	height: 370px;
	width: 402px;
}

/*END iFRAME CSS for drawing gallery*/




#giclee_definition {
	margin: 0 auto;
	width: 500px;
	font: 10px/17px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding: 40px 0 5px 0;
}

#ordering_info {
	font-family: Arial, Helvetica, sans-serif;
	color: #ECECEC;
	width: 350px;
	padding: 15px 0 5px 45px;	
}

#ordering_info.ital_text {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 5px 0 5px 0;
}

#ordering_info h4 {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 12px 0 0 0;
	color: #99FFCC;
}

#ordering_info p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#shipping_handling p {
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding: 7px 0 15px 45px;
}

table {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	line-height: 12px;
	margin: 8px 0 0 0;
}

th {
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-bottom: thin groove #666666;
}

th, td {
	padding: 3px 10px;
	width: 75px;		
}

#subcontent {
	padding: 20px 0 20px 0;
}

#subcontent p {
	width: 450px;
	margin: 0 auto;
	padding: 15px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: thin dotted #999999;
}

#subcontent a {
	color: #009999;
	text-decoration: underline;
}

#footer p {
	text-align: center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	margin: 0 0 40px 0;
}

#footer {
	background: #000000 url(../images/footer.jpg) no-repeat center;
	clear: both;
	padding: 10px;
	margin: 0px 0 0 0;
	clear: both;
}

/*Tee Shirts Page*/


#pueo_tee {
	background-image: url(../t-shirts/pueo_shirt.jpg);
	height: 255px;
	width: 250px;
}

#ahi_tee {
	background-image: url(../t-shirts/ahi_shirt.jpg);
	height: 255px;
	width: 250px;
}

#blue_io_tee {
	background-image: url(../t-shirts/blue_io_shirt.jpg);
	height: 255px;
	width: 250px;
}

#blue_mano_tee {
	background-image: url(../t-shirts/blue_mano_shirt.jpg);
	height: 255px;
	width: 250px;
}

#green_honu_tee {
	background-image: url(../t-shirts/green_honu_shirt.jpg);
	height: 255px;
	width: 250px;
}

#hee_tee {
	background-image: url(../t-shirts/hee_shirt.jpg);
	height: 255px;
	width: 250px;
}

#ulua_tee {
	background-image: url(../t-shirts/ulua_shirt.jpg);
	height: 255px;
	width: 250px;
}

#pebble_tshirt_front {
	background-image: url(../t-shirts/pebble_tshirt_front.jpg);
	height: 255px;
	width: 250px;
}
#container02 #form1 p {
	color: #FFF;
}
#container02 p {
	color: #FFF;
}