* {font-family: Verdana, Geneva, sans-serif}

html, body {margin: 0; padding: 0}

body {
	background-color: #231E20;
	background-image: url(/images/common/background.png);
	background-repeat: repeat-x;
	background-position: top center;
}

div.main {
  width: 1000px;
  margin: 0 auto;
}
div.main div#header {width: 100%; height: 120px; position: relative; padding: 20px 0}
div.main div#header #logo {
/*	background: transparent url(/images/common/rose.png) no-repeat center left; TEST and one more test*/
	background-image: url('/images/common/rose.png');
	background-image:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/rose.png', sizingMethod='crop');
	background-repeat:no-repeat;
	height: 100%;
	float: left;
	width: 207px;
}


div.main #content {position: relative}

div#next_page {position: absolute; top: 240px; left: 870px; border: 0}
div#next_page a {border: 0}
div#next_page img {border: 0}

div#collection div#next_page {position: absolute; top: 240px; left: 810px; border: 0}

div#previous_page {position: absolute; top: 240px; left: 15px}
div#previous_page img {border: 0}

div#collection div#previous_page {position: absolute; top: 240px; left: 45px}

ul#menu {width: 150px; list-style-type: none; position: absolute; padding: 0}
ul#menu li {padding: 0; margin: 10px 0}
ul#menu li#drawings a {color: #7206A0}
ul#menu li#paintings a {color: #A5148B}
ul#menu li#exhibitions a {color: #DA456E}
ul#menu li#contact_me a {color: #88B814}
ul#menu li#about a {color: #E9CBF5}
ul#menu li div,
ul#menu li a {
	position: relative;
	z-index: 100;
	text-decoration: none;
	padding: 5px 3px 7px 3px;
	font-size: 21px;
	font-weight: bold;	
}
ul#menu li div.selected {
	/*background: #3c1351;*/
	background: #FFDDD0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #1d0333;
	padding: 4px;
	padding-top: 0;
	padding-bottom: 0;
}

ul#menu li div.selected a {cursor: text; vertical-align: middle; color: black !important}
ul#menu ul.submenu li div.selected a {vertical-align: 40%}
ul#menu div.ahover {padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #1d0333; padding-bottom:0; padding-top:0}

/* Submenu */
ul#menu ul.submenu {list-style-type: none; padding: 0 0 0 25px}
ul#menu ul.submenu li {margin: 5px 0; line-height: 16px}
ul#menu ul.submenu li a {font-weight: bold; font-size: 12px}

div.ahover {
	position: absolute;
	z-index: 99;
	background: #3c1351;	
}

div#overlay {
	position: absolute;
	width: 192px;
	padding: 0 20px 0 20px;
	color: #fff;
	background: transparent url(/images/homepage/overlay_bg.png) repeat;
	font-size: 13px;
	z-index: 2;
	left: 57%;
	line-height: 145%;
	min-height: 757px;
	height: 100%;
}
div#overlay div.outer {position: relative; top: 25px}

div#viewport {
	position: absolute;
	z-index: 0;
	margin-left: 150px;
	width: 850px;
}

div#collections div#viewport {}

div.gallery-preview {position: absolute; top: 30px; right: 0px}
div.gallery-preview div.left-box,
div.gallery-preview div.right-box,
div.gallery-preview div.content-box {float: left; height: 99px}
div.gallery-preview div.carousel-box,
div.gallery-preview div.carousel-box ul {height: 99px}
div.gallery-preview div.left-box,
div.gallery-preview div.right-box {width: 7px}
div.gallery-preview div.left-box {/*background: transparent url(/images/common/gallery_box_left.png) no-repeat;*/ 	
background-image: url('/images/common/gallery_box_left.png');
background-image:expression('none');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/gallery_box_left.png', sizingMethod='crop');
background-repeat:no-repeat;
}

div.gallery-preview div.right-box {/*background: transparent url(/images/common/gallery_box_right.png) no-repeat*/
background-image: url('/images/common/gallery_box_right.png');
background-image:expression('none');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/gallery_box_right.png', sizingMethod='crop');
background-repeat:no-repeat;
}
div.gallery-preview div.arrow-box a { position: relative; top: 40px}
div.gallery-preview div.arrow-left,
div.gallery-preview div.arrow-right {
	top: 40px;
	z-index: 70;
	width: 17px;
	height: 20px;
	position: absolute;
	cursor: pointer;
}
div.gallery-preview div.arrow-left {
	background: transparent url(/images/common/gallery_box_arrow_left.png) no-repeat;
	left: -3px;
}
div.gallery-preview div.arrow-right {
	background: transparent url(/images/common/gallery_box_arrow_right.png) no-repeat;
	right: -3px;
}
div.gallery-preview div.content-box {
	/*background: transparent url(/images/common/gallery_box_body.png) no-repeat;*/
	background-image: url('/images/common/gallery_box_body.png');
	background-image:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/gallery_box_body.png', sizingMethod='crop');
	background-repeat:no-repeat;
	position: relative;
}
div.gallery-preview div.content-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*width: 1000px;*/
	overflow: hidden;
}
div.gallery-preview div.content-box ul li {
	float: left;
	text-align: center;
	display: block;
	height: 85px;
	text-align: center;
	padding-top: 75px;
	overflow: hidden;
	width: 110px;
}
div.gallery-preview div.content-box ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
div.gallery-preview div.disabled {background-image: none; cursor: auto}

