/* BASIC STYLES */
body,quote,small,form,input,ul,li,ol,label{
margin:0 auto;
padding:0px;
}
body{
position:absolute;
left:0px;
top:0px;
margin:0 auto;
padding:0px;
height:100%;
width:auto;
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#ffffff url("SITEimages/background.jpg") no-repeat fixed left top;
z-index:-300;
line-height:normal;
color:#000000;
}
a{
text-decoration:none;
border:0px;
}
img{
text-decoration:none;
border:0px;
}
/* END BASIC STYLES */



/* TOP RIGHT CONTACT MENU */
.LOGOback{
position:fixed;
background:#ffffff url(http://www.cybernetics.com/SITEimages/LOGOmenu.png) no-repeat fixed left top;
top:0px;
left:0px;
z-index:-2;
border:0px;
text-decoration:none;
}
.LOGOnav{
position:absolute;
background:#ffffff url(http://www.cybernetics.com/SITEimages/LOGOmenu.png) no-repeat fixed left top;
top:20px;
left:0px;
z-index:50;
border:0px;
text-decoration:none;
overflow:hidden;
}
.logomove{
position:fixed;
top:20px;
left:250px;
z-index:50;
border:0px;
text-decoration:none;
}
#top-buttons{
position:absolute;
top:25px;
left:607px;
border:0px;
text-decoration:none;
}
.CTCbuttons{
position:fixed;
top:-2px;
left:568px;
width:393;
z-index:48;
border:0px;
text-decoration:none;
}
#CTCbttn{
background-image:url(http://www.cybernetics.com/SITEimages/CTCbttn.png);
background-repeat:no-repeat;
cursor:pointer;
border:0px;
text-decoration:none;
}
#CTCbttn:hover{
background-image:url(http://www.cybernetics.com/SITEimages/CTCbttnON.png);
cursor:pointer;
border:0px;
text-decoration:none;
}
#EMAILbttn{
background-image:url(http://www.cybernetics.com/SITEimages/EMAILbttn.png);
background-repeat:no-repeat;
cursor:pointer;
border:0px;
text-decoration:none;
}
#EMAILbttn:hover{
background-image:url(http://www.cybernetics.com/SITEimages/EMAILbttnON.png);
cursor:pointer;
border:0px;
text-decoration:none;
}
#PHONEbttn{
background-image:url(http://www.cybernetics.com/SITEimages/PHONEbttn.png);
background-repeat:no-repeat;
border:0px;
text-decoration:none;
}
#blackBar{
position:fixed;
background:url("SITEimages/Bbar.png") no-repeat;
z-index:99;
height:12px;
width:960px;
top:0px;
left:0px;
border:0px;
text-decoration:none;
}
/* END TOP RIGHT CONTACT MENU */



/* SLIDESHOW */
#main{
left:0px;
width:960px;
position:relative;
margin-top:65px;
border:0px;
}
#gallery{
width:960px;
overflow:hidden;
border:0px;
}
#slides{		/* Taller menu for main page */
height:420px;
width:960px;
overflow:hidden;
border:0px;
}
#slides2{		/* Shorter menu for subpages */
height:200px;
width:960px;
overflow:hidden;
margin-top:10px;
border:0px;
}
.slide{
float:left;
border:0px;
}
#menu{			/* Taller menu for main page */
height:12px;
margin:25px 0px;
padding:0px;
border:0px;
}
#menu2{			/* Shorter menu for subpages */
height:0px;
margin:0px;
padding:0px;
visibility:hidden;
border:0px;
}
#menu ul{
margin-left:auto;
margin-right:auto;
padding:0px;
width:175px;
border:0px;
}
#menu li{
width:12px;
display:inline-block;
list-style:none;
height:12px;
overflow:hidden;
margin-right:6px;
text-decoration:none;
border:0px;
}
#menu li:last-child{
margin-right:0px;
border:0px;
}
#menu li.inact{
opacity:0.3;
border:0px;
}
#menu li.inact:hover{
opacity:1;
border:0px;
}
#menu li.act,li.act:hover{
opacity:1;
border:0px;
}
#menu li.act a{
cursor:default;
border:0px;
}
#CYBmain{
position:absolute;
top:250px;
left:0px;
width:960px;
position:relative;
border:0px;
}
#CYBgallery{
width:32px;
overflow:hidden;
border:0px;
}
#CYBslides{
height:25px;
width:25px;
overflow:hidden;
border:0px;
}
.CYBslide{
float:left;
border:0px;
}
/* END SLIDE SHOW */



