/* Heinrich CSS */

/* Reset default positioning values */
@import "reset.css";

/*************** Layout */

html, body {
  background: #e7ddd5 url("../image/bg.gif") top repeat-x;
}

#wrapper {
  width: 930px;
  height: auto;
  margin: 20px auto;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #555544;
}

/*************** Header */

#header {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 10px 0px;
}

#logo {
  float: left;
  display: inline;
}

#report {
  float: right;
  display: inline;
  margin: 17px 0px 0px 0px;
}

#nav {
  float: left;
  display: inline;
  width: 550px;
  height: auto;
  margin: 70px 0px 0px 70px;
  text-align: center;
}

#nav a:link,
#nav a:visited {
  float: left;
  display: inline;
  height: 12px;
  margin: 0px 25px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #111111;
  text-decoration: none;
  background-position: top;
  background-repeat: no-repeat;
}

#nav a:hover,
#nav a:active,
#nav a.here:link,
#nav a.here:visited {
  color: #f3901f;
}

#nav a#navCareer {
  margin: 0px !important;
}

/*
#nav a span {
  display: none;
}

#nav a#navHome {
  width: 30px;
  background-image: url("../image/nav_home.gif");
}

#nav a#navAbout {
  width: 45px;
  background-image: url("../image/nav_about.gif");
}

#nav a#navServices {
  width: 42px;
  background-image: url("../image/nav_services.gif");
}

#nav a#navWork {
  width: 27px;
  background-image: url("../image/nav_work.gif");
}

#nav a#navLatest {
  width: 29px;
  background-image: url("../image/nav_latest.gif");
}

#nav a#navBlog {
  width: 53px;
  background-image: url("../image/nav_blog.gif");
}

#nav a#navMarket {
  width: 58px;
  background-image: url("../image/nav_market.gif");
}

#nav a#navInsights {
  width: 86px;
  background-image: url("../image/nav_insights.gif");
}

#nav a#navContact {
  width: 39px;
  background-image: url("../image/nav_contact.gif");
}

#nav a#navCareer {
  width: 42px;
  background-image: url("../image/nav_career.gif");
}
*/

/*************** Content */

#content {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
}

/*************** Home */

#home {
  float: left;
  display: inline;
  position: relative;
  width: 862px;
  height: 250px;
  margin: 0px 0px 5px 0px;
  background: url("../image/home_bg.jpg") top left no-repeat;
}

#slideshow {
  float: left;
  display: inline;
  position: relative;
  width: 862px;
  height: 250px;
  overflow: hidden;
  z-index: 1;
}

#home p {
  width: 350px;
  margin: 100px 0px 0px 30px;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ffffff;
  font-weight: bold;
}

#slideshowThumbs {
  position: absolute;
  display: inline;
  clear: both;
  width: 300px;
  height: 26px;
  top: 196px;
  left: 30px;
  z-index: 1;
}

a.playPause {
  position: absolute;
  display: inline;
  clear: both;
  width: 24px;
  height: 24px;
  top: 196px;
  left: 346px;
  z-index: 100;
  visibility: hidden;
}

#home div.nav {}

#home div.nav a:link,
#home div.nav a:visited {
  float: left;
  display: inline;
  width: 24px;
  height: 26px;
  padding: 0px 2px 0px 0px;
  margin: 0px 4px 0px 0px;
  text-align: center;
  color: #f3901f;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  text-decoration: none;
  background: url("../image/home_nav.gif") right no-repeat;
}

#home div.nav a:hover,
#home div.nav a:active,
#home div.nav a.activeSlide {
  background-position: left;
}

#slideshow .slideshow {
  float: left;
  display: inline;
  position: relative;
  clear: both;
  width: 862px;
  height: 250px;
  overflow: hidden;
  z-index: 1;
}

#slideshow .slideshow div {
  position: absolute;
  width: 320px;
  height: auto;
  top: 60px;
  left: 30px;
}

#slideshow .slideshow div h1 {
  width: 320px;
  height: auto;
  margin: 0px;
  color: #ffffff;
  font-size: 26px;
  line-height: 26px;
}

#slideshow .slideshow div h2 {
  width: 320px;
  height: auto;
  margin: 0px;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
}

/*************** Home Buckets */

div.bucket {
  float: left;
  display: inline;
  width: 277px;  
  margin: 0px 15px 0px 0px;
  background-position: top;
  background-repeat: no-repeat;
}

div.bucket.white {
  color: #555544;
  background-image: url("../image/white_bucket_top.jpg");
}

div.bucket.white p img.floatLeft {
  margin: 0px 10px 0px 0px;
}

