/* common styles for Flavin site  */



/* GENERAL */

html, body {
  margin: 0px;
}
/* don't set background color on html for sake of Dreamweaver */
body {
  background-color: #c6c3ad;
  background-image: none;
  text-align: center;        /* centers the page for IE/win */
}

/* for div containing skip links and other content that should never be seen by visual browsers */
.offscreen {
  position: absolute;
  left: 0px; top: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
/* for back to top anchor */
#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* div to clear floating divs */
.divclear {
  clear: both;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* get rid of fieldsets and legends */
fieldset {
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}

/* table cells all aligned left and top */
td {
  text-align: left;
  vertical-align: top;
}

/* use border box model (widths include padding and borders) */
/* note: validator does not like these two declarations... */
/* the first is CSS3, the second is Mozilla-specific */
/* NOT NEEDED FOR THIS SITE - WE ARE USING STRICT MODE DOCTYPE
div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
*/

/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* elements for screen display or print display only */
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}
div.screenonly {
  display: block;
}
div.printonly {
  display: none;
}

/* all lists use solid bullet */
ul {
  list-style-type: disc;
}



/* OUTER SHELL */
/* container for all page content */

#divoutershell {
  width: 900px;
  margin: 0px auto;
  text-align: left;
}



/* PAGE AREA */

#divpagearea {
  position: relative;
  z-index: 1;
  width: 900px;
}

/* keeps center column of table open (always this width on all pages) */
#divcenterstrut {
  width: 98px;
  height: 1px;
}



/* PRIMARY NAVIGATION */

#divprimarynav {
  position: absolute;
  left: 160px;
  top: 87px;
  z-index: 5;
}

#divnav_corporate {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}
#divnav_residential {
  position: absolute;
  left: 0px;
  top: 25px;
  z-index: 5;
}
#divnav_about {
  position: absolute;
  left: 0px;
  top: 50px;
  z-index: 5;
}
#divnav_contact {
  position: absolute;
  left: 0px;
  top: 75px;
  z-index: 5;
}
#divnav_home {
  position: absolute;
  left: 0px;
  top: 100px;
  z-index: 5;
}



/* MAIN TEXT */

#divtext {
  position: relative;
  width: 100px; /* should be set by page */
}

#divtext p, #divtext li, #divtext h1, #divtext h2, #divtext h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 140%;
  color: #ffffff;
  margin-top: 0px;
}

/* graphic heading */
#divtext h1 {
  font-size: 1.4em;
  line-height: 100%;
  margin-bottom: 5px;
}
/* other headings */
#divtext h2 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
}
#divtext h3 {
  font-weight: bold;
  margin-bottom: 0px;
}

#divtext a,
#divtext a:link {
  color: #ffffff;
  text-decoration: underline;
}
#divtext a:visited {
  color: #ffffff;
  text-decoration: underline;
}
#divtext a:active,
#divtext a:hover,
#divtext a:focus {
  color: #a8f1fa;
  text-decoration: underline;
}


/* special text */
#divtext p.testimonial {
  font-style: italic;
  margin-bottom: 0px;
}
#divtext p.testimonialauthor {
  padding-left: 72px;
}
/* top of paragraph that is split */
#divtext p.splittop {
}
/* photo credits after each project */
#divtext p.photocredits {
  font-size: 0.70em;
  font-style: italic;
}