body *{
  font-family: Helvetica,"Trebuchet MS", sans-serif;
  color: #000;
}

body,html {
  margin: 0;
  padding: 0;
}

/*
d80002 red
9800d8 purple
0075d8 blue
00ccff azzurro
99cc00 green
*/

.over-bg {
  position: relative;
  z-index: 1;
}

.bg {
  position: absolute;
  background-color: #00ccff;
  height: 170px;
  z-index: 0;
  top: 0;
  left: 0;
  background-image: url(../img/bg-corner.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.c {
  width: 950px;
  background-color: #0099FF;
}
.cc {
  color: #0099FF;
}
.m {
  width: 950px;
  background-color: #FF0099;
}
.mc {
  color: #FF0099;
}
.y {
  width: 950px;
  background-color: #FFFF00;
}
.yc {
  color: #FFFF00;
}
.b {
  width: 950px;
  background-color: #dadada;
}

.positionNull {
  left: 0;
}

.highlight {
  position: relative;
}

h1, h2, h3 , p{
  margin: 3px 0;
}

h3 {
  font-size: 12px;
  font-weight: normal;
}

p {
  font-size: 10px;
}

.site {
  width: 950px;
  margin: 0 auto;
}

img {
  border: none;
}

.main {
  position : relative;
}

.top {
  background: #00ccff;
  height: 80px;
  margin: 0 0 10px;
  position: relative;
}

.section {
  font-size: 9px;
  margin: 0;
}

.bigHeader {
  font-size: 150px;
  margin: 6px -10px;
}

.bigTeaser {
  font-size: 70px;
  letter-spacing: -5px;
}
.bigKey {
  font-size: 18px;
}
.colorRotation .bigSpan {
  z-index: 10;
  position: relative;
}
.bigHeader .bigSpan {
  position: relative;
  z-index: 0;
  color: #dadada;
}

.bigSpan {
  font-size: 150px;
  padding: 1px;
  float:left;
  margin-right: 10px;
  }

.button {
  background: url(../img/arrow.gif) no-repeat 0 0;
  padding: 0 0 0 15px;
}

.box {
  padding: 10px 5px;
}

.col1 {
  width: 340px;
  border-top: 3px double #00ccff;
}

.col2 {
  width: 590px;
  padding: 0 5px;
}

.col2 .floatLeft {
  width: 290px;
}

.col2 .subCol2 .floatLeft {
  width: 270px;
}

.sectiontitle {
  width: 340px;
  padding: 5px;
  margin: 5px 10px 5px 0;
  font-size: 9px;
}
.small {
  width: 270px;
}

.full {
  width: auto;
}

.boxSmall {
  width: 270px;
  margin: 0 5px;
  border-top: 3px double #00ccff;
  min-height: 140px;
}

.bar1 {
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
  height: 150px;
  background: url(../img/zava_g.gif) ;
}

.bar2 {
  border-top: 5px solid #00ccff;
  border-bottom: 5px solid #000;
  height: 150px;
  background: url(../img/zava_1.gif) ;
}

.bigImage {
  position: relative;
  z-index: 2;
  display:  inline;
}

.bigImageFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 950px;
  height: 100px;
  background: #00ccff;
  z-index:5;
}

.full {
  width: auto;
}

.menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-main li{
  overflow: hidden;
  height: 20px;
  border-right: 1px solid #fff;
  cursor: pointer;
}
.menu-main a {
  margin: 0 0 0 10px;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
}

.section30 {
  background: #00CCFF;
}
.section31 {
  background: #FF00B7;
}
.section32 {
  background: #FCFC00;
}
.section32 a {
  color: #000;
}


.section27 {
  background: #dadada;
}

.menu-main li.active{
  width: 950px;
}
.menu-open {
  width: 950px;
}
.menu-close {
  width: 10px;
}

.home-link {
  position: absolute;
  right: 10px;
  bottom: 0;
  padding: 3px;
  color: #fff;
}

.mb {
  margin: 1px 0 0 0 ;
  border: 1px solid #ccc;
}
.imageHead {
  font-size: 10px;
  margin-right: 5px;
}

/* =Tools ----------------------------------------------------------------*/

/*
	layout tools
*/
.floatLeft    { float: left; }
.floatRight   { float: right; }
.clear        { clear: both; }
.layoutCenter { margin: 0 auto; }
.textCenter   { text-align: center; }
.textRight    { text-align: right; }
.textLeft     { text-align: left; }
.static       { position: static; }
.absolute     { position: absolute; }
.relative     { position: relative; }
.away         { position: absolute; left: -600000px; top: -600000px; }
.cleaner      { border: none; clear: both; height: 0; font-size: 0; background: none; overflow: hidden; }


/*
	typographic tools
*/
.error        { border: 1px solid #333; padding: 8px 8px 8px 40px; color: #333; margin: 10px 0; background: url(../img/error.gif) no-repeat 5px 50%; }
.warning      { border: 1px solid #d4ac0a; padding: 8px 8px 8px 40px; color: #d4ac0a; margin: 10px 0; background: url(../img/warning.gif) no-repeat left center; }
.success      { border: 1px solid #149b0d; padding: 8px 8px 8px 40px; color: #149b0d; margin: 10px 0; background: url(../img/success.gif) no-repeat left center;  }
.strikeOut    { text-decoration: line-through; }
.underline    { text-decoration: underline; }
.noDeco        { text-decoration: none; }
.bold         { font-weight: bold; }
.text11       { font-size: 11px;}
.text10       { font-size: 10px;}
.color        { color: #ff9933;}


/*
	display values
*/
.hide       { display: none; }
.show       { display: block; }
.inline     { display: inline; }
.invisible  { visibility: hidden; }
.opacity50  { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.noBorder   { border: 0 !important; }
.noMarg     { margin: 0; }
.noPad      { padding: 0; }


/* root element should be positioned relatively so that
	child elements can be positioned absolutely */
div.controls {
	position:relative;
	height:8px;
	margin:12px 0 0;
	padding:5px 0 0;
}

/* when play button toggles between play/pause class
	we move it's background image */
div.controls div.play, div.controls div.pause {
	position:relative;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(http://flowplayer.org//img/controls/play_pause.gif) center top no-repeat;
	margin-top: -10px;
}

div.controls div.pause {
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track {
	position:absolute;
	top:-6px;
	height:18px;
	left:20px;
	background:url(http://flowplayer.org//img/controls/track.gif) no-repeat;
	text-align:left;
	cursor:pointer;
	width:722px;
}

/* the draggable playhead */
div.controls div.playhead {
	position:absolute;
	height:12px;
	background:url(http://flowplayer.org//img/controls/playhead.png) no-repeat;
	cursor:pointer;
	top:0px;
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;

	/* this is the way to fine tune buffer and progress max width */
	max-width:712px;
}

div.controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;
}