/* YUI Reset ---------------------------- */

html {
  color: #000;
  background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
body {
  font: 13px/1.231 Arial, Helvetica, sans-serif;
  *font-size: small;
  *font: x-small;
}
select,
input,
button,
textarea,
button {
  font: 99% Arial, Helvetica, sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* Structure ---------------------------- */

#doc {
  background: url(/img/bg.jpg) no-repeat top center;
  text-align: center;
}

#hd,
#bd,
#ft-inner {
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 799px;
}

#logo {
  padding: 68px 0 0 0;
}

#bd {
  min-height: 500px;
  background: white url(/img/content_bg.gif) no-repeat;
  margin: 11px auto auto auto;
}

body#home #bd {
  margin-top: 0;
  background: none;
}

#ft {
  background: url(/img/footer_bg.jpg) repeat-x;
  height: 200px;
}

#main {
  overflow: hidden;
}

#pagecontent {
  float: left;
  width: 545px;
  margin: 20px 0 40px 0;
}

/* Template Styles ------------------------ */

BODY {
  font-size: 11px;
}

A:link,
A:active,
A:visited {
  font-weight: bold;
  color: #0093d1;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

P,
LI {
  color: #939ba1;
}

H2 {
  color: #0093d1;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 32px 0;
}

H3 {
  color: #0093d1;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin: 20px 0 3px 0;
}

.expandable-content H3 {
  text-transform: none;
  font-size: 11px;
  background: url(/img/faq_arrow.png) no-repeat 0 3px;
  padding: 0 0 0 15px;
  color: #005480;
  margin: 0 0 5px 0;
  cursor: pointer;
}

.expandable-content H3.expanded {
  text-transform: none;
  font-size: 11px;
  background: url(/img/faq_arrow_open.png) no-repeat 0 3px;
  padding: 0 0 0 15px;
  color: #0093d1;
  margin: 0 0 5px 0;
}

.expandable-content .content-wrapper {
  padding: 0 0 0 15px;
}

.content-wrapper .hr {
  margin-bottom: 1.5em;
}

.faq-section {
  margin: 0 0 2em 0;
}

.faq-section H2 {
  color: #005480;
  font-size: 14px;
  margin: 0 0 0.5em 0;
}

.hr {
  height: 2px;
  clear: both;
  overflow: hidden;
  background: url(/img/hr.png) repeat-x;
  margin: 1.5em 0 2em 0;
}

STRONG {
  font-weight: bold;
  color: #005480;
}

IMG.alignRight {
  margin: 0 0 10px 15px;
}

IMG.alignLeft {
  margin: 0 15px 10px 0;
}

.backtotop {
  text-align: right;
  text-transform: uppercase;
}

.backtotop A:link,
.backtotop A:visited,
.backtotop A:active {
  background: url(/img/arrow_up.png) no-repeat;
  padding: 0 0 0 25px;
}

/* Header Styles ------------------------ */

#sectionHeader {
  position: relative;
}

#headerWebmailButton {
  position: absolute;
  left: 707px;
  top: 58px;
}

#headerUserServicesButton {
  position: absolute;
  left: 583px;
  top: 58px;
}

/* Main Navigation -------------------------------- */

.nav {
  height: 49px;
  position: relative;
  list-style: none;
}
.nav .about-global,
.nav .global-technologies,
.nav .global-internet,
.nav .support,
.nav .case-studies,
.nav .contact {
  display: block;
  float: left;
  position: relative;
  height: 49px;
  width: 150px;
  background: url(../img/nav.png) no-repeat;
}

.nav A:link,
.nav A:visited,
.nav A:active {
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
}

.nav SPAN {
  position: absolute;
  text-indent: -9999px;
}

.nav .about-global {
  background-position: 0 0;
  width: 146px;
}

.nav .global-technologies {
  background-position: -146px 0;
  width: 190px;
}

