body {
	background-color:white;
	margin:0; 
    padding:0;
	font-family: Geneva, Verdana, Arial, sans-serif;
	background-color: #f2f2f2;
}


#main  {
	position: absolute;
   /* margin: 0 auto 0 auto;*/
    width: 920px;
	height:590px;
	/*r: 1px solid red;*/
	left: 50%;
	padding:14px;
    margin-left: -460px;
	background-color: white;

}




/*------------------general---------------*/
.normalText, h1 {
	font-size: 8.5pt;
}


.leftFramed {
	line-height: 14pt;	
}

h1 {
	font-weight: bold;
	/*margin:*/ 
}

.sold {
	padding-right: 10px;
	background-image: url("../media/sold.png");
	background-repeat: no-repeat;
	background-position: right 7px;
}


.mainInner  {
	position: absolute;
	top: 70px;
}


.left, .right {
	position: absolute;
	top: 80px;
	height: 500px;
}

.left {
	width:300px;
	clear:both;
}

.right {
	left: 318px;
	width: 616px;	
}


.leftText  {
	position: absolute;
	top: 120px;
}

.leftFramedDark { 	background-color: #414141; color: white; }
.leftFramedLight { 	background-color: #eeeeee; color: #444444; }

.leftFramed .leftTitle, .scrollbar.leftFramed, #contactBottom {  background-repeat: no-repeat; }

.scrollbar.leftFramed, #contactBottom { background-repeat: no-repeat; background-position: left bottom; }

.scrollbar.leftFramedDark   { 	background-image: url("../media/cornerbottomDark.png"); }
.scrollbar.leftFramedLight   { 	background-image: url("../media/cornerbottomLight.png"); }
#contactBottom  { 	background-image: url("../media/cornerbottomDark.png"); }

.leftFramedDark .leftTitle { background-image: url("../media/cornerDark.png"); color: white; }
.leftFramedLight .leftTitle { background-image: url("../media/cornerLight.png"); color: #444444; }



.scrollbar {
	position: absolute;
	height:17px;
	padding: 10px;
	top: 543px;
}

#contactBottom {
	position: absolute;
	width: 100px;
	height: 79px;
	padding: 10px;
	top: 481px;
}


.scrollbar img {
	border: 0;
	margin-right: 10px;
}

.leftFramed .scrollable {
	
}

.leftText.leftFramed {
	width: 300px;
	height: 376px;
	z-index: 2;

	clip: rect(0px 300px 422px -50px);
}

.scrollable {
	margin-top: 0;
}

.scrollable > div, .scrollable > p {
	padding-left: 10px;
	padding-right: 10px;
	
}

.leftFramed .leftTitle {
	padding: 20px 10px 10px 10px;
}


#credits {
	position: absolute;
	top: 590px;
	color: #aaaaaa;
	padding-left: 0px;
}

#credits a, #credits a:visited, #credits a:hover, #credits a:active {
	color: #aaaaaa; }

.small {
	font-size: 7pt;
}

/*---------------menus----------------------------*/

#menus {
	margin: 2px 0 0 0px;
}

#menusCopy {
	position:absolute;
	top:100px;
	left:100px;
}

#m, #mw, #mwArrow {
	margin:0;
	padding:0;
	position:relative;
	height:35px;	
	float:left;
}


#m {
	width:274px;
}

#mw {
	width:210px;
	margin-left: 12px;

}
#mwArrow {
	width:20px;
	margin-left: 6px;
}

.white #mwArrow {
	background: url("../media/arr_white.png") no-repeat; }
	
.black #mwArrow {
	background: url("../media/arr_black.png") no-repeat; }

#m li, #mw li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	letter-spacing : normal; text-indent : -999em; overflow : hidden;
}

#m li, #m a, #mw li, #mw a {
	height:17px;
	display:block;
}



#m li a:hover, #m li a:active, #m li a.selected, #mw li a:hover, #mw li a:active, #mw li a.selected, #hm li a:hover, #hm li a:active {
	background-repeat: no-repeat;
}

.white #m,
.white #m li a:hover, .white #m li a:active, .white #m li a.selected {
	background-image: url('../media/m_white.png');
}

.black #m,
.black #m li a:hover, .black #m li a:active, .black #m li a.selected {
	background-image: url('../media/m_black.png');
}

.white #mw,
.white #mw li a:hover, .white #mw li a:active, .white #mw li a.selected {
	background-image: url('../media/mw_white.png');
}

.black #mw,
.black #mw li a:hover, .black #mw li a:active, .black #mw li a.selected {
	background-image: url('../media/mw_black.png');
}



