body {
  background-color:#000;
  border: 0px;
  margin: 30px 10px 10px 5px;
  position: absolute;
  left:0px;
  top:0px;
  width:1000px;
  min-height:100%;
  height:auto;
  font:Arial, Helvetica, San serif;
  font-size:1em;	
 }

/** #tabs */
#tabs {
    list-style:none;
    padding-left:10px;
    clear:both;
	position:absolute;
	left:350px;
	top:-45px;
	
}
#tab-home { z-index:99; }
#tab-products { z-index:98; }
#tab-services { z-index:97; }
#tab-support { z-index:96; }
#tab-library { z-index:95; }
#tabs li {
    display:block;
    position:relative;
    float:left;
    height:30px;
    background:url('images/tabs.png') no-repeat right -30px;
}
#tabs li a {
    line-height:26px;
    height:26px;
    display:block;
    text-align:center;
    margin-left:-35px;
    padding:4px 35px 0 35px;
    background:url('images/tabs.png') no-repeat 0 -150px;
    text-decoration:none;
    color:#777;
    font-weight:bold;
    _float:left;
}
#tabs li a span {
    color:#aaa;
    font-size:10px;
    font-weight:normal;
}
#tabs li a:hover, #tabs li.current a { color:#5a5a5a; _color:#eee; }
#tabs li.current { z-index:100; background-position:right 0; }
#tabs li.current a { background-position:0 -120px; }
#tabs li.green { background-position:right -90px; }
#tabs li.green a { background-position:0 -210px; color:rgb(240,248,230); }
#tabs li.green a:hover, #tabs li.current.green a { color:#fff; }
#tabs li.current.green { background-position:right -60px; }
#tabs li.current.green a { background-position:0 -180px; }
#tabs li, #tabs li a { _background:none; _color:#fff; }
.current{
font-weight:400px;
}

#hd{
clear:both;
position:relative;
left:0;
top:0;
height:110px;
}
#mainbox{
position:relative;
left:10px;
top:10px;
margin:0px;
width:100%;
}
#content{
clear:both;
position:relative;
top:0px;
left:20px;
margin-right:10px;
padding:10px;
min-height:800px;
height:auto;
}
#slider{
position:relative;
top:0px;
left:10px;
height:330px;
text-align:center;
}
#s3slider { 
   width: 980px; /* important to be same as image width */ 
   height: 320px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   border-width:1px;
   margin:0px;
   left:0px;
   background-color:#FFF;
}

#s3sliderContent {
   width: 980px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   left:-40px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   left:0px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 600px;
   font: 14px/24px Arial, Helvetica, sans-serif;
   padding: 0px 0px;
   width: 330px;
   background-color: transparent;
   filter: alpha(opacity=20); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000000;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 300px !important;
	height: 330px;
}
.right {
	right: 0;
	bottom: 0;
	width: 300px !important;
	height: 330px;
}

img {
padding:2px;
margin:2px;
boder:0px;
}
#hr1{
position:relative;
width:100%;
left:0px;
top:90px;
}
#hmain1{
width:980px;
height:auto;
}
#footer{
clear:both;
position:relative;
left:-10px;
top:0px;
padding-left:10px;
height:20px;
width:101%;
background-color:#B3C4C3;
font: normal normal normal 12px MS San serif;
letter-spacing: 2px;
text-align:left;
color:#ffe;
}

#footer a{
color:#ffe;
}
#google_translate_element{
position:relative;
top:-20px;
left:10px;
}


