body, td, th {
font : normal 11px Arial;
text-decoration : none;
color : #ffffff; background:url(../images/bg.gif) repeat-x #6b778a;
margin : 0;
padding : 0;
}
a:link {
color : #ec9643;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #ec9643;
}
a:hover {
text-decoration : none;
color : #cccccc;
}
a:active {
text-decoration : none;
}
#container { margin:auto;
background : url(../images/bg.gif) repeat-x;
width : 780px;
}
#procontainer {
margin-left:150px;
background : url(../images/bg.gif) repeat-x;
top : 0;
width : 911px;
height : 990px;
}
#teckcontainer {
margin-left:150px;
background : url(../images/bg.gif) repeat-x;
top : 0;
width : 911px;
height : 738px;
}
#topname {
position : relative;
width : 780px;
height : 78px;
top : 0;
background-color : #586a81;
}
#name {
width : 442px;
height : 78px;
float : left;
position : relative;
background-image : url(../images/name.gif);
}
#topbut {
width : 310px;
height : 28px;
margin-top : 24px;
float : right;
position : relative;
background-color : #586a81; font-weight:bold;
}
#navlist {
margin : 0;
padding : 0;
list-style-image : url(../images/li.gif);
}
li.square {
list-style-image : url(../images/li.gif);
}
#banner {
position : relative;
width : 780px;
height : 227px;
top : 0;
}
#bone {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/banner1.jpg);
}
#bonecom {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/cbanner.jpg);
}
#bonenew {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/banner_news.jpg);
}
#sbonecom {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/servicebanner.jpg);
}
#pbonecom {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/productbanner.jpg);
}
#pabonecom {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/partnersbanner.jpg);
}
#tbonecom {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/techbanner.jpg);
}
#tbonecomc {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/careersbg.jpg);
}
#cobonecom {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/contactbanner.jpg);
}
#ofendz {
width : 442px;
height : 227px;
position : relative;
float : left;
background : url(../images/offendz.jpg);
}
#btwo {
width: 338px;
height: 227px;
float:right;
background : url(../images/banner2.gif);
z-index : 0; 
}
#btwof {
width : 337px;
height : 227px;
position : relative;
float : right;
background : url(../images/banner2.gif);
z-index : 0;
}
#nav {
width : 779px;
height : 34px;
float : left;
margin-left : 130px;
background : #586a81;
}
#navlist li {font : bold 11px Geneva, Arial, Helvetica, sans-serif;
float : left;
line-height : 27px;
text-align : right;
padding-left : 10px;
width : 45px;
padding-right : 20px;
color : #ffffff;
}
#navlist li a {
font : 11px Geneva, Arial, Helvetica, sans-serif;
color : #f4b556;
text-decoration : none;
}
#navlist li a:hover {
color : #909090;
}
#navlist li .active {
font : 11px Geneva, Arial, Helvetica, sans-serif;
color : #586a81;
}
#navlistnews {
margin : 0;
padding : 0;
list-style-image : url(../images/li.gif);
}
#mainav {
height : 34px;
position : relative;
width : 780px;
background : #f4b556 url(../images/navbg.gif) no-repeat;
}
#mainavlist {
margin : 0;
padding : 0;
list-style : none;
}
.textfield{ background:#919fb1; border:none;}
#mainavlist li {
float : left;
line-height : 30px;
text-align : right;
padding-left : 20px;
width : 75px;
padding-right : 20px;
color : #f5bd5f;
}
#mainavlist li a {
font : bold 11px Geneva, Arial, Helvetica, sans-serif;
color : #4f6279;
text-decoration : none;
}
#mainavlist li a:hover {
color : #909090;
}
#mainavlist li .active {
font : bold 11px Geneva, Arial, Helvetica, sans-serif;
color : #f5bd5f;
}
#bar {
margin : 0 0 0 0;
background : #586a81;
color : #9ba6b3;
}
#body {
margin : 0 0 0 0;
font : normal 11px Arial, Helvetica, sans-serif;
height : 354px;
background : #586a81;
}
#combody {
margin : 0 0 0 0;
height : 360px;
background : #586a81;
}
#combody_part {
margin : 0 0 0 0;
height : 450px;
background : #586a81;
}
#dvdbody {
margin : 0px 0px 0px 0;
height : 293px;
background : #586a81;
}
#teckbody {
margin : 0 0 0 0;
height : 292px;
background : #586a81;
}
#probody {
margin : 0 0 0 0;
height : 540px;
background : #586a81;
}
#lbg {
background : url(../images/lbg.jpg) no-repeat;
width : 20px;
height : 354px;
float : left;
}
#comlbg {
background : url(../images/lbg.jpg) no-repeat;
width : 20px;
height : 360px;
float : left;
}
#comlbg_part {
background : url(../images/lbg.jpg) no-repeat;
width : 20px;
height : 400px;
float : left;
}
#dvdlbg {
background : url(../images/lbg.jpg) no-repeat;
width : 20px;
height : 293px;
float : left;
}
#tecklbg {
background : url(../images/lbg.jpg) no-repeat;
width : 20px;
height : 292px;
float : left;
}
#prolbg {
background : url(../images/prolbg.jpg) no-repeat;
width : 20px;
height : 540px;
float : left;
}
#welm {
font : bold 15px Tahoma, Geneva, Arial, Helvetica, sans-serif;
color : #8d9cb3;
top : 0;
margin-left : 25px;
}
#login {
font : bold 15px Tahoma, Geneva, Arial, Helvetica, sans-serif;
color : #8d9cb3;
height:130px;
top : 0;margin:auto; background:url(../images/probgbottom.jpg) repeat-x bottom #4b5e76;}