#mHome 		{left: 0; width: 123px;}
#mProf 		{left: 124px; width: 88px;}
#mWork 		{left: 211px; width: 63px;}
#mExhi 		{left: 0px; width: 110px; top:18px}
#mPress 	{left: 111px; width: 70px; top:18px}
#mContact 	{left: 182px; width: 92px; top:18px}

#mProf a:hover 			{	background-position: -124px -36px;}
#mProf a:active 		{	background-position: -124px -72px;}
#mProf a.selected 		{	background-position: -124px -108px;}

#mWork a:hover 			{	background-position: -211px -36px;}
#mWork a:active 		{	background-position: -211px -72px;}
#mWork a.selected 		{	background-position: -211px -108px;}

#mExhi a:hover 			{	background-position: 0 -54px;}
#mExhi a:active 		{	background-position: 0 -90px;}
#mExhi a.selected 		{	background-position: 0 -126px;}

#mPress a:hover 		{	background-position: -112px -54px;}
#mPress a:active 		{	background-position: -112px -90px;}
#mPress a.selected 		{	background-position: -112px -126px;}

#mContact a:hover 		{	background-position: -183px -54px;}
#mContact a:active 		{	background-position: -183px -90px;}
#mContact a.selected 	{	background-position: -183px -126px;}





#mwPaint		{left: 0; width: 106px;}
#mwDraw 		{left: 107px; width: 105px;}
#mwAccessories	{left: 0px; width: 126px; top:18px}
#mwStyl 		{left: 120px; width: 84px; top:18px}



#mwPaint a:hover 		{	background-position: 0px -36px;}
#mwPaint a:active 		{	background-position: 0px -72px;}
#mwPaint a.selected 	{	background-position: 0px -108px;}

#mwDraw a:hover 		{	background-position: -107px -36px;}
#mwDraw a:active 		{	background-position: -107px -72px;}
#mwDraw a.selected 		{	background-position: -107px -108px;}

#mwAccessories a:hover 	{	background-position: 0px -54px;}
#mwAccessories a:active 	{	background-position: 0px -90px;}
#mwAccessories a.selected {	background-position: 0px -126px;}


#mwStyl a:hover 		{	background-position: -120px -54px;}
#mwStyl a:active 		{	background-position: -120px -90px;}
#mwStyl a.selected 		{	background-position: -120px -126px;}





/*------------------------home-----------------*/

#homeMenu, #homeBg, #homeGallery  {
	left:10px;

}

#homeMenu, #homeBg {
	width: 928px;
	height: 496px;
	}


#homeMenu {

	z-index: 3;
	margin-top: 150px;
	margin-left: 66px;
}

#homeBg {
	margin-top: 14px;
	z-index: 1;
	background: url("../media/home.jpg") no-repeat;
}

#homeGallery {
	z-index: 1;
}

#hg0,#hg1,#hg2,#hg3 {
	position: absolute;
	top: 151px;	
		/*visibility:hidden;*/
}

#hg0 {
	left: 68px;
}
#hg1 {
	left: 276px;
}
#hg2 {
	left: 485px;
}
#hg3 {
	left: 694px;
}

#hm {
	margin:0;
	padding:0;
	position:relative;
	height:246px;
	width: 815px;	
}

#hm li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	letter-spacing : normal; text-indent : -999em; overflow : hidden;
}

	#hm li, #hm a {
		height:246px;
		display:block;
	}
	

	#hm, 
	#hm li a:hover, #hm li a:active {
		background-image: url('../media/hm.png');
		background-repeat: no-repeat;	
	}
	
	#hm {
		background-position: 0px 218px;
	}

	#hm0 		{left: 0; 		width: 207px;}
	#hm1 		{left: 206px; 	width: 207px;}
	#hm2 		{left: 412px; 	width: 205px;}
	#hm3 		{left: 616px; 	width: 205px;}
	
	
	#hm0 a:hover {	background-position: 0px -42px;}
	#hm1 a:hover {	background-position: -206px -42px;}
	#hm2 a:hover {	background-position: -412px -42px;}
	#hm3 a:hover {	background-position: -616px -42px;}






/*-----------------------profile-------------------------*/


#profileBg {
	background: url("../media/profile.jpg") no-repeat;	
}




/*------------------------contact--------------*/



#contactBg {
	background: url("../media/contact.jpg") no-repeat;	
}



.exhiImage {
	background: url("../media/exhibition.jpg") no-repeat;	
}





/*----------------------------exhi+press--------------*/
.calendarItem {
	padding: 5px 0 5px 0;	
}



.calendarDate {
	height: 20px;
	width: 34px;
	margin: 0 4px 0 0;
	float:left;
}

.calendarTitle {
	font-weight: bold;
}

.calendarSubtitle {
	
}

.calendarSubtitle2 {
	font-size: 10.5pt;
	padding-bottom: 1px;
	/*margin-bottom: -10px;*/
}