/* CENTRAL CONTENT */
#menubuffer{
width:900px;
margin:0 auto;
margin-top:100px;
padding:30px;
font-size:10px;
text-decoration:none;
border:0px;
}
#menubuffer h1{
font-size:30px;
color:#ffffff;
text-shadow:#4f4f4f 0em 0.1em 0.1em;
border:0px;
}
#menubuffer h2{
color:#4f4f4f;
font-weight:bold;
border:0px;
}
#menubuffer table{
margin:0px 20px;
border:0px;
}
#menubuffer ul{
list-style-type:none;
padding:0px;
vertical-align:middle;
line-height:2.25em;
border:0px;
}
#menubuffer li{
background-image:url(SITEimages/bluesquare.png);
background-repeat:no-repeat;
background-position:0px 8px; 
padding-left:11px; 
border:0px;
}
#menubuffer a:link{
color:#4f4f4f;
float:right;
text-decoration:none;
border:0px;
}
#menubuffer a:visited{
color:#4f4f4f;
text-decoration:none;
border:0px;
}
#menubuffer a:hover{
color:#1f70c1;
text-decoration:none;
border:0px;
}
#menubuffer a:active{
color:#ffffff;
text-decoration:none;
border:0px;
}
/* END CENTRAL CONTENT */



/* BASE FADE MENU */
.BaseFade{
position:absolute;
left:30px;
border:0px;
}
#Gradient{
top:0px;
left:0px;
z-index:-1;
border:0px;
}
#BFTableHeader{
color:#888888;
font-size:12px;
position:absolute;
top:30px;
left:30px;
width:840px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
border:0px;
}
#BFTable{
position:absolute;
top:55px;
left:30px;
width:840px;
height:170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
border:0px;
}
#BFTable a:link{
text-decoration:none;
color:#000000;
border:0px;
}
#BFTable a:visited{
text-decoration:none;
color:#000000;
border:0px;
}
#BFTable a:hover{
text-decoration:none;
color:#000000;
border:0px;
}
#BFTable a:active{
text-decoration:none;
color:#1f70c1;
border:0px;
}
.bloc{
width:150px;
float:left;
margin:0px 5px;
letter-spacing:0px;
text-decoration:0px;
border:0px;
}
.bloc a:link{
text-decoration:none;
border:0px;
}
.bloc a:visited{
text-decoration:none;
border:0px;
}
.bloc a:hover{
text-decoration:none;
border:0px;
}
.bloc a:active{
text-decoration:none;
border:0px;
}
.BFTitle{
font-size:16px;
font-weight:bold;
width:150px;
height:36px;
border:0px;
}
.BFSubtitle{
font-size:10px;
width:150px;
height:35px;
padding-top:3px;
border:0px;
}
.latest_img{
height:65px;
padding-bottom:0px;
border:0px;
}
.BFLearnMore{
font-size:9px;
font-weight:bold;
width:150px;
border:0px;
}
#BFDivider{
z-index:5;
float:left;
opacity:0.5;
border:0px;
}
.vertical{
position:relative;	
height:170px;	 
width:840px;
overflow:hidden;
margin:0px;
padding:0px;
border:0px;
}
.items{
position:absolute;
height:5000em;
margin-top:10px;
padding:0px;
border:0px;
}
.item{
height:170px;
width:824px;
margin:0px;
padding:0px;
border:0px;
}
#actions{
width:20px;
height:150px;
position:absolute;
left:845px;
top:65px;
z-index:50;
background-image:url(SITEimages/actions.png);
border:0px;
}
#actions-spacer{
width:15px;
height:126px;
margin:1px 2px;
border-left:1px solid #bababa;
border-right:1px solid #e1e1e1;
}
#actions a{
cursor:pointer;
}
#actions .prev{
background:url(SITEimages/up.jpg);
}
#actions.next{
background:url(SITEimages/down.jpg);
}
#actions .disabled{
visibility:hidden;
}
/* END BASE FADE MENU */



/* BOTTOM BLACK BAR MENU */
.bottombarHOME{
position:absolute;
top:775px;
left:73px;
}
.bottombarPAGE{
position:absolute;
top:300px;
left:53px;
z-index:5;
}
.bottommenumain{
position:absolute;
top:1300px;
left:0px;
}
.bottommenuPAGE{
position:absolute;
top:325px;
left:-20px;
z-index:15;
}
.bottommenuPAGE2{
position:relative;
top:0px;
left:0px;
z-index:15;
}
.bottommenuselect{
position:absolute;
top:805px;
left:0px;
}
.bottomcopyright{
position:absolute;
top:0px;
left:0px;
z-index:35;
}
#bottom-menu{
position:absolute;
top:1260px;
left:73px;
}
.bottomSelect{
position:absolute;
top:600px;
left:20px;
}
#success{
position:absolute;
top:300px;
left:53px;
width:960px;
z-index:9;
margin:0px;
padding:0px;
}
#success a:link, #success a:visited, #success a:hover, #success a:active{
text-decoration:none;
}
#scs_img{
position:absolute;
top:5px;
left:10px;
border:0px;
}
#scs_what{
position:absolute;
top:11px;
left:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
margin:0px;
padding:0px;
}
#scs_blue{
position:absolute;
top:5px;
left:230px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#1f70c1;
width:430px;
margin:0px;
padding:0px;
}
#scs_read{
position:absolute;
top:11px;
left:695px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
margin:0px;
padding:0px;
}
/* END BOTTOM BLACK BAR */



