@import 'reset.css';

BODY, HTML {
	min-height: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
/* Common Layout
--------------------------------------------------------------------------------------- */
BODY {
	background: #000000;
	font: 15px "Times New Roman", sans-serif;
	color: #fff;
	position: relative;
	left: -2px; top: -4px;
}

/* Elements
---------------------------------------------------------------------------------------- */
div#page {
	width: 100%;
	margin: 0px;
	padding: 0;
	min-height: 100%;
	position: relative;
	/*border: solid 1px #000000;*/
}
* html div#page {
	height: 100%;
}
#main{
	position: relative;
	left: 50%; top: 0;
	margin-left: -500px;
	width: 1000px;
	min-height: /*100%;*/ 650px;
	height: auto !important;
	height: 100%;
	background: #000000 url(/i/fon.jpg) no-repeat 0 0;
	/*border: solid 1px white;*/
}
* html DIV#main {
	height: 100%;
}
#leftfon{
	position: absolute;
	left: 50%; top: 0px;
	width: 50%;
	min-height: /*100%;*/650px;
	/*height: auto !important;*/
	height: 100%;
	background: #000000 url(/i/rightfon.jpg) repeat-x -100px 0;
	z-index: -1;
	/*border: solid 1px yellow;*/
}
* html #leftfon {
	height: expression(leftfon.parentNode.offsetHeight);
}
#mainindex{
	position: relative;
	left: 50%; top: 0;
	margin-left: -500px;
	width: 1000px; height: 790px; // height: 700px;
	background: #000000 url(/i/indexfon.jpg) no-repeat 0 0;
}
.clearboth{
	clear: both;
	position: relative;
	width: 10px; height: 70px;
}
A{
	color: #FFFFFF;
}
A:HOVER{
	color: #E1B569;
}
.coloractive{
	color: #E1B569;
}
.colornotactive{
	color: #FFFFFF;
}
.firstletter{
	color: #E1B569;
}
H2{
	font: 22px "Arial";
	color: #FEFEFE;
	margin-top: 5px;
	margin-bottom: 20px;
}
P{
	margin-bottom: 10px;
}
H3 {
	font: bold 17px "Times New Roman";
	margin-bottom: 20px;
}
OL {
	margin-bottom: 10px;
	margin-top: 0px;
}
OL LI{
	list-style-type: disc;
	margin-left: 20px;
}

/* картинки на главной*/
#mainsculptureimg{
	display: block;
	position: absolute;
	left: 40px; top: 320px;
	width: 110px; height: 150px;
	text-indent: -3000px;
	z-index: 10;
}
#mainpaintingimg{
	display: block;
	position: absolute;
	left: 30px; top: 195px;
	width: 120px; height: 85px;
	text-indent: -3000px;
	z-index: 10;
}
.sculpturediv{
	position: absolute;
	left: 78px; top: 170px;
	width: 394px; height: 534px;
	background: url(/i/indexsculpture.jpg) no-repeat 0 0;
	z-index: 10;
}
	#asculpture1{
		display: block;
		position: absolute;
		left: 50px; top: 0px;
		width: 180px; height: 410px;
		text-indent: -3000px;
		z-index: 10;
	}
	#asculpture2{
		display: block;
		position: absolute;
		left: 180px; top: 415px;
		width: 160px; height: 50px;
		text-indent: -3000px;
		z-index: 10;
	}
.paintingdiv{
	position: absolute;
	left: 400px; top: 202px;
	width: 489px; height: 317px;
	background: url(/i/indexpainting.jpg) no-repeat 0 0;
	z-index: 10;
}
	#apaint1{
		display: block;
		position: absolute;
		left: 20px; top: 10px;
		width: 440px; height: 275px;
		text-indent: -3000px;
		z-index: 10;
	}
	#apaint2{
		display: block;
		position: absolute;
		left: 165px; top: 286px;
		width: 150px; height: 35px;
		text-indent: -3000px;
		z-index: 10;
	}

#help{
	display: none;
	position: absolute;
	left: 100px; top: 130px;
	width: 120px; height: 28px;
	font: 10px Arial;
	color: #777777;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FFFFFF;
	border: solid 1px #777777;
	z-index: 1000;
}
/*-----left--------*/
	#left{
		float: left;
		width: 360px;
		text-align: left;
	}
		#logo{
			position: relative;
			top: -7px; left: 78px;
			width: 206px; height: 87px;
			margin-top:    45px;
			margin-bottom: 70px;
			background: url(/i/logo.jpg) no-repeat;
		}
			#logo A{
				text-indent: -3000px;
				display: block;
				height: 100%;
				overflow: hidden;
			}
		.painting{
			position: relative;
			width: 350px;
		}
		.leftmenu{
			width: 155px;
			margin-left: 175px;
		}
			.leftmenu LI A {
				text-decoration: none;
			}
			.leftmenu .leftmenuheader{
				display: block;
				width: 150px; height: 25px;
				border-bottom: solid 1px #102C20;
				font: normal 16px "Franklin Gothic Medium", Arial, sans-serif;
			}
			.leftmenu .leftmenupadding{
				display: block;
				height: 15px;
			}
			.leftmenu .leftmenuel{
				display: block;
				width: 150px;
				font: 13px Arial, sans-serif;
				margin-bottom: 3px;
			}
			.leftmenu .leftmenuinterval{
				display: block;
				height: 60px;
			}


