body {
background-image:url('images/bg-diag.png');
padding:0;
margin:0 auto auto auto;
border:0;
background-color:#ccccff;
background-repeat:repeat-x;
}
div.container {
background-color:#330066;
padding:0;
margin:50px auto auto auto;
border:0;
width:800px;
height:auto;
}
span.home {
display:block;
height:150px;
width:800px;
margin:0px auto 0px auto;
text-indent:-2000em;
text-decoration:none;
z-index:1000;
background:url('images/header-home.png') 0 0 no-repeat;
}
span.contact {
display:block;
height:150px;
width:800px;
margin:0px auto 0px auto;
text-indent:-2000em;
text-decoration:none;
z-index:1000;
background:url('images/header-contact.png') 0 0 no-repeat;
}
span.areas {
display:block;
height:150px;
width:800px;
margin:0px auto 0px auto;
text-indent:-2000em;
text-decoration:none;
z-index:1000;
background:url('images/header-areas.png') 0 0 no-repeat;
}
span.b2b {
display:block;
height:150px;
width:800px;
margin:0px auto 0px auto;
text-indent:-2000em;
text-decoration:none;
z-index:1000;
background:url('images/header-b2b.png') 0 0 no-repeat;
}
span.email {
display:block;
height:150px;
width:800px;
margin:0px auto 0px auto;
text-indent:-2000em;
text-decoration:none;
z-index:1000;
background:url('images/header-email.png') 0 0 no-repeat;
}
div.content  {
float : left;
width : 800px;
height : auto;
background-color:#330066;
}
div.nav {
float:left;
height:auto;
width:170px;
color:#ffffff;
margin:0px;
padding:0px;
font-family:Trebuchet MS, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
border:0;
background-color:#330066;
}
#navlinks  {
background:url('images/nav-sprite.png') no-repeat;
width:170px;
height:200px;
margin:0;
padding:0;
}
#navlinks span {display:none;}
#navlinks li, #navlinks a {height:40px;display:block;}
#navlinks li {float:left;list-style:none;}

#home {width:170px;}
#b2b {width:170px;}
#areas {width:170px;}
#email {width:170px;}
#contact {width:170px;}

#home a {background:url('images/nav-sprite.png') no-repeat -340px 0px;}
#b2b a {background:url('images/nav-sprite.png') no-repeat -340px -40px;}
#areas a {background:url('images/nav-sprite.png') no-repeat -340px -80px;}
#email a {background:url('images/nav-sprite.png') no-repeat -340px -120px;}
#contact a {background:url('images/nav-sprite.png') no-repeat -340px -160px;}

#home a:hover {background:url('images/nav-sprite.png') no-repeat -170px 0px;}
#b2b a:hover {background:url('images/nav-sprite.png') no-repeat -170px -40px;}
#areas a:hover {background:url('images/nav-sprite.png') no-repeat -170px -80px;} 
#email a:hover {background:url('images/nav-sprite.png') no-repeat -170px -120px;} 
#contact a:hover {background:url('images/nav-sprite.png') no-repeat -170px -160px;}

div.text{
height:auto;
width:590px;
padding:20px;
color:#000000;
background-color:#ffffff;
font-family:Trebuchet MS, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
float:right;
border:0;
}

div.pkgsholder{
display:inline;
width:580px;
}

div.pkgs {
padding:5px;
border:1px dotted #ccccff;
}

div.pkgs img{
vertical-align:text-top;
float:right;
padding-left:5px;
}

a{
color:#000000;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#000000;
font-weight:bold;
text-decoration:underline;
}
h1{
font-family:Trebuchet MS, sans-serif;
font-size:18px;
text-align:left;
text-decoration:none;
color:#ff9933;
font-weight:bold;
}
h2{
font-family:Trebuchet MS, sans-serif;
font-size:14px;
text-decoration:none;
text-align:left;
color:#330066;
font-weight:bold;
}
h3{
font-family:Trebuchet MS, sans-serif;
font-size:14px;
text-decoration:none;
text-align:left;
color:#330066;
font-weight:bold;
margin:0;
padding:0;
}
form {
font-weight:normal;
}
div.footer {
width:770px;
height:auto;
margin:0px auto auto auto;
padding:10px 15px 10px 15px;
border:0;
clear:both;
color:#ffffff;
background-color:#330066;
font-family:Trebuchet MS, sans-serif;
font-size:10px;
text-align:left;
text-decoration:none;
}
div.footer a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
div.footer a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}
div.footer img{
vertical-align:text-top;
float:left;
padding-right:10px;
}
span.orangebar{
display:block;
height:100px;
width:800px;
margin:0px auto auto auto;
text-indent:-2000em;
text-decoration:none;
z-index:1000;
background:url('images/orangebar.png') 0 0 no-repeat;
}