.nav .global-internet {
  background-position: -336px 0;
  width: 151px;
}

.nav .support {
  background-position: -487px 0;
  width: 89px;
}

.nav .case-studies {
  background-position: -576px 0;
  width: 121px;
}

.nav .contact {
  background-position: -697px 0;
  width: 102px;
}

.nav .about-global.over {
  background-position: 0 -49px;
}

.nav .global-technologies.over {
  background-position: -146px -49px;
}

.nav .global-internet.over {
  background-position: -336px -49px;
}

.nav .support.over {
  background-position: -487px -49px;
}

.nav .case-studies.over {
  background-position: -576px -49px;
}

.nav .contact.over {
  background-position: -697px -49px;
}

/* Subnavigation ------------------------------------ */

.subnav {
  width: 197px;
  float: left;
  margin: 20px 20px 0 20px;
  background: url(/img/subnav_divider.png) no-repeat top right;
  min-height: 300px;
  text-transform: uppercase;
}

.subnav LI {
  margin: 0 0 4px 0;
}

.subnav A:link,
.subnav A:visited,
.subnav A:active {
  color: #115f88;
}

.subnav A:hover,
.subnav LI.active A:link,
.subnav LI.active A:visited,
.subnav LI.active A:active {
  color: #0093d1;
  text-decoration: none;
}

.subnav LI UL {
  margin: 3px 0 0 13px;
}

.subnav LI LI A:link,
.subnav LI LI A:active,
.subnav LI LI A:visited {
  font-weight: normal;
  color: #115f88 !important;
}

.subnav LI LI.here A:link,
.subnav LI LI.here A:active,
.subnav LI LI.here A:visited {
  color: #0093d1 !important;
}

/* Footer ------------------------------------------- */

#ft-inner {
  padding: 0 0 50px 0;
  overflow: hidden;
  background: url(/img/hr.png) repeat-x bottom left;
}

#cookietrail-container {
  margin: 30px 0 0 0;
  background: url(/img/hr.png) repeat-x bottom left;
  color: #939ba1;
}

#cookietrail {
  background: url(/img/footer_logo.png) no-repeat 10px 0px;
  padding: 8px 0 12px 100px;
}

#cookietrail A:link,
#cookietrail A:active,
#cookietrail A:visited {
  padding: 0 15px 0 0;
  background: url(/img/footer_arrow.png) no-repeat top right;
  text-decoration: none;
  font-weight: bold;
  color: #0093d1;
}

#cookietrail A:last-child {
  background: none;
  padding: 0;
  font-weight: normal;
  color: #939ba1;
}

#cookietrail A:hover {
}

/* Footer Navigation -------------------------------- */

.footerNav {
  margin: 25px -40px 0 0;
}

.footerNav LI {
  float: left;
  margin: 0 30px 0 10px;
}

.footerNav .about-global {
  width: 100px;
}

.footerNav .global-technologies {
  width: 120px;
}

.footerNav .global-internet,
.footerNav .case-studies,
.footerNav .support,
.footerNav .contact {
  width: 90px;
}

.footerNav .contact {
  margin: 0 !important;
}

.footerNav LI LI {
  width: 100%;
  float: none;
  margin: 3px 0 0 0;
}

.footerNav A:link,
.footerNav A:visited,
.footerNav A:active {
  color: #939ba1;
  text-decoration: none;
}

.footerNav A:hover {
  text-decoration: underline;
}

.footerNav A:link STRONG,
.footerNav A:visited STRONG,
.footerNav A:active STRONG {
  color: #6f7981;
  font-weight: bold;
}

/* Home Page -------------------------------------------- */

.home-buttons {
  margin: 0 0 1em 0;
  width: 801px;
  overflow: hidden;
}

.home-buttons IMG,
.home-buttons A {
  float: left;
}

.home_announcements {
  background: url(/img/announcements_bg.png) no-repeat;
  overflow: hidden;
  height: 151px;
}