div.bucket.orange {
  background-image: url("../image/orange_bucket_top.jpg");
}

div.bucket.otherdivisions {
  background-image: url("../image/other_divisions.jpg");
}

div.bucket.otherdivisions div.inner1 {
  float: left;
  display: inline;
  width: 217px;
  height: auto;
  min-height: 172px;
  height: auto !important;
  height: 172px;
  padding: 55px 30px 10px 30px;
}

div.bucket.otherdivisions div.inner2 {
  float: left;
  display: inline;
  width: 217px;
  height: auto;
  min-height: 80px;
  height: auto !important;
  height: 60px;
  padding: 30px 30px 10px 10px;
}

div.bucket.orange p span {
  width: 50px;
  text-align: right;
}

div.bucket.orange p input.image {
  margin: 4px 20px 0px 0px;
}

div.bucket h2 {
  margin: 8px 0px 0px 17px;
  font-size: 14px;
  line-height: 20px;
  width: 277px;
  text-align: left;
  color: #ffffff;
}

div.bucket div.inner {
  float: left;
  display: inline;
  width: 217px;
  height: auto;
  min-height: 210px;
  height: auto !important;
  height: 210px;
  padding: 18px 30px 10px 30px;
}

div.bucket div.bottom {
  float: left;
  display: inline;
  width: 277px;
  height: 24px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
}

div.bucket.white div.bottom {
  background-image: url("../image/white_bucket_bottom.jpg");
}

div.bucket.orange div.bottom {
  background-image: url("../image/orange_bucket_bottom.jpg");
}

/*************** Left Nav */

div.leftnav {
  float: left;
  display: inline;
  width: 158px;
  height: auto;
  margin: 0px 20px 0px 0px;
  background: url("../image/leftnav_bg.jpg") top no-repeat;
}

div.leftnav div.bottom {
  float: left;
  display: inline;
  width: 158px;
  height: 24px;
  font-size: 1px;
  line-height: 1px;
  background: url("../image/leftnav_bottom.gif") top no-repeat;
}

div.leftnav h2 {
  margin: 8px 0px 0px 0px;
  font-size: 14px;
  line-height: 20px;
  width: 92px;
  text-align: center;
  color: #f3901f;
}

div.leftnav h2 a:link,
div.leftnav h2 a:visited {
  color: #f3901f;
  text-decoration: none;
}

div.leftnav h2 a:hover,
div.leftnav h2 a:active {
  color: #f3901f;
  text-decoration: none;
  border-bottom: solid 1px #f3901f;
}

div.leftnav div.inner {
  float: left;
  display: inline;
  width: 123px;
  height: auto;
  min-height: 140px;
  padding: 10px 15px 0px 20px;
}

div.leftnav div.list ul {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0px;
  padding: 0px;
}

div.leftnav div.list ul li {
  margin: 0px 0px 2px 0px;
  font-size: 11px;
  line-height: 14px;
}

div.leftnav div.list ul li a:link, 
div.leftnav div.list ul li a:visited {
  color: #554444;
  text-decoration: none;
}

div.leftnav div.list ul li.here a:link, 
div.leftnav div.list ul li.here a:visited,
div.leftnav div.list ul li a:hover, 
div.leftnav div.list ul li a:active {
  color: #f3901f;
  text-decoration: none;
}

div.leftnav div.list ul li ul {
  margin: 4px 0px 8px 0px;
}

div.leftnav div.list ul li ul li {
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 10px;
  font-size: 10px;
  line-height: 13px;
}

div.leftnav div.list ul li ul li a:link, 
div.leftnav div.list ul li ul li a:visited,
div.leftnav div.list ul li.here ul li a:link, 
div.leftnav div.list ul li.here ul li a:visited {
  color: #887777;
  text-decoration: none;
}

div.leftnav div.list ul li ul li.here a:link, 
div.leftnav div.list ul li ul li.here a:visited,
div.leftnav div.list ul li ul li a:hover, 
div.leftnav div.list ul li ul li a:active,
div.leftnav div.list ul li.here ul li a:hover, 
div.leftnav div.list ul li.here ul li a:active {
  color: #554444;
  text-decoration: underline;
}

/*************** Callout */

div.callout {
  float: right;
  display: inline;
  width: 173px;
  height: auto;
  margin: 0px;
  background: url("../image/callout_bg.jpg") top no-repeat;
}

div.callout div.bottom {
  float: left;
  display: inline;
  width: 173px;
  height: 24px;
  font-size: 1px;
  line-height: 1px;
  background: url("../image/callout_bottom.gif") top no-repeat;
}