/*-----right-------*/
	#right{
		position: relative;
		float: left;
		width: 638px;
		text-align: left;
	}
		.upmenu{
			display: block;
			width: 590px; height: 35px;
			margin-top: 55px;
			margin-bottom:30px;
			border-bottom: solid 1px #2E4A3E;
		}
			.upmenu LI{
				/*display: inline;*/
				display: block;
				float: left;
				margin-right: 17px;
				font: 16px "Franklin Gothic Medium", Arial, sans-serif;
			}
				.upmenu LI A {
					text-decoration: none;
				}
		.pathsite{
			width: 600px;
			font: 11px Arial;
			color: #A2B3A8;
		}
			.pathsite A{
				color: #A2B3A8;
			}
			.pathsite A:HOVER{
				color: #E1B569;
			}
		.content{
			float: left;
			width: 590px;
			font: 13px "Arial";
			color: #FFFFFF;
			text-align: left;/*justify;*/
		}


/*-----footer------*/
	#footer{
		position: relative;
		clear: both;
		width: 1000px; height: 80px;
		margin: auto;
		margin-top: -80px;
		background-color: none;
		margin-bottom: 20px;
	}
		.footerleft{
			position: absolute;
			width: 282px;
			font: 12px Arial;
			color: #FFFFFF;
			margin-top: 25px;
			margin-left:78px;
		}
			.footerleft .made{
				margin-bottom: 8px;
			}
			#counter{
				width: 90px; height: 16px;
			}
		.footerright{
			position: absolute;
			font: 11px Arial;
			margin-left: 360px;
			width: 590px;
			margin-top: 20px;
		}
			.footerright .copyright{
				width: 590px;
				color: #D5D8D7;
			}
				.footerright A{
					color: #D5D8D7;
				}
				.footerright A:HOVER{
					color: #E1B569;
				}
			.footerright .copyinfo{
				width: 590px;
				color: #8C8C8C;
				margin-top: 5px;
			}


/*-------ABOUT-------*/
	.aboutfoto{
		border: solid 1px #FFFFFF;
		margin-top:   4px;
		margin-right: 20px;
		margin-bottom:10px;
	}

