@charset "utf-8";

/* RESET BROWSERS DEFAULTS */
*
	{
	margin:0;
	padding:0;
	font: 9pt/13pt georgia, sans-serif;
	}
	
a, a:active, a:visited
	{
	text-decoration:none;
	color:#804000;
	}
a:hover
	{
	color:#fff;
	}
	
em
	{
	font-style:italic;
	}
strong
{
font-weight:bold;
}

.clear {clear:both}

/* GENERAL STYLING */
body
	{
	background-color:#000;
	color:#fc0;
	text-align:center;
	}

small, small a, small a:visited, small a:hover, small a:focus
	{
	font-size:10px;
	}

#preload
	{
	width:100%;
	height:100%;
	background-color:#000;
	color:#fff;
	position:absolute;
	z-index:255;
	text-align:center;
	padding-top:200px;
	}
	
/* LAYOUT */

#container
	{
	color:#000;
	background: url('../graphics/background.jpg') top left;
	text-align:left;
	width:765px;
	margin:0 auto;
	}
	
#top
	{
	background-image:url(../graphics/header.jpg);
	width:765px;
	height:361px;
	margin:0 auto;
	}
	
#left
	{
	background: url('../graphics/borderLeft.jpg') top left repeat-y;
	}
	
#tree
	{
	margin-left:9px;
	background: url('../graphics/tree.jpg') top left repeat-y;
	}
	
	
#main
	{
	margin-left:50px;
	padding-top:2em;
	padding-right:21px;
	padding-left:10px;
	}
	
#right
	{
	background: url('../graphics/borderRight.jpg') top right repeat-y;
	}
	
	
#menuBottom, #menuBottom a, #menuBottom a:visited, #menuBottom a:focus, #menuBottom a:active, #menuBottom a:hover
	{
	font-size:9px;
	text-align:center;
	}
	
#footer
	{
	background-color:#000;
	margin-top:-10px;
	width:765px;
	height:53px;
	background: url('../graphics/footer.jpg') top left no-repeat;
	}
	
.menuItemMain
	{
	cursor:pointer;
	}



#menuHome
	{
	width:184px;
	height:122px;
	left:244px;
	top:22px;
	position:relative;
	cursor:pointer;
	}


#menuItem1, #menuItem1Selected
	{
	width:70px;
	height:54px;
	position:relative;
	left:200px;
	top:122px;
	}
	
#menuItem1
	{
	background-image:url(../graphics/menu1.png);
	}
	
#menuItem1:hover, #menuItem1Selected
	{
	background-image:url(../graphics/menu1s.png);
	}
	
	
	
/* DIGITAL ARTWORKS MENU ITEM */
/* general*/
#menuItem2, #menuItem2Selected
	{
	width:79px;
	height:44px;
	position:relative;
	left:251px;
	top:130px;
	}

#menuItem2[id]
	{
	background-image:url(../graphics/menu2.png);
	}
	
#menuItem2[id]:hover, #menuItem2Selected[id]
	{
	background-image:url(../graphics/menu2s.png);
	}
	
/* GRAPHIC DESIGN MENU ITEM */
/* general*/
#menuItem3, #menuItem3Selected
	{
	
	width:65px;
	height:40px;
	position:relative;
	left:311px;
	top:55px;
	}

#menuItem3[id]
	{
	background-image:url(../graphics/menu3.png);
	}
	
#menuItem3[id]:hover, #menuItem3Selected[id]
	{
	background-image:url(../graphics/menu3s.png);
	}
	


	
/* PHOTOGRAPHS MENU ITEM */
/* general*/
#menuItem4, #menuItem4Selected
	{
	
	width:82px;
	height:39px;
	position:relative;
	left:370px;
	top:40px;
	}

#menuItem4[id]
	{
	background-image:url(../graphics/menu4.png);
	}
	
#menuItem4[id]:hover, #menuItem4Selected[id]
	{
	background-image:url(../graphics/menu4s.png);
	}

/* DRAWINGS PAINTINGS MENU ITEM */
/* general*/
#menuItem5, #menuItem5Selected
	{
	width:74px;
	height:59px;
	position:relative;
	left:420px;
	top:-65px;
	}

#menuItem5[id]
	{
	background-image:url(../graphics/menu5.png);
	}
	
#menuItem5[id]:hover, #menuItem5Selected[id]
	{
	background-image:url(../graphics/menu5s.png);
	}
	


	
/* MEMO-ALBUM MENU ITEM */
/* general*/
#menuItemR1, #menuItemR1Selected
	{
	width:96px;
	height:21px;
	position:relative;
	left:572px;
	top:-134px;
	}

#menuItemR1[id]
	{
	background-image:url(../graphics/menuR1.png);
	}
	
#menuItemR1[id]:hover, #menuItemR1Selected[id]
	{
	background-image:url(../graphics/menuR1s.png);
	}
	


	
	
/* MEMO-ALBUM MENU ITEM */
/* general*/
#menuItemR2, #menuItemR2Selected
	{
	width:96px;
	height:21px;
	position:relative;
	left:572px;
	top:-129px;
	}

#menuItemR2[id]
	{
	background-image:url(../graphics/menuR2.png);
	}
	
#menuItemR2[id]:hover, #menuItemR2Selected[id]
	{
	background-image:url(../graphics/menuR2s.png);
	}
	


	