#logtop{
background:#738baa; color:#3d4f66; height:20px;
}
#user{ 
height:35px; margin-top:10px;
}
#pass{height:30px;}
#passgo{height:20px; margin-left:200px; width:65px; font : bold 12px Arial, Helvetica, sans-serif;}
#usern{ width:97px; height:20px; float:left; margin-left:11px; font-size:12px; }
#userp{ width:175px; height:20px; float:right;}
#mainbody {
margin-left : 15px;
font : normal 11px Arial, Helvetica, sans-serif;
float : left;
width : 378px;
height : 354px;
background : url(../images/cbg.jpg) no-repeat right 0%;
}
#newssbody {
margin-left : 15px; margin-top:60px;
float : left;
width : 700px;
height : 300px;
background : url(../images/cbg.jpg) no-repeat right 0%;
}
#commainbody {
margin-left : 15px;
float : left;
width : 378px;
height : 360px;
background : url(../images/cbg.jpg) no-repeat right 0%;
}
#commainbody_part {
margin-left : 15px;
float : left;
width : 378px;
background : url(../images/cbg.jpg) no-repeat right 0%;
}
#dvdmainbody {
float : left;
width : 378px;
height : 293px;
background : url(../images/cbg.jpg) no-repeat right 0%;
}
#teckmainbody {
margin-left : 15px;
float : left;
width : 698px;
height : 292px;
}
#promainbody {
margin-left : 15px;
float : left;
width : 378px;
height : 540px;
background : url(../images/procbg.jpg) no-repeat right 0%;
}
#mainbody2 {
width : 315px;
float : right;
height : 354px;
}
#commainbody2 {
width : 315px; top:0px;
float : right;
height : 360px;
}
#commainbody2_part {
width : 315px; top:0px;
float : right;
height : 400px;
}
#dvdmainbody2 {
width : 320px;
float : right;
height : 293px;
}
#promainbody2 {
width : 320px;
float : right;
height : 540px;
}
#mainbody3 {
width : 40px;
height : 354px;
float : right;
background : url(../images/rbg.jpg) no-repeat;
}
#commainbody3 {
width : 43px;
height : 360px;
float : right;
background : url(../images/rbg.jpg) no-repeat;
}
#commainbody3_part {
width : 43px;
height : 400px;
float : right;
background : url(../images/rbg.jpg) no-repeat;
}
#dvdmainbody3 {
width : 43px;
height : 293px;
float : right;
background : url(../images/rbg.jpg) no-repeat;
}
#teckmainbody3 {
width : 43px;
height : 292px;
float : right;
background : url(../images/rbg.jpg) no-repeat;
}
#promainbody3 {
width : 43px;
height : 540px;
float : right;
background : url(../images/prorbg.jpg) no-repeat;
}
#picone {
width : 360px;
height : 72px;
margin-top : 30px;
margin-left : 10px;
}
#compicone {
width : 360px;
height : 84px;
margin-top : 25px;
margin-left : 10px;
}
#serpicone {
width : 360px;
height : 75px;
margin-top : 20px;
margin-left : 10px;
}
#teckpicone {
width : 675px;
margin-top : 20px;
margin-left : 10px;
float : left;
}
#teckpiconec {
width : 524px;
height : 276px;
margin:auto;
background : url(../images/careerbg.jpg);
}
#teckpiconec1 {
width : 524px;
height : 275px;
margin:auto;
background : url(../images/careerbg.jpg);
}
#conpicone {
width : 500px;
margin-top : 20px;
margin-left : 10px;
float : left;
}
#conpiconelog {
width : 150px;
margin-top : 20px;
margin-left : 10px;
float : left;
}
#logbu{
height:25px; width:150px;
}
#conpictwo {
width : 165px;
float : right;
margin-top : 65px;
}
#conpictwolog {
width : 515px;
float : right;
margin-top : 20px; height:241px;
}
#partpicone {
width : 175px;
margin-top : 20px;
margin-left : 10px;
float : left;
}
#dvd {
width : 366px;
margin-top : 20px;
margin-left : 10px;
float : left;
}
#dvdpic {
width : 366px;
height : 56px;
margin-top : 20px;
margin-left : 10px;
float : left;
background : url(../images/dvd.jpg);
}
#audiopic {
width : 366px;
height : 56px;
margin-top : 20px;
margin-left : 10px;
float : left;
background : url(../images/audio.jpg);
}
#videopic {
width : 366px;
height : 56px;
margin-top : 20px;
margin-left : 10px;
float : left;
background : url(../images/video.jpg);
}
#softpic {
width : 366px;
height : 56px;
margin-top : 20px;
margin-left : 10px;
float : left;
background : url(../images/software.jpg);
}
#oftext {
font-weight : bold;
text-align : right;
color : #000000;
margin : 35px 10px 0 0;
}
#partpictwo {
width : 175px;
margin-top : 20px;
float : right;
}
#serpictwo {
width : 360px;
height : 100px;
margin-top : 25px;
margin-left : 10px;
}
#serpicthree {
width : 360px;
height : 100px;
margin-top : 25px;
margin-left : 10px;
}
#propicone {
width : 360px;
height : 85px;
margin-top : 30px;
margin-left : 10px;
}
#propictwo {
width : 360px;
height : 115px;
margin-top : 10px;
margin-left : 10px;
}
#propicthree {
width : 360px;
height : 85px;
margin-top : 10px;
margin-left : 10px;
}
#propicfive {
width : 360px;
height : 100px;
margin-top : 10px;
margin-left : 10px;
}
#pic {
width : 124px;
height : 60px;
background : url(../images/picone.jpg);
float : left;
margin-left : 10px;
}
#compic {
width : 93px;
height : 60px;
background : url(../images/compic.jpg);
float : left;
margin-left : 5px;
margin-top : 10px;
}
#serpic1 {
width : 93px;
height : 60px;
background : url(../images/serpic1.jpg);
float : left;
margin-left : 5px;
margin-top : 0;
}
#serpic2 {
width : 93px;
height : 60px;
background : url(../images/serpic2.jpg);
float : left;
margin-left : 5px;
margin-top : 18px;
}
#serpic3 {
width : 93px;
height : 60px;
background : url(../images/serpic3.jpg);
float : left;
margin-left : 5px;
margin-top : 18px;
}
#propic1 {
width : 93px;
height : 60px;
background : url(../images/propic1.jpg);
float : left;
margin-left : 5px;
margin-top : 10px;
}
#propic2 {
width : 93px;
height : 60px;
background : url(../images/propic2.jpg);
float : left;
margin-left : 5px;
margin-top : 25px;
}
#propic3 {
width : 93px;
height : 60px;
background : url(../images/propic3.jpg);
float : left;
margin-left : 5px;
margin-top : 10px;
}
#propic4 {
width : 93px;
height : 60px;
background : url(../images/propic4.jpg);
float : left;
margin-left : 5px;
margin-top : 15px;
}
#propic5 {
width : 93px;
height : 60px;
background : url(../images/propic5.jpg);
float : left;
margin-left : 5px;
margin-top : 15px;
}
#wm {
width : 200px;
float : right;
}
#comwm {
width : 250px;
float : right;
}
#wm2 {
width : 200px;
float : right;
color : #ec9643;
}
#wm3 {
width : 200px; font-weight:bold;
color : #ec9643;
margin-left : 25px;
}
.wm3{font-weight:bold;
color : #0cb4cc;
}
#wm9 {
margin-bottom:15px;
padding-left:150px;
width: 180px;
float: right;
color: #ec9643;
}
#text {
padding-left : 20px;
padding-right : 25px;
}
#npic {
margin : 7px 25px 10px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npic.jpg) no-repeat;
}
#npico {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npic1.jpg) no-repeat;
}
#npicser {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npic2.jpg) no-repeat;
}
#npicpro {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npic3.jpg) no-repeat;
}
#npicv {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npicv.jpg) no-repeat;
}
#npicso {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npicso.jpg) no-repeat;
}
#npicd {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npicd.jpg) no-repeat;
}
#npica {
margin : 20px 25px 30px 25px;
width : 263px;
height : 131px;
top : 50px;
background : url(../images/npica.jpg) no-repeat;
}
#firstname {
margin : 15px 0 0 35px;
height : 22px;
}
#firstname1 {
margin : 15px 0 0 35px;
height : 85px;
}
#firstname2 {
margin : 15px 0 0 35px;
height : 245px;
}
#cname1 {
float : left;
width : 100px;
padding-top : 5px;
}
#nt {
float : right;
width : 385px;
}
#npic1 {
margin : 0 25px 25px 25px;
height : 155px;
}
#id {
width : 315px; margin:auto;
height : 61px;
background : url(../images/id.jpg);
}
#proid {
width : 320px;
height : 60px;
background : url(../images/id.jpg);
bottom : 0;
}
#bottom {
width : 781px;
background : #586a81 url(../images/bottom.jpg) no-repeat;
height : 93px;
}
#bottomNEW {
width : 780px;
background : #586a81 url(../images/bottom.jpg) no-repeat;
height : 93px;
}
#copy {
margin : 25px 25px 0 50px;
float : left;
color : #8d9cb3;
}
#terms {
margin: 25px 65px 0 25px;
float : right;
color : #aed65f;
}
#bottomnav{ height:50px;}
#blank{ height:45px;}
#footer {
height : 48px;}
#topsite{ float:right; width:88px; height:31px;}
#ixNews{border-left: 1px solid #c2dceb;border-bottom: 1px solid #c2dceb; height:210px;}
.ixRightCt1, .ixRightCt2{margin:0 10px; padding:0 0 8px 0;}
.ixRightCt1{border-bottom:1px dotted #31aadd;}