/*------CONTACTS-----*/
	.contactsleft{
		float: left;
		width: 170px;
	}
		.contactsfoto {
			margin-top: 4px;
			border: solid 1px #FFFFFF;
		}
	.contactsright{
		float: left;
		width: 415px;
	}
	.contactsform{
		clear: both;
		float: left;
		width: 585px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
		.cformleft{
			clear: both;
			float: left;
			width: 160px;
			font: bold 13px Arial;
			text-align: right;
			padding-top: 4px;
			margin-right: 10px;
		}
		.cformright{
			float: left;
			width: 410px;
		}
			.cformright .text{
				width: 320px; height: 23px;
				font: 13px Arial;
				vertical-align: middle;
				margin-bottom: 10px;
				padding-left: 5px;
				padding-right:5px;
				background-color: #A5BFB0;
				border: solid 1px #011E14;
			}
			.cformright .textarea{
				width: 320px; height: 90px;
				font: 13px Arial;
				margin-bottom: 10px;
				padding-left: 5px;
				padding-right:5px;
				overflow: auto;
				background-color: #A5BFB0;
				border: solid 1px #011E14;
			}
			.cformright .cbutton{
				margin-top: 10px;
			}
	P.message {
		font-weight: bold;
		color: #E1B569;
	}

/* список фото в подразделе (Живопись, Скульптура и тд)*/
.sublistphoto{
	width: 370px;
	margin-left: 120px;
}
	.sublistpainting{
		float: left;
		width: 160px; height: 150px;
		/*margin-right: 20px;
		margin-bottom: 20px;*/
		text-align: center;
		/*border: solid 1px red;*/
	}
		.sublistpainting .paintitem{
			position: relative;
			left: 3px; top: 0px;
			/*width: 148px; height: 148px;*/
			margin-bottom: 6px;
			/*background: #FFFFFF url(/i/paintingitem.jpg) no-repeat 0 0;*/
			text-align: center;
		}
		.sublistpainting IMG{
			margin-top: 9px;
			border: none;
		}
	.sublistsculpture{
		float: left;
		width: 160px; height: 170px;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
		.sublistsculpture IMG{
			margin-bottom: 6px;
			border: solid 4px #f7d599;
		}

/* большое фото */
#big {
	width: 600px;
	margin-top: 10px;
	text-align: center;
	margin-top: -5px;
}
	TABLE TD.photosculpture{
		border: solid 5px #f7d599;
	}
	
	.pngleftup{
		width: 14px; height: 14px;
		background: url(/i/pngleftup.png) no-repeat 0 0;
	}
	.pngup{
		height: 14px;
		background: url(/i/pngup.png) repeat-x;
	}
	.pngrightup{
		width: 14px; height: 14px;
		background: url(/i/pngrightup.png) no-repeat 0 0;
	}
	.pngright{
		width: 14px;
		background: url(/i/pngright.png) repeat-y;
	}
	.pngrightdown{
		width: 14px; height: 14px;
		background: url(/i/pngrightdown.png) no-repeat 0 0;
	}
	.pngdown{
		height: 14px;
		background: url(/i/pngdown.png) repeat-x;
	}
	.pngleftdown{
		width: 14px; height: 14px;
		background: url(/i/pngleftdown.png) no-repeat 0 0;
	}
	.pngleft{
		width: 14px;
		background: url(/i/pngleft.png) repeat-y;
	}

	.photoleftup{
		width: 19px; height: 19px;
		background: url(/i/photoleftup.jpg) no-repeat 0 0;
	}
	.photogup{
		height: 19px;
		background: url(/i/photoup.jpg) repeat-x;
	}
	.photorightup{
		width: 19px; height: 19px;
		background: url(/i/photorightup.jpg) no-repeat 0 0;
	}
	.photoright{
		width: 19px;
		background: url(/i/photoright.jpg) repeat-y;
	}
	.photorightdown{
		width: 19px; height: 19px;
		background: url(/i/photorightdown.jpg) no-repeat 0 0;
	}
	.photodown{
		height: 19px;
		background: url(/i/photodown.jpg) repeat-x;
	}
	.photoleftdown{
		width: 19px; height: 19px;
		background: url(/i/photoleftdown.jpg) no-repeat 0 0;
	}
	.photoleft{
		width: 19px;
		background: url(/i/photoleft.jpg) repeat-y;
	}
#photoinfo{
	position: relative;
	left: 0; top: 0;
	width: 100px; height: 16px;
	margin-top: -19px;
	background-color: #000000;
	font: 11px Arial;
	color: #FFFFFF;
	padding-top: 3px;
	text-align: center;
}
#empty {
	border: 0;
	clip: 0;
	width: 0;
	display: none;
	margin-left:-1000px;
}
.loader {
	background: url(/i/loader.gif) no-repeat center 150px;
}
.not_loader {
	background: none;
}
.bigphotoinfo{
	margin-top: 20px;
	text-align: center;
}
.otherworks{
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 20px;
	font: 12px Arial;
}
	.otherworks .prevwork IMG, .otherworks .nextwork IMG{
		border: solid 2px #FFFFFF;
		margin-bottom: 5px;
	}
	.otherworks .prevwork2 IMG, .otherworks .nextwork2 IMG{
		margin-bottom: 5px;
		border: none;
	}
	.otherworks .prevwork, .otherworks .prevwork2{
		float: left;
		width: 150px;
		text-align: right;
	}
	.otherworks .orderwork{
		float: left;
		width: 280px; height: 50px;
		text-align: center;
	}
		.otherworks .orderwork .order{
			display: block;
			width: 170px;
			padding-left: 10px;
			margin-left: 50px;
			margin-top: 20px;
			background: url(/i/order.gif) no-repeat 0 5px;
			font: bold 13px Arial;
		}
		*:first-child+html .orderwork .order {/* #%@#%(! IE 7 */ 
			margin-left: 10px;
		}
	.otherworks .nextwork, .otherworks .nextwork2{
		float: left;
		width: 150px;
		text-align: left;
	}
	/* навигация */
	.navigate{
		clear: both;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
		.navigate .active{
			font-weight: bold;
			background-color: #B57E24;
			padding-left:  5px;
			padding-right: 5px;
			padding-top:   2px;
			padding-bottom:2px;
		}
		.navigate .notactive{
			margin-left:  3px;
			margin-right: 3px;
		}
		.navigate A.lr{
			margin-left:  10px;
			margin-right: 10px;
		}