@charset "utf-8";
/* CSS Document */

body {
	font-family:arial; 
	font-size:0.75em; 
	margin-left:0; 
	margin-top:0;
	/* width:1100px;*/
	background:#fff;
	}
.clear {clear:both;} 
/* remove the list style */
	
 a.nav:link {
	display:block; 
    padding:4px 4px 4px 4px; 
    font-weight:700;  
    text-decoration:none; 
    color:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    text-align:center; 
    /*background:#888;
	background-image:url('https://www.artfact.net/izya/bellart/pic/back_topmenu.jpg') repeat-x;
	width:important;*/
	
} 
a.nav:visited {
    color:#aaa;
}
a.nav:hover {
    color:#ffaa00;
	text-decoration:underline;
}
.menu {
	font-size:10pt;
	display:none;
	z-index:500;
}
.menu_top {
	float:left;
}
.spacer {
	float:left; 
	width:5px;
}
#navbutt {
	width:120px;
	//overflow:hidden;
}
@media screen
.spacer1 {
	//float:left;
	background:#888;
	//background-image:url('https://www.artfact.net/izya/bellart/pic/back_topmenu.jpg') repeat-x;
	//width:1200px;
	//width:100%;
	//min-width:980px;
	//border:#888;
	//opacity:1;
	//height:23px;
	//box-shadow: -1px 3px 3px 0 #CCC;		
}
#logo {
	border:none;	
}
p {		 
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
}
p.new_gal{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	margin-left:30px;
	margin-right:15px;
	background-color:#991100;
	padding: 1px 4px 2px 4px;
	width:100px;
	text-align:center;	 
}
	


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
}
a img {
	//border:#ccc solid 1px;
}
a img:visited {
	//border:#888 solid 1px;
}

a.cont:link {
	color: #42413C;
	text-decoration: underline; 
}
a.cont:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a.cont:hover, a.cont:active, a.cont:focus { 
	text-decoration: none;
}

a.onef {
	color:#666;
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:2px 2px 2px 2px; 		
}
a.onef:hover {
	color: #ccc;
	text-decoration: underline;
	background:#990000;
	
}
a.onef:visited {
	color: #aaa;
	text-decoration: underline;
}
a.one:link {
	color: #ccc; 
	text-decoration: none;
	font-size:9pt;
	font-family:arial;
	padding-left:4px;
	padding-right:4px;
}
a.one:visited {
	color: #666; 
	text-decoration: none; 
	font-size:9pt;
	font-family:arial;
	padding-left:4px;
	padding-right:4px;
}
a.one:hover {
	text-decoration: underline; 
	background:#aa0000;
	font-size:9pt;
	font-family:arial;
	color:#eeee44;
	padding-left:4px;
	padding-right:4px:
}
a.one1:link {
	color: #aaa; 
	text-decoration: none;
	font-size:9pt;
	font-family:arial;
	padding:2px;
	
}
a.one1:visited {
	color: #800; 
	text-decoration: none; 
	font-size:9pt;
	font-family:arial;
	padding:2px;
	
}
a.one1:hover {
	text-decoration: underline; 
	background:#aa0000;
	font-size:9pt;
	font-family:arial;
	color:#eeee44;
	padding:2px;
	
}
a.two:link {
	color: #000; 
	text-decoration: none;
	font-size:9pt;
	font-family:arial;
	padding-left:4px;
	padding-right:2px;
}
a.two:visited {
	color: #666; 
	text-decoration: none; 	
	font-family:arial;
	padding-left:4px;
	padding-right:2px;
	font-size:9pt;
}
a.two:hover {
	text-decoration: underline; 
	background:#aa0000;
	font-size:9pt;
	font-family:arial;
	color:#eeee44;
	padding-left:4px;
	padding-right:2px:
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 1200px;
	background: #fff;
	margin-left: 110px; /* the auto value on the sides, coupled with the width, centers the layout */	
	position:absolute;
	top:100px;
}

header {
	//background: #fff;
	//height:100px;
	z-index:100;
	position:absolute;	
}

.sidebar1 {
	float: left;
	width: 120px;
	background:#222;
	//padding-bottom: 10px;
	height:810px;
	}
.content {
	padding: 10px 0;
	width: 900px;
	float:left;
	}
aside {
	float: left;
	width: 180px;
	//background:#EADCAE;
	//padding: 10px 0;
	height:800px;
}
aside1 {
	float: left;
	width: 200px;
	background:#444;
	padding: 10px 0px 10px 40px;
	display:inline-block;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /
}
.pix{
	background:#fff;
	padding:5px 5px 5px 5px;
	height:800px;
	margin-left:auto;
	margin-right:auto;
	color:#aaa;
}


.pix_div {
	width:800px;
	//height:600px;
	background:#333;
	border:#ccc solid 1px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	
	color:#CCC;
	
}
.pix_text {	
	width:600px;
	//height:20px;
	background:#232323;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;	
	
	
}
p.title_pix{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	
}
.left_menu {
	padding:10px;
	background:#222;
	width:100px;
	margin-left:auto;
	margin-right:auto;
}

ul.literature{
	padding:2px 2px 2px 30px;
		
}
.stories{
	background:#ffffef;
	padding:10px;
	font-size:12px;
	color:#000000;
	font-family:arial; 
}

.stories p.tt{
	font-size:14px;
	color:#bb9944;
	font-family:arial bold;
}
.stories p.txt{
	font-size:12px;
	color:#000000;font-family:arial; 
}
.stories p.txt1{
	font-size:11px;
	color:#aa0000;font-family:arial; 
}
.upper_menu{
	position:relative;
	display:inline;
	float:left;"	
	background-image:url('https://www.artfact.net/izya/bellart/pic/back_topmenu.jpg') repeat-x;
	background:#fff;
	height:50px;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
/*nav ul {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
nav ul li {
	border-bottom: 1px solid #666; 
}
nav ul a, nav ul a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;  
	text-decoration: none;
	background: #C6D580;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { 
	background: #ADB96E;
	color: #FFF;
}*/

/* ~~ The footer ~~ */
footer {
	padding: 20px 20px 20px 40px;
	background: #444;
	position: absolute;
	top:380px;
	left:0px;
	height:180px;
	width:1080px;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
.title1{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F90;
	
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}

header, section, footer, aside, nav, article, figure {
	display: block;
}

table.tl
{
    border-color: #666666;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
	margin-left:auto;
	margin-right:auto;
}
td.tl
{
    border-color: #666666;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    padding: 0px;
    background-color: #333333;
	margin-left:auto;
	margin-right:auto;
	
}
table, td
{
	margin-left:auto;
	margin-right:auto;	
}

.title{
	font-size:8pt;
	font-family:verdana;
	color:#ccc;
}
.txtb{
	font-size:7pt;
	font-family:verdana;
	color:#dddddd;
}
//.txt{font:9;font-family:arial;color:#dddddd}