* { 
  margin: 0;
  padding: 0;
}
* html body {
  font-size: small;  /* for IE5/Win */
}
body {
  font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
  font-size: small;
}
a, a:visited, a:hover, a:active {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}
a:hover {
  /* Hovered links are not dotted (dashed in IE), they are solid */
  border-bottom-style: solid;
}
div#lightbox a {
  /* Lightbox specific - do not allow any link decoration */
  text-decoration: none;
  border: 0;
  outline: none;
}
a[href^="http:"] {
  background: url(../media/external_site.png) no-repeat right center;
  padding-right: 15px;
}
a[href^="http:"]:hover {
  background: url(../media/external_site_hover.png) no-repeat right center;
}
h2 {
  clear: both;
  font-size: 1.1em;
  padding-left: 5.5em;
  padding-right: 5.5em;
  padding-top: 2em;
}
p {
  padding-left: 6em;
  padding-right: 6em;
  margin-top: 1em;
  margin-bottom: 1em;
}
#container-border {
  /* Main wrapper - make centered design with 3D-like effect */
  background-image: url(../media/site_shadow_background.gif);
  background-repeat: repeat-y;
  background-position: center;
  width: 750px;
  margin: 0 auto;
}
#container {
  width: 740px;
  margin: 0 auto;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-top-width: 10px;
  border-top-style: solid;
}
#branding {
  width: 175px;
  position: relative;
  padding-top: 2em;
  padding-left: 6em;
  padding-right: 0em;
  margin-left: 0;
  float: left;
}
#branding-logo {
  height: 322px;
  width: 175px;
  background: url(../media/happy-rabbit-trans.png) no-repeat left top;
}
#pitch {
  width: 325px;
  min-height: 354px;
  float: right;
  padding-top: 3em;
  padding-right: 4em;
  position: relative;
}
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8 {
  font-weight: 500;
  font-size: 1.5em;
  font-family: "Myriad Pro", "Myriad Web", "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
  word-spacing: 0.2em;
  letter-spacing: 0.015em;
  position: absolute;
  padding: 0;
  margin: 0;
}
#r2 { 
  left: 16px; 
  top: 70px;
  font-size: 30px;
}
#r3 { 
  left: 62px;
  top: 115px;
  font-size: 25px;
}
#r4 { 
  left: -20px;
  top: 155px;
  font-size: 21px;
}
#r5 { 
  left: 142px;
  top: 168px;
  font-size: 23px;
}
#r6 { 
  left: -10px;
  top: 195px;
  font-size: 27px;
}
#r7 { 
  left: 22px;
  top: 235px;
  font-size: 26px;
}
#r8 { 
  left: -12px;
  top: 285px;
  font-size: 22px;
}
#promise {
  font-size: 1.8em;
  text-align: center;
  font-family: "Lucida Casual", "Comic Sans MS";
  padding: 0;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  position: absolute;
  left: -60px;
  top: 310px;
}
#company-info {
  position: relative;
  width: 100%;
  padding: 0;
  font-size: 0.75em;
  margin: 0 auto;
  clear: both;
}
#company-info p {
  padding: .5em;
  margin: 0;
}
#company-info > div {
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
  margin-right: 2em;
  width: 28em;
  display: inline;       /* Double-margin fix for IE/Win */
  border-width: 1px;
  border-style: solid;
} 
#company-info-contact {
  float: left;
  position: relative;
  top: 1em;
  left: 6em;
}
#company-info-contact p,
#company-info-businessregister p {
  text-align: center;
}
#company-info-other {
  float: right;
  position: relative;
  top: 3em;
  left: -5.5em;
}
#company-info-bank .info-label {
  width: 12em;
  text-align: right;
}
#company-info-bank > p > span {
  float: left;
  padding-left: .4em;
}
#company-info-bank p, 
#company-info-businessregister p {
  clear: both;            /* Every info-item to separate line */
  margin-top: 1em;
}
#content-sections {
  clear: both;
  font-size: 0.85em;
  line-height: 1.65em;
  word-spacing: 0.14em;
  padding-top: 5em;
}
.content-section {
  clear: both;
}
#slogan {
  display: block;
  width: 90%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 2em;
  font-size: 2em;
  text-align: center;
  font-family: "Lucida Casual", "Comic Sans MS";
  margin: 0 auto;
  margin-bottom: 1em;
}
#footer {
  margin-top: 0px;
  height: 3.2em;
  clear: both;
  font-size: 75%;
  text-align: center;
  padding-top: 1.8em;
}
#footer .company-name {
  font-weight: bold;
}

/******************************************************************************/
/***   Thumb/image shading                                                  ***/
/******************************************************************************/
.content-section-picture {
  padding-top: 20px;
  padding-left: 3.5em;
  padding-right: 3.5em;
}
.thumbnail {
  float: left;
  padding: 0;
  background: url(../media/shadow.gif) no-repeat bottom right;
  margin: 0 0px 30px 30px !important;
  margin: 0 0px 30px 30px;
  display: inline;  /* IE/Win bug doubles horizontal margins - fix it */
}
.thumbnail div {
  background: url(../media/shadow2.png) no-repeat left top !important;
  background: url(../media/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0 6px 6px 0;
  margin: 0;

  /* Important to reset line-height! 
     Otherwise there will be some line-height space near bottom in non-IE browsers */
  line-height: 0;
}
.thumbnail img {
  border-width: 1px;
  border-style: solid;
  padding: 12px;
  margin: 0;
}
.thumbnail a, .thumbnail a:visited, .thumbnail a:active, .thumbnail a:hover {
  text-decoration: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}

/******************************************************************************/
/***   Colors                                                               ***/
/******************************************************************************/
#container-border {
  /* Visible only when #container-border width is larger than 750px (backgruond image width) */
  background-color: #FFF;
}
body {
  color: #333;
  background-color: #FFF;
  background-image: url(../media/background.gif);
  background-repeat: repeat;
}
a, a:visited, a:hover, a:active {
  color: #6699CC;
  border-bottom-color: #6699CC;
}
#container {
  background-color: #FFF;
  border-bottom-color: rgb(237, 27, 82);
  border-top-color: rgb(237, 27, 82);
}

#r1 { 
  color: #C1C1C1;
}
#r3 { 
  color: #DFDFDF;
}
#r4 { 
  color: #BABABA;
}
#r5 { 
  color: #BFBFBF;
}
#r6 { 
  color: #CFCFCF;
}
#r7 { 
  color: #DFDFDF;
}
#r8 { 
  color: #CFCFCF;
}
#promise, #slogan, #r2 {
  color: rgb(237, 27, 82);
}
#company-info > div {
  border-style: dashed;
  -moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-right-radius: 15px;
}
#company-info-contact {
  border-color: #C1C1C1;
  background-color: #F9F9F9;
}
#company-info-other {
  border-color: #D1D1D1;
  background-color: #FBFBFB;
}
#company-info-bank .info-label {
  color: #797;
}
.thumbnail img {
  border-color: #A9A9A9;
  background-color: #EEE;
}
.thumbnail a img:hover {
  border-color: #900;
  background-color: #EEE;
  background-image: url(../media/background.gif);
  background-repeat: repeat;

}
#footer { 
  color: #999;
}
#footer .divider {
  color: #DDD;
}