div.callout h2 {
  padding: 10px 15px 0px 20px;
  margin: 0px 0px 4px 0px;
  font-size: 13px;
  line-height: 16px;
  width: 138px;
  text-align: left;
  color: #333333;
}

div.callout p {
  margin: 0px 0px 5px 0px;
}

div.callout div.inner {
  float: left;
  display: inline;
  width: 138px;
  height: auto;
  min-height: 140px;
  padding: 0px 15px 0px 20px;
}

/*************** Main */

div.main {
  float: left;
  display: inline;
  width: 558px;
  height: auto;
  margin: 0px;
  padding: 0px 0px 22px 0px;
  background: url("../image/main_bg.jpg") bottom no-repeat;
}

div.main.noSubNav {
  margin: 0px 0px 0px 178px;
}

div.main div.title {
  float: left;
  display: inline;
  width: 498px;
  height: auto;
  min-height: 40px;
  padding: 15px 30px 5px 30px;
  background: url("../image/main_top.jpg") top no-repeat;
}

div.main div.title h1 {
  color: #ffffff;
  font-size: 34px;
  line-height: 30px;
  margin: 0px;
  padding: 5px 0px;
}

div.main div.title h2 {
  color: #ffffff;
  font-size: 21px;
  line-height: 20px;
  margin: 0px;
  padding: 5px 0px;
}

div.main div.inner {
  float: left;
  display: inline;
  width: 532px;
  height: auto;
  margin: 0px;
  padding: 0px 15px 0px 11px;
  background: url("../image/inner_bg.jpg") repeat-y;
}

