/* CSS Document */

*{
margin:0px;
}

body{
margin:0px;
padding:0px;
margin-left:body;
margin-right:body;
}

p, ul, li{
padding:0px;
margin:0px;
font:11px Arial, Helvetica, sans-serif;
color:#002740;
line-height:20px;
}

#container{
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:0px;
text-align: left;
}

#content{
width:800px;
height:auto;
}


#breadcrumb{
background:url(images/breadcrumb.jpg) no-repeat;
width:800px;
height:29px;
}

#logo{
width:800px;
}

#breadcrumb p{
width:auto;
padding:3px 10px 0px 0px;
text-align:right;
}

.link{
font:10px Arial, Helvetica, sans-serif;
color:#152f55;
width:auto;
text-align:right;
}


#content{
width:800px;
height:auto;
padding:0px;
margin:0px;
}

#leftimg{
float:left;
width:392px;
height:389px;
margin:0px;
padding:0px;
}

#copy{
width:800px;
height:auto;
padding:0px;
margin:0px;
float:right;
}

#copy img{
float:right;
padding-bottom:10px;
}

#copy h1{
font:12px Arial, Helvetica, sans-serif;
color:#002740;
line-height:20px;
padding:10px 0px 0px 0px;
}

#copy h2{
font:20px Arial, Helvetica, sans-serif;
color:#E76F00;
line-height:20px;
margin:5px 10px 5px 10px;
padding:10px 0px 0px 150px;
}

#copy p{
margin:5px 10px 5px 10px;
padding:10px 50px 0px 150px;
}

#copy ul{
padding-left:150px;
}

.special{
margin-left:230px;
}

#copy li{
margin: 10px 20px 0px 18px;
padding:0px 40px 0px 20px;
list-style:none;
background:url(images/bullet.gif) no-repeat;
background-position:0% 10%;
}



#Menu{
width:800px;
height:27px;
margin:0px;
padding:0px;
}

#Menu ul{
list-style-type:none;
display:inline;
}

#Menu li {
float:left;
}

#Menu li a.list1{
background:URL(images/aboutOff.jpg) no-repeat;
width:233px;
height:28px;
display:block;
}
#Menu li a.list2{
background:URL(images/techOff.jpg) no-repeat;
width:100px;
height:28px;
display:block;
}

#Menu li a.list3{
background:URL(images/appsOff.jpg) no-repeat;
width:102px;
height:28px;
display:block;
}

#Menu li a.list4{
background:URL(images/productsOff.jpg) no-repeat;
width:83px;
height:28px;
display:block;
}

#Menu li a.list5{
background:URL(images/mgtOff.jpg) no-repeat;
width:104px;
height:28px;
display:block;
}

#Menu li a.list6{
background:URL(images/jobsOff.jpg) no-repeat;
width:75px;
height:28px;
display:block;
}

#Menu li a.list7{
background:URL(images/contactOff.jpg) no-repeat;
width:103px;
height:28px;
display:block;
}

#Menu li a.list1:hover{
background:URL(images/aboutOn.jpg) no-repeat;
width:233px;
height:28px;
display:block;
}

#Menu li a.list2:hover{
background:URL(images/techOn.jpg) no-repeat;
width:100px;
height:28px;
display:block;
}

#Menu li a.list3:hover{
background:URL(images/appsOn.jpg) no-repeat;
width:102px;
height:28px;
display:block;
}

#Menu li a.list4:hover{
background:URL(images/productsOn.jpg) no-repeat;
width:83px;
height:28px;
display:block;
}

#Menu li a.list5:hover{
background:URL(images/mgtOn.jpg) no-repeat;
width:104px;
height:28px;
display:block;
}

#Menu li a.list6:hover{
background:URL(images/jobsOn.jpg) no-repeat;
width:75px;
height:28px;
display:block;
}

#Menu li a.list7:hover{
background:URL(images/contactOn.jpg) no-repeat;
width:103px;
height:28px;
display:block;
}

#footer{
width:800px;
height:24px;
clear:both;
}
