body{
	background-image:url(images/shared/identity-design-bg.gif);
	padding: 0;
	margin: 0;
}

/* FLASH CENTRE */
body, html { height: 100%; }
#container { /*height: 100%;*/ width: 850px; margin: 0px auto 0px auto; position:relative; overflow: visible; }
/*
#container[id] {display: table; position: static;}
#middle { position: absolute; top: 50%; }*/ /* for explorer only*/
/*#middle[id] { display: table-cell; vertical-align: middle; position: static;}*/
#inner { margin-top: 20px; height: 638px; position: relative; background: #FFFFFF; /* #080707; */ }
#inner { /* top:-325px; */ } /* for explorer only */

/* ------------ */

div#wrapper {
	margin: 0px auto 0px auto;
	width: 850px; /*778px;*/
	height:638px;
	/* background: url(images/shared/circles_100_x_100_px.gif) repeat; */
	background: #FFFFFF; /* #080707; */
	position: relative; 
}

div#logo {
	z-index:30;
	position:absolute;
	left:32px;
	top:32px;
	width: 241px;
	height: 66px;
	background: URL(images/shared/identity-design-ltd-logo.png) no-repeat;
}
div#topmenu, div#topmenuSelect {
	z-index:20;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	right:0;
	top:32px;
	width: 197px;
	color: #000000;
}
div#topmenuTop {
	display: block;
	width:197px;
	background:#aeb0b3;
	padding: 0 0 0 0;
	margin: 0 0 59px 0;
}
div#topmenu a, div#topmenuSelect a {
	display: block;
	width:97%;
	padding: 5px 0px 5px 3%;
	font-size: 12px;
	line-height:13px;
	text-decoration:none;
	font-weight: normal;
	color:#000000;
}
div#topmenu a:hover, div#topmenu a.current,
div#topmenuSelect a:hover, div#topmenuSelect a.current {
	background: #95979a;
	color:#000000;
}


div#topmenuBottom {
	position:absolute;
	bottom:0;
	left:0;
	width:197px;
	height:59px;
	background: URL(images/shared/menu-bottom.png) no-repeat;
}
div#innerWrapper {
	z-index:10;
	position: absolute;
	top:68px;
	width: 850px; /*786px;*/
	padding: 0; /* 0 32px 0 32px;*/
	height:550px;
	overflow:hidden;
}

div#submenu {
	position:absolute; left:30px; top:42px;
}
div#submenu a { text-decoration: none; color: #000000; }
div#submenu a.current, div#submenu a:hover { text-decoration:none; color: #c1272d;}

div#mainContent, div#mainTContent {
	position: absolute;
	margin: /*155px 32px*/ 70px 0px 0px 32px;
	padding: 0px;
	width: 610px; /*786px;*/
}
div#mainContent {

}
div#mainTContent {

}

div.artTitle {
	position: absolute;
	top: 5px;
	left: 32px;
	width: 610px;
	height: 78px;
	overflow: hidden;
	font-weight: normal;
	clear:right;
	font-size:10px !important;
}
div.artScroll {
	position: absolute;
	top: 106px;
	left: 17px;
	width: 15px;
	height: 550px;
}

div.artDesc {
	position: absolute;
	top: 32px;
	left: 32px;
	width: 800px;
	height: 550px;
	overflow: hidden;
	font-size: 10px !important;
}
div.htmlScroll {
	/* direction:rtl; */
	position: absolute;
	top: 68px;
	left: 28px; /* 32px */
	width: 822px; /* 800px */
	height: 480px;
	overflow: auto;
	font-size: 10px !important;
	text-align:left;
}

table.basicTable {
	font-size: 10px;
}

div#footer {
	margin: 5px auto 0 auto;
	width: 850px;
	font-size: 9px;
	text-align:right;
	color:#58595b;
}
div#footer a {
	font-size:9px;
	color:#58595b;
}
div#footer .footerSelect { 
	color: #66aeea;
}

/* CMS */
.cms_area { display: block; width: 100%; background-color: #f2f2f2; border: 1px solid #000000; margin-bottom: 5px; clear: both; }
.long_input { width: 100%; }
.mce_edit_text { width: 100%; height: 380px; overflow-x: hidden; }
textarea { width: 100%; }
.img_cms { position: absolute; z-index: 4; top: 0px; left: 0px; visibility:hidden; display:none; }
.img_cms_form { position: absolute; z-index: 5; bottom: 0px; right: 0px; }

/* SCROLL BARS */
img.floated {
	float: left;
	position: relative; /* fixes many nasty IE bugs */
	padding: 0.5em;
}
.clearfloat {
	clear:both; height:0px;
	line-height:0px; visibility: hidden;
}
#mycustomscroll1, #mycustomscroll2, #mycustomscroll3, #mycustomscroll4 {
	width:768px;
	height: 550px;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}