div.scripts {margin: 0; padding: 0}

div.gallery_page {
	width: 684px;
	height: 624px;
	margin: 0 0 0 115px;
}
div.gallery_page .header {
  text-align: left;
  font-size: 36px;
  color: #fff;
  z-index: 3;
  position: relative;
  margin-top:-9px;
}
div.gallery_page div.hr {
  height: 20px;
  background: #88B814;
  border: 0;
  margin: 0;
  padding: 0;
  margin-top: -7px;
  z-index: 1;
  position: relative;
}
div.gallery_page div.gallery_picture {
  width: 260px;
  height: 398px;
  margin: 30px 5px 10px 0;
  float: left;
  background: url(/images/common/gallery_picture_bg.png) repeat top left;
  padding: 10px 10px 0 10px;
  overflow: hidden;
}
div.gallery_page div.gallery_picture img { display: block; margin: auto; border: none }
div.gallery_page div.gallery_picture a { border: none }
div.gallery_page div.gallery_picture div#magnify {
  position: relative;
  top: -45px;
  right: 8px;
  display: block;
  cursor: pointer;
  float: right;
}
div.gallery_page div.gallery_picture div#magnify a {position: relative; z-index: 0}
div.gallery_page div.gallery_picture div#magnify a img {border: none; width: 38px}
div.gallery_page ul.gallery_list {
  list-style: none;
  padding: 0;
  margin: 10px;
  margin-right: 5px;
  margin-top:30px;
  width: 384px;
  height: 408px;
  background: url(/images/common/gallery_list_bg.png) repeat top left;
  float: left;
}
div.gallery_page ul.gallery_list li {
  width: 65px;
  height: 90px;
  float: left;
  margin: 1px;
  margin-right: 13px;
  margin-bottom: 14px;
  text-align: left;
  position: relative;
}
div.gallery_page ul.gallery_list li img {
  border: 0;
  position: relative;
  z-index: 1;
}
div.gallery_page ul.gallery_list li a {
  position: relative;
}		
div.gallery_page ul.gallery_list li div.description {
  position: absolute;
  display: block;
  z-index: 100;
  background: #88B814;
  color: #fff;
  font-size: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  width: 105px;
  padding-top: 103px;
  padding-bottom: 3px;
  margin-top: -10px;
  margin-left: -20px;
  opacity: 0;
  text-align: center;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #555;
}
div.gallery_page ul.gallery_list li.last {
  margin-right: 0;
}
div.gallery_page ul.gallery_list li .selected img {
  position: relative;
  border: 2px solid #88B814;
  left: -2px;
  top: -2px;
}
div.gallery_page ul.gallery_list img {

}
div.gallery_page div.gallery_footer {
  width: 100%;
  height: 90px;
  background: #88B814;
  color: white;
  padding: 10px 0px 10px 0px;
}
div.gallery_page div.gallery_footer h3#painting_name {margin: 0; padding: 0; font-size: 28px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
div.gallery_page div.gallery_footer div#painting_descr {}
div.gallery_page div.gallery_footer div#painting_descr,
div.gallery_page div.gallery_footer h3#painting_name {margin-left: 10px}
div.gallery_page div.gallery_footer div#painting_price {float: right; font-family:Georgia, "Times New Roman", Times, serif; font-size:34px; margin-right: 15px}

div#homepage div#color_box img {position: absolute}
div#homepage div#color_box img#letter_d {top: 220px; left: 595px}
div#homepage div#color_box img#letter_c {top: 40px; left: 270px}
div#homepage div#color_box img#letter_p {top: 40px; left: 30px}
div#homepage div#color_box img#letter_e {top: 40px; left: 503px}
div#homepage div#color_box img#letter_a {top: 315px; left: 270px}

div#about {background: transparent url(/images/about/rose-photo.jpg) no-repeat scroll 240px 246px; padding: 0 20px;}
div#about div.title {
	text-align: left;
	font-size: 60px;
	color: #fff;
	z-index: 3;
	position: relative;
	text-align:left;
	margin: 0;
}
div#about div.hr {
	height: 20px;
	background: #e9cbf5;
	border: 0;
	padding: 0;
	margin-top: -7px;
	z-index: 1;
	position: relative;
}
div#about div.hr, div#about div.title, div#contact_me div.hr, div#contact_me div.title {margin-left: 70px}

