/* we do need just a little bit of colour information here */

HR.spacer, HR.break {
  color: transparent;	
}

/* fonts */

@font-face {
  font-family: 'LivingByNumbers';
  src: url(/content/graphics/livingby.ttf);
}

* {
  font-family: sans-serif;
}

H1 {
  font-family: 'LivingByNumbers', sans-serif;
  font-weight: normal;
  font-size: 32pt;
}

STRONG, EM, P.error, TH, SPAN.menu_sel, DIV.menu_sel, SPAN.bright {
  font-weight: bold;
}

EM {
  font-style: italic;
}

SPAN.note, DIV.mainmenu, TD.leftmenu, DIV.SmallPrint, P.SmallPrint, P.admin {
  font-size: x-small;
}

P.unimportant {
  font-size: small;
}

/* Alignment */

TD.money, TD.label, P.quoteby {
  text-align: right;
}

TD.normal, TH {
  text-align: left;
}

H1.ordfrm, H3.ordfrm, P.address, P.gallery, P.form, P.diagram, FORM.ordfrm,
DIV.diagram, TD.layout, TD.gallery, TD.TwoUp, TD.ThreeUp, TD.ThreeUpMiddle, SPAN.menu, SPAN.menu_sel, DIV.menu, DIV.menu_sel,
TD.right_pic, TD.big_ri_pic, DIV.pic, DIV.layout {
  text-align: center;
}

TR, H1 {
  vertical-align: top;
}

IMG, TR.google, TD.button, TD.gallery, DIV.pic {
  vertical-align: middle;
}

/* Borders */

TABLE {
   border-collapse: collapse;
}

IMG.logo {
  border-style: none;
}

SPAN.Highlight, SPAN.Box {
  border-width: 4px;
  border-style: ridge;
}

HR.spacer, HR.break, IMG.logo {
  border-width: 0;
}

DIV.menu, DIV.menu_sel, SPAN.menu, SPAN.menu_sel {
  border-radius: 15%;
   -moz-border-radius: 15%;
}

/* Padding */

H1 {
  padding: 0;
}

TD.mainblock, P.error {
  padding: 3em;	
}

SPAN.Highlight, SPAN.Box, DIV.menu, DIV.menu_sel, SPAN.menu, SPAN.menu_sel, TH, TD, TD.leftmenu, TD.right_pic, TD.big_ri_pic {
  padding: 5px;
}

DIV.mainmenu, DIV.layout {
  padding: 10px;
}

P.break {
  padding-top: 1em;
}

/* Margins */

H1, DIV.mainmenu {
  margin: 0;
}

DIV.menu, DIV.menu_sel, SPAN.menu, SPAN.menu_sel, IMG.onleft {
  margin: 5px;
}

DIV.pic {
  margin: 8px;
}

BODY {
  margin-bottom: 2cm;
}

LI.short {
  margin-bottom: 0;
}

LI {
  margin-bottom: 2ex;
}

LI.info, LI.orddet {
  margin-bottom: 5px;
}

INPUT.paybtn, H3.ordfrm, P.diagram {
  margin-bottom: 4em;
}

H3.ordfrm, P.spaced, P.diagram {
  margin-top: 2em;
}

TABLE.layout {
  margin-top: 2ex;
}

HR.break, HR.spacer {
  margin-bottom: 4em;	
}

FORM.ordbut, P.li, DIV.FBProfile {
  margin-left: 3em;
}

INPUT.rowbtn, FORM.ordbut {
  margin-right: 3em;
}

/* Sizes */

TABLE.layout, TABLE.leftmenu {
  width: 100%;
}

TD.right_pic {
  width: 150px;
}

TD.big_ri_pic {
  width: 300px;
}

TD.leftmenu {
  width: 9em;
}

TD.TwoUp {
  width: 50%;	
}

TD.ThreeUp {
  width: 33%;
}

TD.ThreeUpMiddle {
  width: 33%;
}

/* Floatation */

TABLE.google, DIV.FBProfile {
  float: right;
}

IMG.onleft, DIV.layout, DIV.pic {
  float: left;
}

P.break, H3.break, UL.break, OL.break, DIV.mainmenu, TABLE.google, HR.break {
  clear: both;
}