@charset "utf-8";
/************************ CSS Document *****************************************************************************************************/

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

img { border-style:none; }

img.pdf { vertical-align:middle; padding:10px 0px 10px 0px; }

body {
	background-image:url(images/wallpaper.png);
	background-repeat:repeat-x;
	}

body, #artbody, #infobody, #designbody { font-family:arial, helvetica, sans-serif; font-size:90%; }

#artbody {
	background-image:url(images/greenwall.png);
	background-repeat:repeat-x;
	}

#infobody {
	background-image:url(images/redwall.png);
	background-repeat:repeat-x;
	}

#designbody {
	background-image:url(images/bluewall.png);
	background-repeat:repeat-x;
	}

#center {
	position:absolute;
	height:380px;
	margin:-190px 0px auto 0px;
	top:50%;
	}

/************************ LEFT MENU & INDEX **************************************************************************************************/

#miroku { position:absolute; top:0px; left:20px; height:380px; width:758px; }

.indexsplash { height:380px; }
.blurb { position:absolute; left:-34px; top:378px; width:475px; font-size:85%; text-align:center; }
.blurb p { color:#CCC; }
.blurb a { color:#CCC; text-decoration:none; }
.blurb a:hover { color:#999; }

/************************ LINKS FOR SEARCH ENGINES *******************************************************************************************/

#hidden { position:absolute; top:0px; left:-3000px; }
.navlinks a { text-decoration:none; }
.navlinks a i { visibility:hidden; }

/************************ COMMON SELECTORS ***************************************************************************************************/

#content { position:absolute; left:75px; }

.submenu, .menu, .gallery, .description, .contactphoto, .info { display:block; float:left; position:static; margin-right:20px; height:380px; }

.submenu { 
	background-image:url(images/white.gif);
	width:100px;
	padding-right:5px;
	overflow:hidden;
	}

.menu {
	background-image:url(images/white.gif);
	width:230px;
	padding-right:15px;
	overflow:auto;
	}

.description {
	background-image:url(images/white.gif);
	width:450px;
	padding-right:30px;
	padding-left:10px;
	overflow:auto;
	}

a { color:#069; text-decoration:none; }
a:hover { color:#CCC; }

a.menuitem { color:#333; font-weight:bold; text-decoration:none; }
a.menuitem:hover { color:#CCC; text-decoration:none; }

ul { list-style-type:none; margin:0px; padding:10px; }
ol { list-style-type:disc; list-style-position:inside; list-style-image: url(images/bullet.png); }
li { line-height:1.4em; }

h3 { margin:0px; margin-top:-2px; margin-bottom:2px; line-height:1.6em; text-transform:uppercase; }

h4 { font-size:108%; line-height:1.4em; }

.date { color:#999; font-weight:lighter; }

.space { padding-left:15px; }

p { color:#000; line-height:1.4em; margin-bottom:0.3em; }

/************************ ART SECTION ******************************************************************************************************/

a.artwork { color:#093; line-height:17px; font-weight:bold; text-decoration:none; }
a.artwork:hover { color:#CCC; text-decoration:none; }

.arttitle h3 { color:#093; padding-top:10px; }
.arttitle a { color:#093; text-decoration:none; }
.arttitle a:hover { color:#CCC; }

/************************ INFO SECTION ****************************************************************************************************/

a.infowork { color:#C03; line-height:17px; font-weight:bold; text-decoration:none; }
a.infowork:hover { color:#CCC; text-decoration:none; }

.infotitle h3 { color:#C03; padding-top:10px; }
.infotitle a { color:#C03; text-decoration:none; }
.infotitle a:hover { color:#CCC; }

.infotitle td { padding-right:20px; vertical-align:top; padding-bottom:5px; color:#000; line-height:1.4em; }
.infotitle td.left { width:60px; }

.contactphoto { background-image:url(images/photo.jpg); background-repeat:no-repeat; width:110px; }

.info {
	background-image:url(images/white.gif);
	width:470px;
	padding-right:30px;
	padding-left:10px;
	overflow:auto;
	}

/************************ DESIGN SECION ****************************************************************************************************/

a.designwork { color:#069; line-height:17px; font-weight:bold; text-decoration:none; }
a.designwork:hover { color:#CCC; text-decoration:none; }

.designtitle h3 { color:#069; padding-top:10px; }
.designtitle a { color:#069; text-decoration:none; }
.designtitle a:hover { color:#CCC; }