div#about div.content {
	/*background:url(/images/about/text-bg.png) repeat;*/
	color:#E9CBF5;
	float:right;
	font-size:12px;
	line-height:20px;
	min-height:85%;
	padding:22px 20px 15px 10px;
	position:relative;
	width:335px;
}
div#about #viewport {
	height: 665px;
	position: relative;
}

div#contact_me {background: transparent url(/images/contact_me/contact.jpg) no-repeat scroll left top; padding: 0 20px; height:830px;}

div#contact_me div.title {
	text-align: left;
	font-size: 60px;
	color: #fff;
	z-index: 3;
	position: relative;
	text-align:left;
}
div#contact_me div.hr {
	height: 20px;
	background: #88B814;
	border: 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

div#contact_me div.content {
	background:url(/images/about/text-bg.png) repeat;
	width: 780px;
	min-height: 98%;
	font-size: 12px;
	color: #ffffff;
	float: right;
	line-height: 18px;
}

div#contact_me div.content .outer {margin: 0 15px}

div#contact_me div#viewport {
	height: 668px;
	color: #FFFFFF;
	position: relative;
}

div#exhibitions div#viewport {
	color:#FFFFFF;
}
div#exhibitions div#viewport .title,
div#exhibitions div#viewport .hr,
div#exhibitions div#viewport .content {margin-left:70px}
div#exhibitions div#viewport div.title {
  text-align: left;
  font-size: 60px;
  color: #fff;
  z-index: 3;
  position: relative;
  text-align:left;
}
div#exhibitions div#viewport div.hr {
  height: 20px;
  background: #e64871;
  border: 0;
  padding: 0;
  z-index: 1;
  position: relative;
}
div#exhibitions div#viewport div.content {
  background: url(/images/exhibitions/exhibitions-background.png);
  background-repeat:repeat;
  min-height:508px;
}
div#exhibitions div#viewport div.content div.edu {
  float:left;
  width:235px;
  margin-left:20px;
  height:120px;
  padding-top:10px;
}
div#exhibitions div#viewport div.content div.ex-heading {
  color:#e64871;
  text-transform:uppercase;
  display:block;
  padding-left:20px;
  font-size:20px;
  margin-bottom:5px;
}
div#exhibitions div#viewport div.content div.ex-data-show {
  width:255px;
  font-size:12px;
  font-weight:normal;
  padding-left:20px;
  float:left;
  height:30px;
}
div#exhibitions div#viewport div.content div.ex-data {
  font-size:15px;
  display:block;
  margin-bottom:15px;
  color:#FFFFFF;
}
div#exhibitions div#viewport div.content div.ex-education {
  font-size:12px;
  margin-bottom:15px;
  color:#FFFFFF;
}
div#exhibitions div#viewport div.content div.ex-show {
  font-size:12px;
}



div#exhibitions div#viewport div.content div.odd,
div#exhibitions div#viewport div.content div.even {
	font-size: 12px;
	color: #ffffff;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 30px;
}

div#exhibitions div#viewport div.content div.even {
	background: url(/images/exhibitions/bar.png) repeat;
}

div#exhibitions div#viewport div.content div.actual {
	background: #e64871;
	height: 20px;
}

#page_color_box {
  position: absolute;
  disp-lay: none;
}

div#color_box {
  width: 854px;
  height: 606px;
  background: transparent url(../images/homepage/color_box.png) no-repeat center center;
}
div#color_box img {cursor: pointer}
div#color_box #copyright {
  color: #E9CBF5;
  font-size: 11px;
  padding-left: 10px;
  padding-top: 4px;
}

img#loader {position: absolute}ox {
  position: absolute;
  disp-lay: none;
}

div#color_box {
  width: 854px;
  height: 606px;
  /*background: transparent url(../images/homepage/color_box.png) no-repeat center center;*/
    background-image: url('../images/homepage/color_box.png');
	background-image:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/homepage/color_box.png', sizingMethod='crop');
	background-repeat:no-repeat;

}
div#color_box img {cursor: pointer}
div#color_box #copyright {
  color: #E9CBF5;
  font-size: 11px;
  padding-left: 10px;
  padding-top: 4px;
}

div#collection {position: relative; margin: 20px 0 0 0}

img#loader {position: absolute}

.exhibition-preview {
	/*background-image: url(../images/exhibitions/featured-bg.png);*/
	background-image: url('../images/exhibitions/featured-bg.png');
	background-image:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/exhibitions/featured-bg.png', sizingMethod='crop');
	background-repeat:no-repeat;
	width: 374px;
	height: 147px;
	margin-left: 177px;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	position: absolute;
	top: 5px;
}
.exhibition-preview .title {
	font-size: 30px;
	text-align: left;
	padding: 25px 0 0 20px;
	display: block;
	margin-bottom: 5px;
}
.exhibition-preview .date {
	background-color: #B81497;
	font-size: 18px;
	margin: 0 15px 3px;
	padding: 5px 0 4px 5px;
}
.exhibition-preview .descr {font-size: 14px; padding: 3px 0 0 15px}