* {
  margin: 0; padding: 0; 
  font-family: arial, helvetica, sans-serif;
  font-size: inherit;
}

BODY { 
  background: #b6f4ff url(graphics/0410/sub-bg2.jpg) center top repeat-x;
}

A { text-decoration: none; color: #0276c9; }
A:hover { text-decoration: underline; }

h2 {
  font-size: 16px;
  font-weight: bold;
}

IMG { border: none; }

div#container {
  position: relative;
  width: 1000px;
  left: 50%;
  margin-left: -710px;
  height: 830px;
}

div#text1 {
  position: absolute;
  top: 530px;
  left: 650px;
  font-size: 12px;
  width: 370px;
  font-family: "Arial Narrow", arial, helvetica, sans-serif;
}


div#text2 {
  position: absolute;
  top: 530px;
  left: 1045px;
  font-size: 12px;
  width: 170px;
  font-family: "Arial Narrow", arial, helvetica, sans-serif;
}

div#text2 p { margin-bottom: 10px; }

div#nav { 
  position: absolute;
  left: 238px;
  top: 178px;
  width: 166px;
}

div#nav img { border: none; }

div#content {
  background: transparent url(graphics/0410/content-bg.png) repeat-y;
  background-position: 0px 200px;
  position: absolute;
  left: 405px;
  top: 199px;
  width: 807px;
  color: #2c312c;
  font-size: 12px;
  /* overflow: scroll; */
}

div#inner { 
  margin: 10px 30px 10px 30px;
}

div#content p { 
   padding-bottom: 15px;
}

div#content ul { 
  list-style-type: disc;
  padding-bottom: 15px;
  padding-left: 30px;
}

img#side_phone {
  position: absolute;
  left: -200px;
  bottom: 20px;
}

img#content_bottom { 
  position: absolute;
  left: -146px;
  bottom: -109px;
}

img#copyright { 
  position: absolute;
  bottom: -55px;
  right: 10px;
}

table#contact { padding-left: 25px; }
table#contact td { padding: 5px; }

div#sidenote { 
  position: absolute;
  left: 241px;
  top: 412px;
  font-size: 12px;
  width: 160px;
}
div#sidenote p { 
  padding: 10px;
}
div#sidenote ul { 
  list-style-type: none; 
}
div#sidenote ul li { 
  padding: 3px 0px;
}
div#sidenote p { background-color: transparent; }
div#sidenote p span { display: none; }
div#sidenote p:hover span { 
  background-color: white; 
  position: absolute;

  width: 300px;
  padding: 7px;
  border: solid 1px #ccc;
  margin-left: 20px;
  display: block;
}

.floatRight { 
  float: right; 
  margin-left: 25px;
}

.floatLeft {
  float: left;
  margin-right: 15px;
}

img#homelink { 
  position: absolute;
  left: 194px;
  top: 23px;
}

/* ---------------------- PAGE HEADERS ----------------------------- */
img#case_studies_header {
  position: absolute;
  left: 417px;
  top: 67px;
}

img#web_design_header {
  position: absolute;
  left: 417px;
  top: 37px;
}

img#portfolio_header , img#video_header, img#about_header, img#contact_header {
  position: absolute;
  left: 417px;
  top: 0px;
}