.calendarDetails {
	clear:both;
	padding: 6px 0 4px 38px;
	font-size: 8pt;
}

.calendar a {
	text-decoration: none;
	color: #444444;
}

.calendar .calendarDetails a {
	text-decoration: underline;
	}

.calendarDetails img {
	border:0;
}

.leftFramedDark a {
	color: white;
}

/*
#exhiText {
	left:0;
	width: 300px;
	height: 370px;

	clip: rect(0px 300px 370px 0px);
}

#exhiGallery {
	left: 320px;
	width: 600px;
	height: 400px;
}

#exhiTextScrollbar {
	left: 0;
	top: 460px;
}

.exhiItem {
	padding: 10px 0 0 0;	
}

.exhiDate {
	width: 70px;
	margin: 0 10px 0 0;
	text-align:right;
	float:left;
}

.exhiCity {
	font-weight: bold;
}

.exhiDetails {
	clear:both;
	padding: 4px 0 4px 80px;
}

#exhiText a {
	text-decoration: none;
	color: #444444;
}
*/



/*------------------------works--------------*/


#worksOuter {
	margin: 0;
	padding-top: 10px;
	height: 480px;
	display: table; 
	/*#position: relative;*/
	overflow: hidden;
	clear:both;
	width: 100%;
	/*border: 1px solid blue;*/
}

#worksOuter.mwStyl {
	height: 492px;
}

#worksMiddle {
	/*#position: absolute; 
	#top: 50%;*/
	display: table-cell; 
	vertical-align: middle;
	
}

#worksInner {
	text-align: center;
	/*#position: relative; 
	#top: -50%;*/
}

.ds  {
	border-collapse: collapse;
}

.ds td {
	padding:0;
	margin:0; }


.ds_tl { width:7px; height:9px;   }
.ds_t  {   			height:9px;  }
.ds_tr { width:11px;height:9px;   }
#worksInner .ds_l  { width:50%;				  }
#worksInner .ds_r  { width:50%;				   }
.ds_bl { width:7px; height:9px;     }
.ds_b  {   			height:9px;  }
.ds_br { width:11px;height:9px; }



.showFrame .ds_tl { background:url('../media/ds_tl.png') no-repeat bottom right   }
.showFrame .ds_t  { background:url('../media/ds_t.png') repeat-x bottom   }
.showFrame .ds_tr { background:url('../media/ds_tr.png') no-repeat bottom left   }
.showFrame .ds_l  { background:url('../media/ds_l.png') repeat-y right   }
.showFrame .ds_r  { background:url('../media/ds_r.png') repeat-y left   }
.showFrame .ds_bl { background:url('../media/ds_bl.png') no-repeat top right   }
.showFrame .ds_b  { background:url('../media/ds_b.png') repeat-x top   }
.showFrame .ds_br { background:url('../media/ds_br.png') no-repeat top left    }


.ds_copyright {
	text-align:right;
	color: #444444;
	margin-top: -50px;
}

.ds_copyright span {
	margin-top: -50px;
	padding: 0 0px 0 0;
}

/* works nav */


#worksBottom {
	margin-top: 10px;
	text-align: center;
	/*border: 1px solid red;*/
}

#worksText {
	height: 24px;
}

#worksTitle {
	margin: 0 12px 0 0;
	font-size: 13pt;
}

#worksInfo {
	font-size: 10pt;
}

.white #worksTitle, .white #worksInfo { color:#444444/*#d8d8d8*/; }
.black #worksTitle, .black #worksInfo { color:#aaaaaa; }


#worksTip {
	visibility: hidden;
	position:absolute;
	top: 0;
	left: 0;
}

#worksTip.white img {
	width: 60px;
	height: 60px;
}

#worksTip.black img {
	width: 90px;
	height: 60px;
}


#worksTip td.ds_c {
	background-color: white;
	vertical-align: middle;
	text-align: center;
	height: 68px;
}

#worksTip.white td.ds_c { 	width: 68px; }
#worksTip.black td.ds_c { 	width: 98px; }
	


#worksNav {
	margin: 6px 0 0 0;
}

#worksNav a {
	padding: 0 5px;
	margin: 0;
	color: #aaaaaa;
	text-decoration: none;
	font-size: 10pt;
	
}

.white #worksNav a:hover, .white #worksNav a:active, .white #worksNav a:visited, .white #worksNav a.selected {
	color: #000000;
}

.black #worksNav a:hover, .black #worksNav a:active, .black #worksNav a:visited, .black #worksNav a.selected {
	color: #ffffff;
}
	
	
.loader {
	width: 20px;
	height: 20px;
}

.white .loader {
	background: url("../media/loader_white.gif") no-repeat;
}

.black .loader {
	background: url("../media/loader_black.gif") no-repeat;
}