/* ABOUT ME MENU ITEM */
/* general*/
#menuItemR3, #menuItemR3Selected
	{
	width:96px;
	height:21px;
	position:relative;
	left:572px;
	top:-124px;
	}

#menuItemR3[id]
	{
	background-image:url(../graphics/menuR3.png);
	}
	
#menuItemR3[id]:hover, #menuItemR3Selected[id]
	{
	background-image:url(../graphics/menuR3s.png);
	}
	


	
/* LINKS MENU ITEM */
/* general*/
#menuItemR4, #menuItemR4Selected
	{
	width:96px;
	height:21px;
	position:relative;
	left:572px;
	top:-119px;
	}

#menuItemR4[id]
	{
	background-image:url(../graphics/menuR4.png);
	}
	
#menuItemR4[id]:hover, #menuItemR4Selected[id]
	{
	background-image:url(../graphics/menuR4s.png);
	}
	


	
	
/** BOX **/
div.box
	{
	margin-top:10px;
	margin-bottom:10px;
	width:669px;
	height:auto;
	overflow:hidden;
	float:none;
	}
	
div.boxTop
	{
	width:669px;
	height:15px;
	background-image:url(../graphics/boxTop.png);
	}
	
div.boxBottom
	{
	width:669px;
	height:16px;
	background-image:url(../graphics/boxBottom.png);
	}
	
div.boxMiddle
	{
	background-image:url(../graphics/boxbg.png);
	height:auto;
	overflow:hidden;
	padding:0 10px;
	}
	
div.images
	{
	width:310px;
	overflow:hidden;
	}
	
.miniatureContainer
	{
	width:204px;
	height:174px;
	float:left;
	clear:none;
	overflow:hidden;
	cursor:pointer;
	}
.miniatureBackground
	{
	width:204px;
	height:154px;
	float:left;
	clear:none;
	}


	
.miniatures3inRow
	{
	margin:5px;
	}
	
.miniaturesinCol
	{
	clear:both!important;
	margin-right:10px;
	margin-top:2px;
	}


.miniaturesIndex
	{
	margin-top:12px!important;
	}
		
.miniatureTitle
	{
	width:204px;
	height:25px;
	text-align:center;
	font-weight:bold;	
	}

.miniature
	{
	width:192px;
	height:144px;
	margin:6px 6px;
	
	}
	
.borderCut
	{
	position:absolute;
	width:204px;
	height:154px;
	margin:-160px 0;
	background-image:url(../graphics/minBack3.png);
	}

.halfMiniatureBackground
	{
	margin-left:5px;
	width:100px;
	height:76px;
	float:left;
	clear:right;	
	}
.halfMiniature
	{
	margin:3px;
	width:92px;
	height:69px;
	}
	
.halfBorderCut
	{
	position:absolute;
	width:100px;
	height:76px;
	margin:-80px -1px;
	background-image:url(../graphics/halfMinBack2.png);
	}
	
.minUpper
	{
	margin-bottom:2px;	
	}
	
/* ALBUM */

h2.quote
	{
	font-size:1.2em;
	text-align:left;
	}
	
h3.subquote
	{
	text-align:right;
	margin-bottom:5px;
	}
	
.albumShortText, .galleryShortText
	{
	padding:10px;
	width:319px;
	float:right;
	}
	
a.albumMore, a.albumMore:visited, a.albumMore:active,
a.galleryMore, a.galleryMore:visited, a.galleryMore:active
	{
	display:block;
	text-align:right;
	margin-top:10px;
	font-weight:bold;
	color:#400000;
	}

a.albumMore:hover, a.galleryMore:hover
	{
	color:#F60;
	}
	
div.albumLocation
	{
	padding:2px 8px 2px 8px;
	clear:both;
	text-align:center;
	}
	
	
/** Gallery **/
h2.title
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#400000;
	margin-bottom:7px
	}
	
	
.artistiExperimentsDesc
	{
	float:none;
	padding:5px;
	padding-left:220px;
	}

/** IMAGE PREVIEW WINDOW **/

#fadeToBlack
	{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:255;
	background-image:url(../graphics/fade.png);
	}

#imagePreviewWindow
	{
	top:25px;
	margin:0;
	position:fixed;
	border:2px solid #ffba00;
	height:auto;
	display:block;
	}
	
#imageExitButton
	{
	position:absolute;
	padding: 7px 12px;
	color:#fff;
	border:1px solid #000;
	background-image:url(../graphics/fadeLite.png);
	right:5px;
	top:5px;
	z-index:255;
	}
#imageExitButton a, #imageExitButton a:visited, #imageExitButton a:active
	{
	color:#fff;
	font-weight:bold;
	}

#imagePreviewContent
	{
	background-color:#000;
	overflow:hidden;
	}
	
#imageNavigationBar
	{
	border-top: 1px solid #000;
	width:100%;
	height:20px;
	background-color:#400080;
	background-image:url(../graphics/imageBrowserNavi.jpg);
	}

#imageNavigationBar *
	{
	width:33%;
	float:left;
	color:#ffc;
	}
	
#imageNavigationBarPrevious {text-align:left; padding-left:3px; cursor:pointer;color:#000}
#imageNavigationBarTitle {text-align:center; font-weight:bold;color:#000}
#imageNavigationBarNext {text-align:right;cursor:pointer;color:#000}




/****/
.miniatureIeLinkFix
	{
	position:absolute;
	width:204px;
	height:154px;
	margin:-160px 0;
	cursor:pointer;
	
	}