html,body {
	margin:0 auto;
	padding:0px;
	border:0px;			/* This removes the border around the viewport in old versions of IE */
	width:100%;

	min-width:960px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */

	font-family:Tahoma, Arial;
	color:#867689;						
}

/*******************************************************************************
*********************************** Menu ***************************************
*******************************************************************************/

#menu-top {
	color:#edebed;
	padding:0px;
	padding-left:6px;
	margin-top:44px;
	/*border:1px solid #0f0;*/	
}

#menu-top h1 {
	font-size:30px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#menu-top h2 {
	font-size:13px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	position: relative;
	top: -4px;
}

#menu-top a, #menu-top a:hover {
	color:#edebed;
	text-decoration:none;
}

#menu {
	padding: 0px;
	margin-top:4px;
	/*margin-top:100px;	*/
	/*border:1px solid #0f0;*/
}

#menu .item {
	width:100%;
	height:39px;
	/*border:1px solid #0f0;*/
}

#menu .item-img {
	float:right;
	width:250px;
	margin:0 10px 0 0; /* right margin */
	height:39px;
	background-repeat:no-repeat;
	background-position: right center;
	/*border:1px solid #0f0;*/
}

#menu .item-img-sub {
	float:right;
	width:250px;
	margin:0 10px 0 0; /* right margin */
	height:20px;
	background-repeat:no-repeat;
	background-position: right center;
	/*border:1px solid #0f0;*/
}

#menu .item-sub-space {
	clear:both;
	height:9px;
}

#menu .item-link {
	display:block;
	width:100%;
	height:100%;
}

#menu .item img {
	margin: 0;
	padding: 0;
	border: 0px;
}

#menu .group-space {
	height:44px;
	/*border:1px solid #0f0;*/
}

/*******************************************************************************
******************************** Previews **************************************
*******************************************************************************/

#previews {
	/*margin-top:111px;*/
	margin-top:88px;
	/*padding-left:8px;*/
	padding-left:0px;
	height:605px;
	width:200px;
	/*border:1px solid #0f0;*/
}

/*
#previews .item {
	overflow:hidden;
	width:130px;
	height:120px;
	border:1px solid #0f0;
}
*/

#previews table.item {
	overflow:hidden;
	width:146px;
	height:120px;
	/*border:1px solid #0f0;*/
}

#previews .item-info {
	font-size:x-small;
	font-weight:bold;
	text-align:center;
}

#previews .link {
	/*font-family:Tahoma;*/
	font-size:12px;
	text-align:center;
	width:146px;
	margin:0 auto;
	overflow:hidden;
}

#previews .link-current {
	/*color:#bcafb6;*/
	font-weight:bold;
}

#previews .link a {
	/*color:#867689;*/
	text-decoration:none;
}

#previews .link a:hover {
	/*text-decoration:underline;*/
	text-decoration:none;
}

#previews .link img {
	border:0px;
}

/*******************************************************************************
******************************* Paginator **************************************
*******************************************************************************/

#paginator {
	/*position:relative;
	top:-18px;*/
	padding-top:2px;
}

#paginator-button {
	margin:0px;
	top:0px;
	padding-left:22px;
	float:left;
	/*border:1px solid #000;*/
}

#paginator-text {
	margin-top:5px;
	padding-left:46px;
	/*border:1px solid #000;*/
}

#paginator-text .item {
	width:14px;
	float:left;
	font-size:11px;
	color:#867689;
	font-weight:normal;
}

#paginator-text .item-link {
	display:block;
	width:10px;
	padding-left:4px;
}

#paginator-text .item-current {
	display:block;
	/*color:#bcafb6;*/
	width:10px;
	padding-left:4px;
	font-weight:bold;
}

/*******************************************************************************
******************************* Art image **************************************
*******************************************************************************/

#art_big {
	margin-top:22px;
	width:100%;
	/*border:1px solid #0f0;*/
}

#art_big_img {
	width:390px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
	/*border:1px solid #0f0;*/	
}

#art_big .img { }

#art_big .img-fixh { height:376px; }

#art_big .img-no {
	padding-top:160px;	
	margin:0 auto;
	font-size:20pt;
	text-align:center;	
}

#art_big .blank-site {
	margin-top:80px;
	padding:80px;
}

#art_big .box {
	width:398px;
	height:663px;
	margin:0 auto;
	border:1px solid #cac5bd;
	overflow:hidden;
	/*background:#fff;*/
	/*background:#fff;*/
}

#art_big .title {
	text-align:center;
	height:79px;
	padding:0;
	margin-top:0;
	/*border:1px solid #0f0;*/
}

