@import url(reset.css);

/* =================================================================
  LAYOUT
================================================================= */

/* FIXED WIDTH GTR */
div.fw_gtr { width:764px; margin:0 auto; }

/* BRANDING */
div#brand { height:75px; border-width:0 0 17px 0;  }
div#brand h1 { width:245px; height:75px; margin-left:20px; }

/* MAIN CONTENT */
div#content { border-width:0 0 4px 0; overflow:hidden; }

/* PODS */
div.pod, div.pod_wide { float:left; width:228px; margin:0 0 20px 20px;  }
div.pod_wide { width:476px; }

/* FOOTER */
div#footer { padding:40px 0 100px 0; }
div#footer div.whyUs * { padding-left:40px; }
div#footer div.vcard a, div#footer div.vcard div { display:none; }
div#footer div.vcard div.tel { display:block; padding-top:7px; }
div#footer div.vcard div.tel span.value { margin-left:4px; }

/* DOWNLOADS */
div#downloads { clear:both; padding-left:40px; }
div#downloads h3 { margin-bottom:5px; }
div#downloads a.pdf { padding-left:20px; background:url(/assets/icons/page_white_acrobat.png) 0 50% no-repeat; }


/* =================================================================
  STYLE
================================================================= */

/* BRANDING */
div#brand { border-style:solid; border-color:#000; background:url(hdr_bg.png) repeat-x;  }
div#brand h1 { background:url(compshield_logo_2.png) left center no-repeat; text-indent:-1000em; }

/* MAIN CONTENT */
div#content { border-style:solid; border-color:#000; overflow:hidden; }

/* FOOTER */
div#footer { background:url(footer_bg.png) top left repeat-x; }
div#footer div.whyUs { background:url(shield.png) top left no-repeat; }
div#footer h3 { color:#554C08; }
div#footer div.vcard div.tel { color:#205E88; }


/* =================================================================
  TYPOGRAPHY
================================================================= */
/* SET THE BASE FONT SIZE THAT ALL ELEMENTS WILL INHERIT */
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; }
div#doc { font-size:1.3em; }

/* HEADINGS */
h2 { font-size:1.384em; }
h3 { font-size:1em; font-weight:bold; }

/* FOOTER */
div#footer h3 { font-size:1.307em; }
div#footer p { font-size:0.923em; }
div#footer div.vcard div.tel { font-weight:bold; }