/*
li { border: 1px solid red;}

ul {border: 1px solid black;}
*/



.floatright{ float: right; border: 1px solid #828B9A; padding: 5px; margin: 0 0 10px 10px;}

.success { color: green;}
.failure {color: red;}
.clearboth { clear: both; font-size: 1px; height: 1px;}

.price { color: green; font-weight: bold;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #D1DFEF;
}
#content {
	background-color: #FFFFFF;
	width: 738px;
	margin: 0 auto;
	border: 1px solid #828B9A;
}

.main { padding: 10px; clear: both;}

h1 {
	font: 24px/36px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #828B9A;
}

/* ---------------- */
/*  HIGHLIGHT ITEMS */
/* ---------------- */

.highlight h1, .highlight h2, .highlight h3 { margin: 0;}

.highlight { width: 696px; border: 1px solid #B4A088; padding: 10px; margin-bottom: 10px; background-color: #E4DECC; }
.highlight img { border: 1px solid #B4A088;}

.colleft {float: left; width: 320px;}
.colright {float: right; width: 358px; text-align: center; height: 240px; position: relative;}
.colright img {border: 0; margin-top: 30px;}
.colright a {color: #B4A088}
.colright h1 {color: #B4A088;}

div.colright div.bottom {position: absolute; bottom: 0; left: 0; width: 358px;}

/* ----------- */
/*  SHOP ITEMS */
/* ----------- */

.shopitem h1, .shopitem h2, .shopitem h3 { margin: 0; padding-bottom: 0;}

.shopitem {
	width: 696px;
	border: 1px solid #828B9A;
	padding: 10px;
	margin-bottom: 10px;
}
.shopitem .pict { border: 1px solid #828B9A; margin-right: 10px; float: left;}

.shopitem form { float: left;}


.shopitem h1 {font: 18px/24px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #828B9A; margin-top: 0;}
	
.shopitem h2 {font: 12px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000; margin-top: 0; font-weight: bold;}

.paper { font: 10px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;color: #828B9A;}

/* MENUS */
#menu { width: 740px;}

.menufloat  { }

#paintings ul li .notmenu { margin: 0 0 0 0; padding: 0 0 0 0;}

#about ul, #paintings ul { margin: 0}

#paintings {
	margin-left: 10px;
	background-image: url(images/menu_back.jpg);
	background-repeat: no-repeat;
	height: 29px;
	float: left;
	width: 350px;
	padding: 20px 0 0 0;
}

#paintings .menufloat, #paintings .current {
	float: left;
	list-style-type: none;
	padding: 0 10px 0 10px ;
	border-right: 1px solid #828B9A;
	font: 13px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000; font-weight: bold;
}

#paintings .menufloat a { font: 13px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #828B9A; font-weight: bold;}

#paintings .menufloat a:hover { color: #000; font-weight: bold; text-decoration: none;}

#about {
	background-image: url(images/about_back.jpg);
	background-repeat: no-repeat;
	height: 29px;
	float: right;
	width: 260px;
	padding: 20px 0 0 10px;
	}

#about .menufloat, #about .current {
	float: left;
	list-style-type: none;
	padding: 0 10px 0 10px ;
	border-right: 1px solid #FFF;
	font: 12px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#828B9A; 		font-weight: bold;
}

#about .menufloat a { font: 12px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold;}

#about .menufloat a:hover { color: #828B9A; font-weight: bold; text-decoration: none;}

#footer {height: 29px; }

#bottom a { color: #828B9A;}

#bottom { font-size: x-small; margin: 0 auto; width: 740px; color: #828B9A;}