#art_big .title h2 {
	font-family:Tahoma;
	font-weight: normal;
	font-size:25px;	
	color:#8d7689;
	padding-top:23px;
	margin:0px;
	/*border:1px solid #0f0;*/
}

#art_big .title a
{
	text-decoration:none;
	color:#8d7689;
}

#art_big .text1 {
	font-size:12px;
	margin-top:15px;
	padding-top:7px;
	padding-bottom:0px;
	
	margin-right:15px;
	margin-left:15px;
	/*padding-left:64px;*/
	
	/*padding-left:138px;*/
	/*padding-left:64px;*/
	/*border:1px solid #0f0;*/
}

#art_big .text1 p  { font-size:12px; text-align:left; margin-left:49px; margin-top:4px; margin-bottom:0px;}
#art_big .text1 li { font-size:12px; line-height:1.3; text-align:left; margin-left:49px; margin-top:4px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
#art_big .text1 li  li { font-size:10px; margin-left:0px; padding-left:0px; margin-top:0px; }
#art_big .text1 ul { margin-top:3px; margin-bottom:3px; padding-left:0px; margin-left:20px; }
#art_big .text1 li  ul { margin-left:15px; list-style-type:none; }
#art_big .text1 p.small { font-size:11px; }
#art_big .text1 p.ban  { font-size:12px; text-align:center; margin-left:0px; }

#art_big .text2-box {
	width:100%;
	position:absolute;
	top:607px;
	/*background:#0f0;*/
	/*border:1px solid #0f0;*/
}

#art_big table.text2 {
	width:398px;
	height:80px;
	margin: 0px;
}

#art_big td.text2 {
	font-size:9px;	
	text-align:left;
	
	vertical-align:bottom;
	padding-bottom:12px;
	padding-left:10px;
	padding-right:10px;
	
	/*border:1px solid #0f0;*/
}

#art_big .text2 p {
	margin:3px;
}

/* won't work in IE 6

#art_big .text2-table {
	display:table;
	width:100%;
	height:100px;
	margin: 0px;	
}

#art_big .text2-cell {
	display:table-cell;
	font-size:9px;	
	text-align:left;

	vertical-align:bottom;
	padding-bottom:10px;
	padding-left:10px;	
}
*/

#art_big .lister {
	height:27px;
	width:82px;
	text-align:center;
	margin:2px auto;
	padding:0px;
	/*border:1px solid #0f0;*/
}

#art_big .lister-link {
	margin:0px;
	padding:0px;
	display:block;
	width:49%;
	height:35px;
	float:left;
	/*border:1px solid #0f0;*/
	background-repeat: no-repeat;
	background-position: center center;
}

#lister-link-next {	background-image:url("/media/images/view-next.gif"); }
#lister-link-prev { background-image:url("/media/images/view-prev.gif"); }
#lister-link-next-no { background-image:url("/media/images/view-next-no.gif"); }
#lister-link-prev-no { background-image:url("/media/images/view-prev-no.gif"); }

/*******************************************************************************
******************************* Banners  ***************************************
*******************************************************************************/

#art_big .banners {
	width:380px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	overflow:hidden;
	/*border:1px solid #0f0;*/
}

#art_big .banners h3 {
	font-size:14px;
	margin-top:6px;
	margin-bottom:6px;
	/*border:1px solid #0f0;*/
}

#art_big .banners-item {
	margin-bottom:25px;
	/*border:1px solid #f00;*/
}

/*******************************************************************************
3 Column Layout
http://matthewjamestaylor.com/blog/perfect-3-column.htm
*******************************************************************************/

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	height:100%;
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	height:100%;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	/*border-top:1px solid #0f0;*/
}
/* 3 Column settings */
.threecol {
	/*background:#fff;*/		/* right column background colour */
	height:100%;
}
.threecol .colmid {
	right:27.5%;				/* width of the right column */
	/*background:#fff;*/		/* center column background colour */
	height:100%;
}
.threecol .colleft {
	right:44%;				/* width of the middle column */
	/*background:#fff;*/		/* left column background colour */
}
.threecol .col1 {
	width:44%;				/* width of center column content (column width minus padding on either side) */
	left:100%;				/* 100% plus left padding of center column */
	/*border-top:1px solid #f00;*/
}
.threecol .col2 {
	width:28.5%;			/* Width of left column content (column width minus padding on either side) */
	left:27%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	/*border-top:1px solid #0f0;*/
}
.threecol .col3 {
	width:26%;				/* Width of right column content (column width minus padding on either side) */
	left:72%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	/*border-top:1px solid #00f;*/
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	/*border-top:1px solid #000;*/
}
#footer p {
	padding:10px;
	margin:0;
}