div.main div.inner div.bucket {
  float: left;
  display: inline;
  width: 532px;
  height: auto;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

div.main div.inner div.bucket.last {
  margin: 0px !important;
}

div.main div.inner div.bucket div.top {
  float: left;
  display: inline;
  width: 532px;
  height: 10px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url("../image/main_bucket_top.gif") top no-repeat;
}

div.main div.inner div.bucket div.middle {
  float: left;
  display: inline;
  width: 492px;
  height: auto;
  margin: 0px;
  padding: 10px 20px;
  background: #ffffff;
}

div.main div.inner div.bucket div.middle div.news {
  float: right;
  display: inline;
  width: 372px;
  height: auto;
}

div.main div.inner div.bucket div.bottom {
  float: left;
  display: inline;
  width: 532px;
  height: 10px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url("../image/main_bucket_bottom.gif") top no-repeat;
}

div.main div.inner div.bucket h2 {
  color: #111111;
  font-size: 22px;
  line-height: 24px;
  margin: 0px;
  width: 100%;
  text-align: left;
}


div.main div.image {
  float: left;
  display: inline;
  width: 532px;
  height: auto;
  min-height: 40px;
  margin: 0px;
  padding: 10px 15px 5px 11px;
  background: url("../image/main_top.jpg") top no-repeat;
}

div.main div.image div.gallery {
  float: left;
  display: inline;
  width: 532px;
  height: 231px !important;
  position: relative;
  overflow: hidden;
}

div.main div.inner div.bucket div.middle.padded {
  float: left;
  display: inline;
  width: 212px;
  padding: 50px 160px;
}

img.floatRight.marginLeft {
  margin: 0px 0px 10px 10px;
}

/*************** Main (Wide) */

div.main.wide {
  width: 750px;
  background: url("../image/main_bg_wide.jpg") bottom no-repeat;
}

div.main.wide div.title {
  width: 690px;
  height: auto;
  min-height: 100px;
  background: url("../image/main_top_wide.jpg") top no-repeat;
}

div.main.wide div.title h1 {
  width: 230px;
}

div.main.wide div.title h2 {
  float: right;
  width: 450px;
  margin: 12px 0px 0px 0px;
}

div.main.wide div.title h3 {
  float: right;
  width: 450px;
  color: #ffffff;
  font-size: 12px;
  line-height: 115%;
  margin: 0px;
}

div.main.wide div.inner {
  float: left;
  display: inline;
  width: 750px;
  height: auto;
  margin: 0px;
  padding: 0px 11px;
  background: url("../image/inner_wide_bg.jpg") repeat-y;
}

div.main.wide div.inner div.bucket {
  float: left;
  display: inline;
  width: 724px;
  height: auto;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

div.main.wide div.inner div.bucket.last {
  margin: 0px !important;
}

div.main.wide div.inner div.bucket div.top {
  float: left;
  display: inline;
  width: 724px;
  height: 10px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url("../image/main_bucket_top_wide.gif") top no-repeat;
}

div.main.wide div.inner div.bucket div.middle {
  float: left;
  display: inline;
  width: 684px;
  height: auto;
  margin: 0px;
  padding: 10px 20px;
  background: #ffffff;
}

div.main.wide div.inner div.bucket div.bottom {
  float: left;
  display: inline;
  width: 724px;
  height: 10px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url("../image/main_bucket_bottom_wide.gif") top no-repeat;
}

div.main.wide div.image {
  width: 724px;
  background: url("../image/main_top_wide.jpg") top no-repeat;
}

div.main.wide div.image div.gallery {
  width: 724px;
}

div.main.wide div.inner div.padded {
  width: 384px;
}

div.main.wide div.inner p.wide {
  width: 666px;
  padding-left: 18px;
}

/*************** Work Landing Page */

p.workTop {
  width: 115px;
  margin: 0px 0px 20px 0px;
  text-align:center;
}

p.workBottom {
  width: 135px;
  margin: 0px;
  text-align:center;
}

p.workTop.first {
  width: 115px;
  margin: 0px 0px 20px 18px;
}

p.workBottom.first {
  margin: 0px 0px 0px 43px;
}

p.workTop img,
p.workBottom img {
  margin: 0px 0px 8px 0px;
}

p.workTop a:link,
p.workBottom a:link,
p.workTop a:visited,
p.workBottom a:visited {
  font-size: 14px;
  line-height: 15px;
  color: #f3901f;
  text-decoration: none;
  font-weight: bold;
}

p.workTop a:hover,
p.workBottom a:hover,
p.workTop a:active,
p.workBottom a:active {
  color: #ee8800;
  text-decoration: underline;
}

/*************** Column */

div.half {
  width: 50%;
}

div.main.wide div.inner div.half .indent {
  width: 324px;
  padding-left: 18px;
}

div.third {
  width: 33%;
}

div.clear {
  float: left;
  display: inline;
  clear: both;
  width: 100%;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

div.twoThirds {
  width: 75%;
}

/*************** Footer - original 11/16/10

#footer {
  float: left;
  display: inline;
  position: relative;
  width: 910px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  padding: 10px 20px 10px 0px;
  color: #cccccc;
}

#footer-1 {
  float: left;
  display: inline;
  position: relative;
  width: 910px;
  height: auto;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 10px 20px 10px 0px;
  color: #cccccc;
}

#footer a:link,
#footer a:visited {
  color: #999999;
  margin: 0px 10px;
  text-decoration: underline;
}

#footer a:hover,
#footer a:active {
  color: #333333;
}


#footer span {
  margin: 0px 10px;
  font-size: 10px;
  text-align: center;
  color: #999999;
}
*/

/*************** Footer */

#footer {
  float: left;
  display: inline;
  position: relative;
  width: 910px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  padding: 10px 20px 10px 0px;
  color: #cccccc;
}

#footer2 {
	width: 910px;
	padding-left: auto;
	padding-right: auto;
    font-size: 12px;
	color: #999999;
}

#footer2 table {
	margin-left: auto;
	margin-right: auto;
	//border: 0;
}

#footer2 table tr {
  width: 0;
  height: 0;
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
  // padding: 0;
  // vertical-align: top;
  line-height: 0;
}

#footer2 table tr td {
  width: 0;
  height: auto;
  vertical-align: middle;
  line-height: 0;
}

#footer2 a:link,
#footer2 a:visited {
  color: #999999;
  text-decoration: underline;
}

#footer2 a:hover,
#footer2 a:active {
  color: #333333;
}

#footer-1 {
  float: left;
  display: inline;
  position: relative;
  width: 910px;
  height: auto;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 10px 20px 10px 0px;
  color: #cccccc;
}

#footer a:link,
#footer a:visited {
  color: #999999;
  margin: 0px 10px;
  text-decoration: underline;
}

#footer a:hover,
#footer a:active {
  color: #333333;
}


#footer span {
  // margin: 0px 10px;
  font-size: 10px;
  text-align: center;
  color: #999999;
  margin-left: 50px;
  margin-right: 50px;
}

/*************** Tags */

h1, h2, h3, h4, p, div.list {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 10px 0px;
}

h1 {
  font-weight: bold;
  color: #999999;
  letter-spacing: -1.0px;
  font-size: 18px;
  line-height: 22px;
  font-family: tahoma, geneva, sans-serif;
}

h2 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #6699cc;
  font-family: tahoma, geneva, sans-serif;
}

h3 {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #999999;
  font-family: tahoma, geneva, sans-serif;
}

