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

body{
	font-family: Tahoma, Arial;
}

#container{
	width: 790px;
	height: 595px;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	margin-top: 25px;
}

#menu{
	height: 595px;
	z-index:500;
	position: absolute;
	top: 0;
}

#content{
	position:absolute;
	top: 60px;
	display: hidden;
	z-index:1;
	overflow: visible;
}

#logo{
	position:absolute;
	top: 0px;
	right:0px;
}

.menu-item{
	position: absolute;
	cursor: pointer;
}

#icon-current {
	position: absolute;
	top: 15px;
	left: 5px;
}

/* Content */
#icon-close {
	position: absolute;
	right: 13px;
	top: 11px;
	cursor:pointer;
}

#icon-info{
	position: relative;
	top: -26px;
	left: 10px;
	z-index: 1000;
	height: 64px;
	padding-left: 18px;
}

#info-l {
	background: url("../images/info-l.gif") no-repeat left top;
	width: 91px;
	height: 64px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#info-c {
	background: url("../images/info-c.gif") repeat-x left top;
	height: 20px;
	padding: 13px 0 13px 0;
	top: 0px;
	float: left; 
	font-size: 12px;
	font-family: Times New Roman, serif;
	color: #929292;
	font-weight: bold;
}

#info-r {
	background: url("../images/info-r.gif") no-repeat right top;
	width: 20px;
	height: 64px;
	float: left;
}

#icon-info-content {
	padding: 0 25px 0 25px;
}

.scroller-item {
	cursor: pointer;
	font-size: 10px;
}

.scroller-content{
	margin-left: 70px;
	padding-top: 10px;
	font-size: 10px;
}

.scroller-img {
	float: left;	
}

.scroller-view-img {
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.scroller-view-content{
	font-size: 10px;
	overflow: hidden;
	height: 325px;
}

/* Menus */
#menu-about-rainbow{
	top: 418px;
}

#menu-awards{
	top:375px;
	left: 92px;
}

#menu-news{
	top:392px;
	left:181px;
}

#menu-current-projects{
	top:355px;
	left: 321px;
}

#menu-finished-projects{
	top:321px;
	left: 242px;
}

#menu-sponsors{
	top:332px;
	left:489px;
}

#menu-future-projects{
	top:402px;
	left:408px;
}

#menu-photo-album{
	top:421px;
	left:579px;
}
#menu-videos{
	top:370px;
	left: 647px;
}
#menu-contact{
	top:415px;
	left:718px;
}

/*Rounded*/
.Rounded {
 	position:relative;
 	margin:0px auto;
 	min-width: 10px;
	max-width:990px; 
 	z-index:1;
 	margin-left:10px; 
 	margin-bottom: 10px;
}

.Rounded .RoundedContent,
.Rounded .RoundedTop,
.Rounded .RoundedBottom,
.Rounded .RoundedBottom div {
 	background:transparent no-repeat top right;
}

.Rounded .RoundedContent {
 	position:relative;
 	zoom:1;
 	_overflow-y:hidden;
 	padding:10px 10px 0px 0px;
}

.Rounded .RoundedTop {
	position:absolute;
 	left:0px;
 	top:0px;
 	width:10px;
 	margin-left:-10px;
 	height:100%;
 	_height:990px; 
 	background-position:top left;
}

.Rounded .RoundedBottom,
.Rounded .RoundedBottom div {
 	height:10px; 
 	font-size:1px;
}

.Rounded .RoundedBottom {
 	background-position:bottom right;
 	position:relative;
 	width:100%;
 	clear: both;
 	margin-left: 0px;
 	margin-right: 0px;
 	padding: 0;
	display: table;
}

.Rounded .RoundedBottom div {
 	position:relative;
 	width:10px;
 	margin-left:-10px;
 	background-position:bottom left;
}

.dojoxScrollHelper {
	display: none;
}