body
{
  font-size: 12px;
  font-family: Tahoma, Verdana;
  font-weight: normal;
  color: #FFF;
  margin-top: 0px;
  margin-left: 5px;
  background: #000000 url(../img/logo_bg.png ) repeat-x;
}

h3,h4
{
	font-family: Tahoma, Verdana;
	font-weight: bold;
	color: #ffffff;
}

h6
{
	font-family: Tahoma, Verdana;
	color: #fdb812;
}

.menu_top
{
	padding	: 10px 0px 10px 0px;
}

.menu_bot
{
	padding	: 0px 0px 0px 0px;
	margin	: 3px 0px 0px 0px;
	width: 950px;
	height: 20px;
	display: block;
	background: url(../img/cyba_menu_bot.png )
}

.logo
{
	padding	: 10px 0px 10px 0px;
	margin	: 5px 0px 5px 0px;	
	display	: block;
}

.main
{
	 
}

.plugin
{
   width: 640px;
   border: solid 1px #556;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 12px;
   height: 360px;
}
.corners
{
  background:  #004F7F;
}

.cont_bg
{
  height: 700px;
  background: url(../img/cont_bg.png);
}

.cell_bg
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  display: block;
  height: 480px;
  /* background: url(../img/cell.png);
  background:  #004F7F;*/
}

.cell
{
  padding: 10px 10px 10px 10px;
  margin: 5px 5px 5px 5px;
  float: left;
  display: block;
}
.cell_pic
{
  padding: 0px 0px 10px 20px;
  margin: 5px 5px 5px 5px;
  float: left;
  display: block;
}

.cell_manip
{
  padding: 0px 0px 10px 20px;
  margin: 5px 5px 5px 5px;
  height: 250px;
  display: block;
}
.cell_title
{
   text-align: center;
   font-weight: bold;
   color: #DDD;
   padding-bottom: 4px;
   border-bottom: solid 1px #CCC;
}

.cell_title_2
{
   text-align: center;
   font-weight: bold;
   color: #BBB;
   padding-bottom: 4px;
   border-bottom: solid 1px #889;
}

.cell_content
{
   color: #DDD;
   padding-left: 0px;
   text-align: justify;
}
.copy
{
  text-align:center;
  font-size: 10px;
  font-family: Tahoma, Verdana;
  font-weight: normal;
  color: #CCC;
}

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

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

li
{
   padding-bottom: 2px;
}

.tbl
{
   border: solid 1px #BBB;
}

.tbl2
{
   border: dashed 1px #889;
}

.plugin2
{
   width: 640px;
   border: solid 1px #556;
   padding: 0px 0px 0px 0px;
   margin: 0px 10px 0px 0px;
   height: 480px;
   border: solid 1px #889;
}

.bottom
{
   padding: 10px 10px 10px 10px;
   border: solid 1px #889;
   background: #257;
}

pre
{
   border: dashed 1px #99A;
   padding: 5px 5px 5px 5px;
   background: #1F6783;
   margin-right: 20px;
   margin-left: 20px;
   color: #DDD;
}

.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	/* background-image:url(../img/no_flicker.png); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 186px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../img/cyba_menu_top.png);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-500px 0px;
}
#kwick3 {
	background-position:-1000px 0px;
}
#kwick4 { 
	background-position:-1500px 0px;
}
#kwick5 { 
	background-position:-2000px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -500px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -1000px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -1500px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -2000px bottom; 
}


.clips li { 
	float	: left;
	display	: block;
	height	: 20px;
	width	: 140px;
	margin 	: 0px;
	padding	:	0px;
	text-align	: centre;
	background:  url(../img/video_but.png) no-repeat
}

.clips li  a{ 

	text-decoration:none; 
	width	:	130px;
	margin: 4px;
	padding: 5px 20px 5px 30px;
	color: white;
	
}