body,html {
  background: url("bg.png") #11448d;
  margin: 0; padding: 0;
  font-family: Arial, sans-serif;
}


#topbar {
  background: url("cloudstrip_40.jpeg") no-repeat 0% 0% #629cdc;
  color: #ffffff; font-weight: bold; font-style: italic;
  margin: 0; height: 80px;
  text-align: left;
}
#topbar img { margin: 11px 0 0 12px; }


#navbar {
  background: #00529f; color: #ffffff;
  border-top: solid 2px #000000;
  border-bottom: solid 2px #000000;
  margin: 0; padding: 0.1em 0.3em 0.2em 1em;
}
#navbar li { list-style-type: none; margin: 0 1em 0 0; padding: 0; display: inline; }
#navbar #here { font-weight: bold; }
#navbar a { color: #ffffff; }


#frontpage { background: #ffffff; padding: 8px; }
#frontpage td { vertical-align: top; width: 33%; padding: 8px; }

#frontpage h1 {
  margin: 0; padding: 0 8px 0 0;
  background: #2974cc; color: #ffffff;
  font-size: 100%; height: 31px;
}
.box { margin-top: 4px; background: url("box-tl.png") no-repeat 0% 0% #d7ebff; }
.innerbox { background: url("box-bl.png") no-repeat 0% 100%; padding: 12px; }

#frontpage h2 {
  margin: 0; padding: 0 8px 0 0;
  background: #a0a0a0; color: #ffffff;
  font-size: 100%; height: 31px;
}
.box2 { margin-top: 4px; background: url("box2-tl.png") no-repeat 0% 0% #e6e6e6; }
.innerbox2 { background: url("box2-bl.png") no-repeat 0% 100%; padding: 12px; }

#frontpage ul { margin: 0; padding: 0 0 0 1.2em; }
#frontpage a { color: #000000; }


#content { background: #ffffff; padding: 1em 1em 0.3em 1em; zoom: 1.0; /* IE6 fix */ }
#content h1 {
  margin: 0; padding: 0;
  font-family: Tahoma, sans-serif;
  font-size: 180%;
  border-bottom: solid 2px #00529f;
}
#content h2 {
  margin: 0; padding: 0;
  font-family: Georgia, serif;
  font-size: 120%;
  border-bottom: solid 1px #00529f;
}
#content p { margin: 0.3em 0 0.8em; }
#content a { color: #0070ff; }
#content a:visited { color: #00529f; }


#content dt { font-weight: bold; clear: both; margin-top: 1em; }
#content dd { margin: 0; }
.diagram { float: left; margin: 0 0.5em 0.5em; }

#contactinfo th { text-align: right; }
#contactform { background: #d7ebff; }
#contactform th { text-align: right; }
#formthankyou { background: #00529f; color: #ffffff; margin-top: 1em; font-weight: bold; padding: 0.2em 0.5em; }

#pricing th { background: #00529f; color: #ffffff; padding: 0.2em 0.4em; font-size: 110%;}
#pricing td { background: #d7ebff; padding: 0.2em 0.3em; font-size: 110%;}
#pricing .null { background: #ffffff; }
#pricing { margin: 1em 0; text-align: center;}

#callbanner { background: #a00000; color: #ffffff; text-align: center;
  font-weight: bold; font-style: italic; padding: 0.1em 0.5em; font-size: 130%; }

#flyerad { text-align: center; margin-top: 0.5em; }
#flyerad img { border: solid 1px black; }

#phone { text-align: center; }
#callnow { text-align: center; font-size: 90%; }
#callnow strong { color: #a00000; font-style: italic; font-size: 160%; }
#callnow em { font-weight: bold; font-size: 120%; }

.deco { float: right; border: solid 1px black; margin-left: 1em;}


#slogan { text-align: center; padding: 1em 0.4em 0 0; }

address {
  background: #d7ebff;
  border-top: solid 2px #000000;
  border-bottom: solid 2px #000000;
  text-align: center; padding: 0.1em 0.3em; font-style: normal;
}
address a { color: #000000; }

#copyright {
  text-align: right; font-size: 90%; padding: 0.5em;
  border-top: solid 5px #203050; color: #2974cc;
}
#copyright a { color: #2974cc; }
