body {
background: url(images/bg.gif) no-repeat #005f89 top center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px ;
color: #FFFFFF;
margin-top: 10px;
}
#indexBg {
background: url(images/indexBg.jpg) no-repeat #005f89 top center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px ;
color: #FFFFFF;
margin-top: 10px;
}


#indexMargin {
margin:380px auto 0pt;
width:350px;
}

#para {
width:220px;
float:left;

}

#enter {
margin:20px 0px 0px 45px;
float:left;

}

img {
border: 0;
}

.services h2  {
font-size: 18px;
font-weight: bold;
color: #ffffff;
}

#container.services p  {
color: #ffffff;
}

.areas h2  {
font-size: 18px;
font-weight: bold;
color: #ffffff;
}

h2 {
font-size: 18px;
font-weight: bold;
color: #005f89;
}

h3 {
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.industrial h3  {
font-size: 14px;
font-weight: bold;
color: #005f89;
}

dt {
font-size: 14px;
font-weight: bold;
color: #005f89;
display:block;
}

dd {
font-size: 12px;
color: #003a53;
padding:0;
margin:0px 0px 30px 0px;
}

ol {
color:#007de7;
padding:0;
margin:0px 0px 30px 20px;
}

p {
font-family:Arial, Helvetica, sans-serif;
color:#003a53;
}

a {
color: #007de7;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

#container {
width: 968px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-image: url(images/numbers.gif);
background-repeat: no-repeat;
background-position: 565px 105px;
}

#container.services {
width: 968px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

#container.industrial{
width: 968px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

#container.areas{
width: 968px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

h1 {
width: 968px;
height: 142px;
float: left;
background-image: url(images/logoWide.gif);
margin:0;
padding:0;
}

ul {
width: 100%;
height: 30px;
clear: both;
list-style:none;
padding:0;
margin:0;
}

#company {
width: 116px;
height: 30px;
display:block;
float: left;
}

#company a{
width: 116px;
height: 30px;
display:block;
background-image: url(images/navCompany.gif);
background-position:top;

}

#company a:hover {
background-position:center;
}

#services {
width: 113px;
height: 30px;
display:block;
float: left;

}

#services a {
width: 113px;
height: 30px;
background-image: url(images/navServices.gif);
background-position:top;
display:block;

}

#services a:hover {
background-position:center;
}

#reach {
width: 146px;
height: 30px;
float: left;
display:block;

}

#reach a {
width: 146px;
height: 30px;
background-image: url(images/navReach.gif);
background-position:top;
display:block;
}

#reach a:hover {
background-position:center;
}

#areas {
width: 147px;
height: 30px;
float: left;
display:block;
}

#areas a {
width: 147px;
height: 30px;
background-image: url(images/navAreas.gif);
background-position:top;
display:block;
}

#areas a:hover {
background-position:center;
}

#faqs {
width: 84px;
height: 30px;
float: left;
display:block;
}

#faqs a {
width: 84px;
height: 30px;
background-image: url(images/navFaqs.gif);
background-position:top;
display:block;
}

#faqs a:hover {
background-position:center;
}

#accreditation {
width: 154px;
height: 30px;
float: left;
display:block;
}

#accreditation a {
width: 154px;
height: 30px;
background-image: url(images/navAccreditation.gif);
background-position:top;
display:block;
}

#accreditation a:hover {
background-position:center;
}

#payment {
width: 106px;
height: 30px;
float: left;
display:block;
}

#payment a{
width: 106px;
height: 30px;
background-image: url(images/navPayment.gif);
background-position:top;
display:block;
}

#payment a:hover {
background-position:center;
}

#contact {
width: 102px;
height: 30px;
float: left;
display:block;
}

#contact a {
width: 102px;
height: 30px;
background-image: url(images/navContact.gif);
background-position:top;
display:block;
}

#contact a:hover {
background-position:center;
}

.selected {
background-position:bottom;
}

#main_banner {
width: 967px;
height: 271px;
overflow: hidden;
background-image: url(images/banner_main.jpg);
clear: both;
}

#domestic {
width: 286px;
overflow: hidden;
float: left;
padding-top: 15px;
}

#domestic a {
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
text-decoration: underline;
}

#domestic a:hover {
text-decoration: underline;
color: #ff0;
}

#domestic p {
color:#FFFFFF;
}

#right_servc_cont {
width: 626px;
overflow: hidden;
float: right;
padding-top: 15px;
}

#industrial {
width: 286px;
float: right;
}

#industrial a {
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
text-decoration: underline;
}

#industrial a:hover {
text-decoration: underline;
color: #ff0;
}

#industrial p {
color:#FFFFFF;
}

#commercial {
width: 286px;
float: left;
}

#commercial a {
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
text-decoration: underline;
}

#commercial a:hover {
text-decoration: underline;
color: #ff0;
}

#commercial p {
color:#FFFFFF;
}

#footer ul {
width: 100%;
text-align: center;
display:inline;
clear: both;
font-size: 10px;
color: #59cbff;
}

#footer li {
margin-top: 30px;
display:inline;
float:left;
}

#footer a{
color: #59cbff;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#designedBy {
margin-left:280px;
}

span { 
display:none;
}

.contentBg {
background-image:url(images/contentBg.jpg);
background-position:bottom;
background-color:#f2f3f5;
background-repeat:no-repeat;
height:auto;
width:908px;
padding:20px 30px 20px 30px;
}

.right {
float:right;
margin-left:40px;
clear:both;
margin-bottom:10px;
}

.clear {
clear:both;
}

#reachList {
clear:none;
width:60%;

}

#reachList ul {
clear:none;
width:60%;
}

#reachList li {
color:#003a53;
font-size:12px;
font-weight:bold;
list-style-position:inside;
list-style-image:url(images/droplet.gif);
margin:0px 0px 20px 0px;
}

#areaList {
width:967px;
height:701px;
background-image:url(images/banner_map.gif);
background-repeat:no-repeat;
}

#areaList ul {
margin:0px 20px 0px 800px;
}

#areaList li {
margin-right:80px;
}

#areaList h2{
margin:0px 20px 0px 800px;
padding-top:20px;
}

#areaList a{
text-decoration: none;
color: #FFFFFF;
}

#areaList a:hover{
text-decoration: underline;
color: #ff0;
}

.lineUp {
margin-top:53px;
padding:0;
}

.fullWidth {
width:100%;
}

.fullWidth p {
width:52%;
float:left;
}

.fullWidth img {
float:left;
margin-left:20px;
}

.right2 {
float:right;
margin-left:40px;
margin-bottom:10px;
}

.left {
float:left;
margin-right:20px;
margin-bottom:20px;
}