div.rounded { float:left;padding: 10px; margin: 5px; background: #fff; position:relative; }
div.roundedblue { float:left;padding: 10px; margin: 2px; background: #6af; position:relative; height:auto}
div.roundedgreen { float:left;padding: 10px; margin: 2px; background: #dfc; position:relative;}
div.roundedorange { float:left;padding: 10px; margin: 2px; background: #ffd; position:relative;}
div.roundedgray { float:left;padding: 10px; margin: 2px; background: #ccc; position:relative;}

div.rounded h4{color:#000000; font-family:"Courier New", Courier, monospace; padding:1px; margin:1px;}
div.rounded h6{color:#000000; font-family:Helvitica, monospace; padding:0px; margin:0px;}
#abs { position: absolute; width: 200px; background: #ffa;
    padding: 5px; margin: 8px; top: 0; right: 0; text-align: center }

/* fixed height/width testing */
.box  { float:left; position:relative; width:80%; background-color: #cccccc; padding: 15px; text-align:justify; margin: 5px;}
.boxgreen {float:left;position:relative; background-color: #df8; padding: 10px; margin: 1px; text-align:left;}
.boxwhite {float:left;position:relative; background-color: #fff; padding: 6px; margin: 3px; text-align:left;}

.sb { border:0px;
 height: 25px;
 font: normal normal normal 14 verdana;
 width: 133px;
 }
 
.bsearch { border: thin none gray;
 font:  100 14px Verdana;
 background: white url(images/himg/syzohead4_19.gif) no-repeat scroll 0% 0%;
 width:70px;
 height:33px;
}

.hm {
 background: white url(images/himg/syzohead4_16.gif) no-repeat;
}
.header {
clear:both;
position:relative;
top:-10px;
left:0px;
background-color:#cfcfcf;
//background:url(images/gradient.jpg) repeat-x scroll 0% 0%;
font-family: Helvetica;
font-size: 1.2em;
color:#FFF;
letter-spacing:4px;
border: 2px;
margin: 0px;
padding-left:10px;
width:auto;
height:25px;
text-align:left;
}
#gads{
clear:both;
position:relative;
left:10px;
top:90px;
text-align:center;
width:960px;
height:100px;
}
#bright{
width:960px;
position:relative;
left:10px;
top:0px;
padding:30px;
height:200px;

}
.welcome {
background-color: #ffffff;
font: normal normal normal 11px serif;
color: gray;
width:444px;
height:17px;
padding-top: 1px;
}

.logo{
font: normal normal normal 14 mistral;
}

A {font:90% normal bold Verdana;
  text-decoration: underline;
  letter-spacing:1;
  font-size:1em;
}

A:active{
font: 90% normal bold 14px Verdana;
color: #00008d;
text-decoration:none;
}

A:link{
font: 90% normal bold 12px Verdana;
color: #0800AD;
text-decoration:none;
}

A:visited{
font: 90% normal bold 12px Verdana;
color: #00006d;
text-decoration:none;
}



p{
background-color: transparent;
font: normal normal normal Arial;
font-size:1em;
color: #00006D;
line-height: 16px;
text-align: justify;
letter-spacing: 1px;
font-weight: 400;
}
.reg {
background-color: transparent;
font: normal normal normal 1em Verdana;
color: #00006D;
line-height: 14px;
}
#index #hmenu1 A, #services #hmenu2 A, #products #hmenu3 A, #support #hmenu4 A, #library #hmenu5 A {
background-image: url(images/subhead.gif);
font: normal normal bold 18 arial;
color: #FFFF00;
text-align: center;
}
#preloadDefaultImages { 
width: 0px; 
height: 0px; 
display: inline; 
background-image: url(images/syz3.gif);
background-image: url(images/syzologo1.gif);
background-image: url(images/headcap2.gif);

background-image: url(images/ecommerce.gif);
background-image: url(images/contactus.gif);
background-image: url(images/subhead.gif); 
background-image: url(images/subhead2.gif); 

background-image: url(images/home.gif);
background-image: url(images/help.gif);

} 
.subhead A {
background-image: url(images/subhead2.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
width:150px;
height:20px;
font: normal normal bold 18 arial;
color: #FFFFFF;
text-align: center;
display:block;
}
.subhead A:LINK {
background-image: url(images/subhead2.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
width:150px;
height:20px;
font: normal normal bold 18 arial;
color: #FFFFFF;
text-align: center;
display: block;
}

.subhead A:visited {
background-image: url(images/subhead2.gif);
background-position: 0% 0%;
width:150px;
height:20px;
background-repeat: no-repeat;
font: normal normal bold 18 arial;
color: #000000;
text-align: center;
display: block;
}
.subhead A:hover {
background-image: url(images/subhead2.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
background-color: transparent;
width:150px;
height:20px;
color: Green;
text-align: center;
display: block;
} 
.subhead A:active {
background-image: url(images/subhead2.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
width:150px;
height:20px;
font: normal normal bold 18 arial;
color: Green;
text-align: center;
display: block;
}
.ptxt {
background-color: transparent;
font: normal normal bold 1em Verdana;
color: #000000;
line-height: 14px;
letter-spacing: 2px;
}

.rtxt {
background-color: transparent;
font:  200 1em Arial Helvetica Verdana;
color: #0F0F0F;
letter-spacing: 2px;
padding: 2px 5px 5px 5px;
margin-left: 5px;
line-height: 18px;

}

.cont1{
font: normal normal normal 1em Arial;
color: #00000C;
text-align: justify;
font-weight: 400;
line-height: 16px;
padding: 0px 5px 5px 0px;
letter-spacing: 1px;

}
.cont2{
font: normal normal normal 1em Arial;
text-align: left;
line-height: 12px;
letter-spacing: 2px;
}
.ulc{
font: normal normal normal 1em Arial;
text-align: left;
line-height: 1.2em;
list-style-position: inside;
list-style-image: url(images/next.gif);
list-style-type: circle;
letter-spacing: 2px;
margin: 3px 2px 3px 5px;
}
.ulc li{
font-size:1em;
letter-spacing:2px;
font-weight:normal;
color:#000;
border-bottom:2px solid #0ff;

}
.ulc li a{
background-color:#ffe;
}
.input1 {
background-color: transparent;
border: medium solid gray;
}
.lb1 {
border: thin solid gray;
}
.thx {
border: thin none gray;
background: white;
font: normal normal normal 1em Verdana;
text-align: justify;
text-indent: 5px;
line-height: 14px;
letter-spacing: 2px;
margin: 0px 0px 0px 0px;
display: block;
float: left;
}
.nopageerror {
border: thin none red;
background: gray;
font: normal normal normal 1.2em Verdana;
text-align: justify;
text-indent: 5px;
line-height: 18px;
letter-spacing: 2px;
margin: 0px 0px 0px 0px;
display: block;
float: left;
width:450;
height:500;
}

.content_main{
position:relative;
left:10px;
top:80px;
margin:0px;
}
.content_main2{
position:relative;
left:10px;
top:80px;
margin:0px;
min-height:auto;
height:150%;

}

.content_dragbox{
padding:10px;
height:auto;
left:10px;
margin:10px;
}
.column{
	width:30%;
	margin-right:.5%;
	background:#fff;
	float:left;
}
.column .dragbox{
	margin:5px 2px  20px;
	background:#fff;
	position:relative;
	border:2px solid #cff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.column .dragbox h2{
	margin:0;
	font-size:1.2em;
	padding:5px;
	background:#66CCFF;
	color:#fff;
	border-bottom:3px solid #eee;
	font-family:Verdana;
	
}
.dragbox-content{
	background:#fff;
	min-height:12px;
	margin:5px;
	font-family:'Arial', Verdana; 
	font-size:1em; 
	line-height:1.5em;
}
.column  .placeholder{
	background: #f0f0f0;
	border:2px solid #ddd;
}
.dragbox h2.collapse{
	background:#009933 url('images/down.png') no-repeat top right;
	cursor:hand;
	color:#FFFFFF;
}
.dragbox h2 .configure{
	font-size:1em; font-weight:normal;
	margin-right:10px; float:right;
}