/* CSS Document */
body
{
background: url(images/body_bg.gif) repeat-x #fff;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#434343;
}
a{
text-decoration:underline;
font-weight:bold;
color:#004D9E;
outline:none;
}
a:hover{
text-decoration:none;
outline:none;
}
hr
{
color: #CECECE;
background-color: #CECECE;
height:2px;
border-bottom:#FFFFFF solid 1px;
}
p
{
margin:0px;
padding:0px;
}
form
{
margin:0px;
display:inline;
padding:0px;
}
input
{
margin:0px;
padding:0px;
}
textarea
{
margin:0px;
padding:0px;
}
#wrapper
{
width:900px;
margin:0px auto;
padding:0px;
}
#main
{
margin:11px 0 0 0px;
padding:0px;
float:left;
}
#top
{
background:url(images/topbg.gif) no-repeat;
height:10px;
width:900px;
margin:0px;
padding:0px;
float:left;
}
#mid
{
background:#FFFFFF;
width:880px;
margin:0px;
padding:0 10px;
float:left;
}
#header
{
width:880px;
margin:0px;
padding:0px;
float:left;
}
#headerTop
{
background:url(images/headertopbg.gif) no-repeat;
height:4px;
width:880px;
margin:0px;
padding:0px;
float:left;
}
#headerTopMid
{
background:url(images/headertopmidbg.gif) repeat-x #FBF9F9;
border-left:#E0E0E0 solid 1px;
border-right:#E0E0E0 solid 1px;
width:878px;
padding:0px;
margin:0px;
float:left;
}
#headerBottom
{
background:url(images/headerbottombg.gif) no-repeat;
height:4px;
width:880px;
margin:0px;
padding:0px;
float:left;
}
#logo
{
width:598px;
margin:0px;
padding:0px;
float:left;
}
#headerRight
{
width:280px;
margin:0px;
padding:0px;
float:left;  
}
#headerRightTop
{
width:280px;
margin:0px;
padding:0px;
float:left;
}
#massanger
{
width:110px;
margin:0px;
padding:0px 0 0 0px;
float:left;
}
#livechat
{
width:88px;
margin:0px;
padding:15px 0 0 0px;
float:left;
} 
#chat
{
width:76px;
margin:0px;
padding:0px;
float:left;
} 
#headerRightbottom
{
width:280px;
margin:0px;
padding:7px 0 0 0px;
float:left;
}
#search
{
width:63px;
margin:0px;
padding:2px 0 0 10px;
float:left;
font-size:11px;
color:#353535;
}
#textbox
{
width:154px;
margin:0px;
padding:0px;
float:left;
}
.textfield
{
width:143px;
height:16px;
font-size:11px;
margin:0px;
padding:2px 2px 0 2px;
border:#D0D0D0 solid 1px;
}
.textfield1
{
width:190px;
height:16px;
font-size:11px;
margin:0px;
padding:2px 2px 0 2px;
border:#D0D0D0 solid 1px;
}
.textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:190px;
height:56px;
font-size:11px;
margin:0px;
padding:2px 2px 0 2px;
border:#D0D0D0 solid 1px;
}
.go
{
background:url(images/go.gif) no-repeat;
font-size:11px;
width:49px;
padding:3px 0 3px 4px;
margin:0px;
float:left;
}
#go a
{
color:#353535;
text-decoration:none;
}
#go a:hover
{
color:#980000;
text-decoration: none;
}
#nav
{
width:880px;
margin:0px;
padding:10px 0px;
float:left;
}
#banner
{
width:880px;
margin:0px;
padding:0 0 10px 0px;
float:left;
}
#midbody
{
width:880px;
padding:0px;
margin:0px;
float:left;
}
#midTopbox
{
width:880px;
margin:0px;
padding:0 0 10px 0px;
float:left;
}
#box
{
width:210px;
margin:0px;
padding:0px;
float:left;
}
#boxTitle
{
width:210px;
padding:0px;
margin:0px;
float:left;
}
#boxMid
{
background:url(images/box_midbg.gif) repeat-x #EFEFEF;
width:197px;
padding:15px 0 0 11px;
margin:0px;
float:left;
border-left:#B8CCE2 solid 1px;
border-right:#B8CCE2 solid 1px;
}
#boxMid ul
{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
#boxMid ul li
{
background:url(images/arrow.gif) no-repeat;
margin:0px;
padding:0 0 7px 15px;
list-style-type:none;
}
#boxMid ul li a
{
color:#434343;
text-decoration:none;
}
#boxMid ul li a:hover
{
color:#980000;
text-decoration: none;
}
#boxBottom
{
background:url(images/box_bottom1.gif) no-repeat;
width:210px;
height:10px;
padding:0px;
margin:0px;
float:left;
}
#midBodyBottom
{
width:880px;
margin:0px;
padding:0px;
float:left;
}
#midBodyleft
{
width:210px;
margin:0px;
padding:0px;
float:left;
}
#leftTop
{
background:url(images/box_bottom_top.gif) no-repeat;
height:10px;
width:210px;
margin:0px;
padding:0px;
float:left;
}
#technologies
{
background:url(images/technologies.gif) repeat-y;
width:185px;
margin:0px;
padding:0 10px 0 15px;
float:left;
}
#technologies p
{
background:url(images/arrow.gif) no-repeat;
margin:4px 0 0 0px;
padding:0px 0 5px 12px;
color:#004D9E;
font-weight: bold;
}
#technologies ul
{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
#technologies ul li
{
background:url(images/left_arrow.gif) no-repeat;
color:#454545;
margin:0px;
padding:0px 0 7px 12px;
line-height:17px;
}
#leftBottom
{
background:url(images/box_bottom_bot.gif) no-repeat;
height:10px;
width:210px;
margin:0px;
padding:0px;
float:left;
}
#leftBox
{
width:210px;
margin:0px;
padding:0px;
float:left;
}
#midBodyMid
{
width:430px;
margin:0px;
padding:0 15px;
float:left;
}
#midBox
{
width:400px;
background:#F4F4F4;
margin:0px;
padding:15px 15px 10px 15px;
float:left;
}
#outsource{
width:398px;
border:#D3440C solid 1px;
background:url(images/outsource_bg.gif) repeat-x;
padding:0px;
margin:16px 0 16px 0px;
height:30px;
}
a.more{
font-weight:bold;
color:#980000;
text-decoration:underline;
}
a.more:hover{
text-decoration:none;
}
#midBodyRight
{
width:210x;
margin:0px;
padding:0px;
float:left;
}
#bluebox{
width:210px;
float:left;
padding:0px;
margin:0px;
}
#blueboxtop{
width:210px;
float:left;
padding:0px;
margin:0px;
background:url(images/blue_top.gif) no-repeat left top;
height:7px;
display:block;
}
#blueboxmid{
width:210px;
float:left;
padding:0px;
margin:0px;
/*background:url(images/blue_mid.gif)  repeat-x;*/

}
#blueboxbot{
width:210px;
float:left;
padding:0px;
margin:0px;
background:url(images/blue_bottom.gif) no-repeat;
height:6px;
display:block;
}
#webman{
width:210px;
float:left; 
padding:0px;
margin:0px;
}
#midinnerBody
{
width:625px;
margin:0px;
padding:15px;
float:left;
background:#F4F4F4;
}
#midinnerBody ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
#midinnerBody ul li
{
background:url(images/arrow1.gif) no-repeat;
margin:0px;
padding:0 0 5px 12px;
}
#rightbottombox
{
width:185px;
margin:0px;
padding:10px 0 8px 0px;
float:left;
text-align:center;
font-weight:bold;
font-size:14px;
color:#004D9E;
}
#footer{
width:880px;
margin:0px;
padding:20px 0 10px 0px;
text-align:center;
display:block;
float:left;
font-weight:normal;
color:#666;
line-height:18px;
}
#contact
{
width:625px;
margin:0px;
padding:0px;
float:left;
}
#contactLeft
{
width:280px;
margin:0px;
padding:0 16px 0 54px;
float:right;
border-left:#CECECE solid 1px;
}
#contactLeftTOp
{
width:280px;
margin:0px;
padding:0px;
}

#contactright
{
width:255px;
margin:3px 0 0 0px;
padding:0px;
float:left;
}
#name
{
width:100px;
margin:0px;
padding:2px 0 0 0px;
float:left;
font-weight:bold;
}
#contactBox
{
width:164px;
margin:0px;
padding:0px;
float:left;
display:block;
}

#footer a{
text-decoration:none;
color:#666666;
font-weight:normal;
padding:0 3px 0 3px;
}
#footer a span{
text-decoration:underline;
color:#004D9E;
}
#footer a:hover{
text-decoration:underline;
color:#004D9E;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height: 210px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}