.announcement {
  float: left;
  width: 210px;
  margin: 22px 29px 0 27px;
  color: #a1a8ae;
}

.announcement .title {
  display: block;
  font-weight: bold;
  color: #637077;
  text-decoration: none;
  margin: 0 0 15px 0;
}

.announcement .title:hover {
  text-decoration: underline;
}

.announcement IMG {
  float: left;
  margin: 0 5px 0 0;
}

/* Base (a way to get nice styles on content) ------------------- */

.base abbr,
.base acronym {
  /*indicating to users that more info is available */
  border-bottom: 1px dotted #000;
  cursor: help;
}
.base em {
  /*bringing italics back to the em element*/
  font-style: italic;
}

.base blockquote,
.base ul,
.base ol,
.base dl {
  /*giving blockquotes and lists room to breath*/
  margin: 1em;
}
.base ol,
.base ul,
.base dl {
  /*bringing lists on to the page with breathing room */
  margin-left: 2em;
}
.base ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}
.base ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}
.base dl dd {
  /*giving UL's LIs generated numbers*/
  margin-left: 1em;
}
.base ol[type="a"] > li {
  list-style-type: lower-alpha;
}
.base ol[type="i"] > li {
  list-style-type: lower-roman;
}

.base caption {
  /*coordinated marking to match cell's padding*/
  margin-bottom: 0.5em;
  /*centered so it doesn't blend in to other content*/
  text-align: center;
}
.base p,
.base fieldset,
.base table {
  /*so things don't run into each other*/
  margin-bottom: 1em;
}

/* Base TABLE ---------------- */

.base TABLE {
  margin: 0 0 2em 0;
  width: 100%;
  border-bottom: 1px solid #eaecef;
}

.base th,
.base td {
  /*borders and padding to make the table readable*/
  padding: 1px;
  vertical-align: top;
}

.base td p {
  margin-bottom: 0;
}

.base td {
  /*borders and padding to make the table readable*/
  padding: 3px;
  vertical-align: top;
}
.base tr.even td {
  background: #eaecef;
}

.base th {
  /*distinguishing table headers from data cells*/
  font-weight: bold;
  text-align: left;
  color: #005480;
}

.base th P {
  color: #005480;
}

/* Form Styles ---------------------------------- */

.input {
  margin: 0 0 10px 0;
}

.text INPUT,
.textarea TEXTAREA {
  padding: 3px;
  width: 60%;
}

LABEL {
  display: block;
  padding: 0 0 5px 0;
  font-weight: bold;
  color: #005480;
}

.input DIV LABEL {
  display: inline;
  font-weight: normal;
  color: #939ba1;
  padding: 0;
}

.error-message {
  font-weight: bold;
  color: red;
  padding: 0 0 1em 0;
}

.input.error LABEL {
  font-weight: bold;
  color: red;
}

/* Global Internet page ------------------------ */

.colourpanels {
  overflow: hidden;
}

.colourpanel {
  background-repeat: no-repeat;
  width: 168px;
  height: 195px;
  float: left;
  margin: 0 12px 12px 0;
}

.colourpanel P,
.colourpanel H3 {
  margin: 0px 25px 0 15px;
  padding: 15px 0 0 0;
  line-height: 1.5;
}

.colourpanel H3 {
  height: 50px;
}

.colourpanel P,
.colourpanel H3,
.colourpanel A:link,
.colourpanel A:active,
.colourpanel A:visited {
  color: white;
  display: block;
}

#panelDialup {
  background-image: url(/img/bg_panel_blue.jpg);
}

#panelADSL {
  background-image: url(/img/bg_panel_yellow.jpg);
}

#panelWireless {
  background-image: url(/img/bg_panel_green.jpg);
}

#panelSatellite {
  background-image: url(/img/bg_panel_pink.jpg);
}

#panelWebHosting {
  background-image: url(/img/bg_panel_medblue.jpg);
}