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


body {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-top: 15px;
}

#body_home {
 background: #012B24 url(/images/bg/home_line.jpg) repeat-y;
}

#body_exhibitions {
 background: #1C2E19 url(/images/bg/exhibitions_line.jpg) repeat-y;
}

#body_events {
 background: #3C1C1D url(/images/bg/events_line.jpg) repeat-y;
}

#body_multimedia {
 background: #0D1A2A url(/images/bg/multimedia_line.jpg) repeat-y;
}

#body_news {
 background: #3F201C url(/images/bg/news_line.jpg) repeat-y;
}

#body_contact {
 background: #342619 url(/images/bg/contact_line.jpg) repeat-y;
}

p {
	margin-bottom: 10px;
}

a {
	color: #999;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
    color:#999;
}


/* image replacement resets */
#logo {
	float: left;
	position: relative;
	width: 208px;
	height: 48px;
	text-indent: -9990px;
}

#logo h1 span {
	display: block;
	background: url(/images/misc/logo.png)  no-repeat scroll top left;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.mainBg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 767px;
	z-index: 0;
}

#mainBg_home {
	background: url(/images/bg/home_main.jpg) no-repeat;
}

#mainBg_exhibitions {
	background: url(/images/bg/exhibitions_main.jpg) no-repeat;
}

#mainBg_events {
	background: url(/images/bg/events_main.jpg) no-repeat;
}

#mainBg_multimedia {
	background: url(/images/bg/multimedia_main.jpg) no-repeat;
}

#mainBg_news {
	background: url(/images/bg/news_main.jpg) no-repeat;
}

#mainBg_contact {
	background: url(/images/bg/contact_main.jpg) no-repeat;
}


#pageImage {
	position: absolute;
	top: 67px;
	left: 273px;
	z-index: 2;
	background: #000;
	width: 633px;
	height: 470px;
}

#listBlock {
	position: absolute;
	top: 35px;
	left: 310px;
	z-index: 99;
	color: #CCCCCC;
	width: 495px;
	height: 425px;
	overflow: auto;
}

#listBlock 	h1 {
	font-size: 1.4em;
	margin-bottom: 10px;
}

.uploadsBlock {
	width: 225px;
	float: left;
	margin-right: 40px;
}

.downloadsBlock {
	float: left;
	width: 225px;
}

#sliderAppear {
	position: absolute;
	top: 67px;
	left: 274px;
	width: 633px;
	height: 470px;
	z-index: 5; /* above the frame (at the top) */
}
#sliderWrapper {
	z-index: 3; /* below the frame */
	position: absolute;
	top: 67px;
	left: 274px;
	width: 633px;
	height: 470px;
}
#slider {
	position: absolute;
	background: url(/images/misc/bg_semi.png);
	/*height: 140px;*/
    height: 0; /* slider to be hidden initially */
	position: absolute;
	bottom: 0;
	z-index: 3; /* below the frame */
	width: 625px;
	color: #000;
	overflow: hidden;
}

#slider h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
	color: #000;
}

#slider .clientBlock, #slider .descBlock, #slider .nextPrev {
	margin-top: 10px;
	float: left;
	border-right: 1px solid #333;
	padding-left: 15px;
	padding-right: 15px;
	height: 100%;
}

#slider .clientBlock {
	width: 100px;
}

#slider .descBlock {
	width: 350px;
}

#video {
	position: absolute;
	z-index: 99;
	top: 154px;
	left: 384px;
}


.controller {
	position: absolute;
	top: 385px;
	left: 425px;
	z-index: 6; /* below the sliderAppear */
	width: 145px;
    display: none; /* slider to be hidden initially */
}

.controller .prev {
	float: left;
}

.controller .next {
	float: right;
}
.controller a {
	color: #000;
	font-size: 1.1em;
}

.controller a:hover {
	color: #333;
}

/* added for fck edditor */
.very-large {
    font-size: 1.25em;
}
.large {
    font-size: 1.15em;
}
.small {
    font-size: 0.85em;
    line-height:1.35em;
}
.very-small {
    font-size: 0.75em;
}

#wrapper {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	z-index: 4;
}