/* SUPERFISH MENU */
#top-menu{
position:absolute;
top:22px;
left:255px;
width:350px;
}
/* Superfish - Essential Styles */
.sf-menu, .sf-menu *{
margin:0px;
padding:0px;
list-style:none;
}
.sf-menu{
line-height:1.0;
}
.sf-menu ul{
position:absolute;
top:-999em;
width:28em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li{
width:100%;
}
.sf-menu li:hover{
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li{
float:left;
position:relative;
}
.sf-menu a{
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
left:0;
top:2.75em; /* match top ul list item height */
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{
left:28em; /* match ul width */
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{
left:28em; /* match ul width */
top:0;
}
/* Superfish - Demo Skin */
.sf-menu a{
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
padding:1em 1em 1em 1em;
text-decoration:none;
}
.sf-menu a:first-child{
border-left:none;
}
.sf-menu a:last-child{
border-right:none;
}
.sf-menu a, .sf-menu a:visited{ /* visited pseudo selector so IE6 applies text colour*/
color:#fff;
}
.sf-menu li{
background:none;
}
.sf-menu li li{
background-image:url('/SITEimages/blue.png');
}
.sf-menu li li li{
background-image:url('/SITEimages/blue.png');
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
background-image:url('/SITEimages/white.png');
outline:0;
}
/* Superfish - Arrows */
.sf-menu a.sf-with-ul{
padding-right:2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator{
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
/*background:url('../SITEimages/arrows-ffffff.png') no-repeat -10px -100px; 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator{ /* give all except IE6 the correct values */
top:.8em;
background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* Superfish - Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator{
background-position:-10px -100px; /* arrow hovers for modern browsers*/
}
/* Superfish - Point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{
background-position:-10px 0;
}
.sf-menu ul a > .sf-sub-indicator{
background-position:0 0;
}
/* Superfish - Apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator{
background-position:-10px 0; /* arrow hovers for modern browsers*/
}
/* Superfish - Shadows for all but IE6 */
.sf-shadow ul{
background:url('/SITEimages/shadow.png') no-repeat bottom right;
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}
.sf-shadow ul.sf-shadow-off{
background:transparent;
}
/* END SUPERFISH MENU */



/* LAVALAMP */
.lavaLamp{
position:relative;
left:73px;
height:8px;
width:800px;
padding:20px;
margin:0px 0;
overflow:hidden;
}
.lavaLamp li{
float:left;
list-style:none;
}
.lavaLamp li.back{
background:url("SITEimages/oval.png") no-repeat right -15px;
width:9px;
height:15px;
z-index:8;
position:absolute;
top:20px;
border:none;
}
.lavaLamp li.back .left{
background:url("SITEimages/oval.png") no-repeat top left;
height:15px;
margin-right:9px;
top:20px;
border:none;
}
.lavaLamp li a:link{
font:10px arial;
text-decoration:none;
color:#4f4f4f;
outline:none;
text-align:center;
top:0px;
letter-spacing:0;
z-index:10;
display:block;
float:left;
height:15px;
position:relative;
overflow:hidden;
}
.lavaLamp li a:visited{
font:10px arial;
text-decoration:none;
color:#4f4f4f;
outline:none;
text-align:center;
top:0px;
letter-spacing:0;
z-index:10;
display:block;
float:left;
height:15px;
position:relative;
overflow:hidden;
}
.lavaLamp li a:hover{
font:10px arial;
text-decoration:none;
color:#000000;
outline:none;
text-align:center;
top:0px;
letter-spacing:0;
z-index:10;
display:block;
float:left;
height:15px;
position:relative;
overflow:hidden;
}
.lavaLamp li a:active{
font:10px arial;
text-decoration:none;
color:#ffffff;
outline:none;
text-align:center;
top:0px;
letter-spacing:0;
z-index:10;
display:block;
float:left;
height:15px;
position:relative;
overflow:hidden;
}
ul.lavaLamp{
padding-right:0px;
padding-left:0px;
}
.lavaLamp li:first-child a{
border-left:none;
}
ul li.lavaLamp{
display:inline;
}
ul.lavaLamp li a{
text-decoration:none;
padding-right:23px;
padding-left:23px;
border-left:solid 1px black;
}
/* END LAVALAMP */