h4 {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #6699cc;
  font-family: tahoma, geneva, sans-serif;
}

p {
  line-height: 16px;
}

a:link {
  color: #6699cc;
}

a:visited {
  color: #336699;
}

a:hover, a:active {
  color: #99ccff;
}

a.orange:link, 
a.orange:visited {
  color: #f3901f;
  text-decoration: none;
}

a.orange:hover,
a.orange:active {
  color: #dd8800;
}

blockquote {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  padding: 12px;
  margin: 0px 0px 12px 0px;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}

div.news blockquote {
  float: left;
  display: inline;
  width: 75%;
  height: auto;
  padding: 12px;
  margin: 0px 50px 12px 0px;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

dl {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  margin: 0px 0px 8px 0px;
}

dl dt {
  float: left;
  display: inline;
  width: 30%;
  height: auto;
}

dl dd {
  float: right;
  display: inline;
  width: 70%;
  height: auto;
}

/*************** Lists */

ul, ol {
  margin: 0px;
}

ul {
  list-style-image: url("/image/bullet.gif");
  list-style-type: disc;
  padding: 0px 0px 0px 18px;  
}

ol {
  list-style-type: decimal;
  padding: 0px 0px 0px 28px;  
}

ul li, 
ol li {
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

ul li ul {
  list-style-image: url("/image/bullet_open.gif");
  list-style-type: disc;
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ol li ol {
  list-style: lower-alpha;
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ul li ul li,
 ol li ol li {
  font-size: 11px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

div.list.half {
  width: 50%;
}

/*************** Tables */

table {
  float: left;
  clear: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 10px 0px;
}

table tr th {
  width: 30%;
  height: auto;
  font-weight: normal;
  padding: 8px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}

table tr td {
  width: 70%;
  height: auto;
  padding: 5px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}

/*************** Forms */

input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: #555544;
  border: solid 1px #cccccc;
  background: #ffffff;
  padding: 4px;
}

div.bucket input.text {
  width: 300px;
}

div.bucket input.text.zip {
  width: 87px;
}

div.bucket input.text.state {
  width: 200px;
}

div.bucket input.text.short {
  width: 146px;
}

div.bucket textarea {
  width: 146px;
  height: 42px;
}

div.bucket textarea.full {
 width: 300px;
 height: 100px;
}

input.file {
  width: 308px;
  height: auto;
}

input.text {
  width: 300px;
  height: auto;
}

input.city {
  width: 184px;
  height: auto;
}

input.zip {
  width: 50px;
  height: auto;
}

input.image {
  border: 0px;
  padding: 0px;
}

span.check {
  float: left;
  clear: left;
  display: inline;
  font-size: 12px;
  line-height: 16px;
}

span.check input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 8px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
}

select.multiple {
  width: 308px;
  height: auto;
}

select.state {
  width: 150px;
  height: auto;
}

select.month {
  width: 80px;
  height: auto;
}

select.day {
  width: 50px;
  height: auto;
}

select.year {
  width: 80px;
  height: auto;
}

input.submit {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 3px 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: #ee8822;
  border: solid 1px #cc6611;
}

input.submit:hover {
  background: #dd7722;
  cursor: pointer;
}

a.button, a.button:link, a.button:visited {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 4px 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #226699;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
  text-decoration: none;
}

a.button:hover, a.button:active {
  background: #99ccee;
  text-decoration: none;
}

.error {
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  padding: 5px;
  margin: 0px 0px 10px 0px;
}

/*************** Generic Classes */

.floatLeft      { float: left; display: inline; }
.floatRight     { float: right; display: inline; }
img.floatLeft   { float: left; display: inline; }
img.floatRight  { float: right; display: inline; }
.centered       { text-align: center; }
.alignRight     { text-align: right; }

.tiny           { font-size: 10px; line-height: 16px; }
.small          { font-size: 11px; line-height: 16px; }
.normal         { font-size: 12px; line-height: 18px; }
.medium         { font-size: 14px; line-height: 20px; }
.big            { font-size: 16px; line-height: 22px; }
.huge           { font-size: 18px; line-height: 24px; }

.italic         { font-style: italic; }
.bold           { font-weight: bold; }
.nobold         { font-weight: normal; }

.grey           { color: #999999; }
.blue           { color: #336699; }
.green          { color: #339933; }
.red            { color: #993333; }
.black          { color: #111111; }
.white          { color: #ffffff; }
.orange         { color: #f3901f; }

.noMargin       { margin: 0px; }
.marginTop      { margin-top: 4px; }