#content {
	width: 918px;
	height: 555px;
	margin: auto;
	color: #8C8C8C;
	position: relative;
	font-size: 0.85em;
}

.frame {
	top: 58px;
	left: 0px;
	width: 918px;
	height: 488px;
	padding: 10px;
	position: absolute;
	z-index: 4;
}
#frame_home {
    background: url(/images/bg/home_frame.png) no-repeat;
}

#frame_exhibitions {
	background: url(/images/bg/exhibitions_frame.png) no-repeat;
}

#frame_events {
    background: url(/images/bg/events_frame.png) no-repeat;
}

#frame_multimedia {
	background: url(/images/bg/multimedia_frame.png) no-repeat;
}

#frame_news {
	background: url(/images/bg/news_frame.png) no-repeat;
}

#frame_contact {
	background: url(/images/bg/contact_frame.png) no-repeat;
}



/* Text area  */

#textArea h2.home {
 background: url(/images/titles/home.gif) no-repeat;
}

#textArea h2.exhibitions {
 background: url(/images/titles/exhibitions.gif) no-repeat;
}

#textArea h2.events {
 background: url(/images/titles/events.gif) no-repeat;
}

#textArea h2.multimedia {
 background: url(/images/titles/multimedia.gif) no-repeat;
}

#textArea h2.news {
 background: url(/images/titles/news.gif) no-repeat;
}

#textArea h2.contact {
 background: url(/images/titles/contact.gif) no-repeat;
}



#textArea {
	clear: left;
	width: 253px;
	height: 327px;
	border-top: 1px solid #999;
	overflow: auto;
	font-size: 0.9em;
	line-height: 1.1em;
}


#textArea h2 {
	font-size: 2.5em;
	margin-top: 6px;
	margin-bottom: 10px;
	text-indent: -9999px;
	line-height: 40px;
}



/* Navigation */

#nav {
    float: left;
	width: 280px;
    margin-bottom: 6px;
}

#nav li {
	display: block;
	width: 74px;
	height: 50px;
	float: left;
	padding-bottom: 20px;
	text-align: center;
}

#nav li a {
	display: block;
	padding-top: 47px;
	text-decoration: none;
    margin-top: 3px;
}

#nav li a.sel {
	text-decoration: underline;
    color:#999999;
}

#nav li.home {
	background: url(/images/icons/home.jpg) no-repeat;
}

#nav li.exhibitions {
	background: url(/images/icons/exhibitions.jpg) no-repeat;
    /* asymmetric margin so that the menus "appear" evenly spaced */
	margin-left: 24px; 
	margin-right: 16px;
}

#nav li.events {
	background: url(/images/icons/events.jpg) no-repeat;
}

#nav li.multimedia {
	background: url(/images/icons/multimedia.jpg) no-repeat;
}

#nav li.news {
	background: url(/images/icons/news.jpg) no-repeat;
    /* asymmetric margin so that the menus "appear" evenly spaced */
	margin-left: 24px;
	margin-right: 16px;
}

#nav li.contact {
	background: url(/images/icons/contact.jpg) no-repeat;
}


#footer {
	width: 918px;
	font-size: 0.85em;
	color: #FFFFFF;
	padding-top: 500px;
	float: left;
}

.copy {
	float: left;
	font-size: 0.85em;
}

#loginForm {
	float: right;
	margin-top: 26px;
	margin-right: 105px;
	font-size: 0.9em;
}


/* News */


#newsList .newsListItem {
	padding: 7px;
	width: 238px;
	background-color: #F4F4F3;
	float: left;
}

#newsList .dark {
	background-color: #d6d4ce
}


#newsList .newsListItem .theDate {
	width: 75px;
	float: left;
	color: #6E605B;
}
#newsList .newsListItem .headline {
	float: left;
	font-size: 0.9em;
	width: 160px;
}





/* Forms */

#loginForm input {
	margin-right: 2px;
	font-size: 0.85em;
}

#loginForm .textBox {
	width: 120px;
}


#loginForm label {
	margin-left: 15px;
	margin-right: 5px;
}

#uploadForm {
	margin-top: 20px;
}

#uploadForm label {
	display: block;
	margin-bottom: 4px;
}