/* COMMON */

a {
  color: #000;
  text-decoration: underline;
}

h1, h2 {
  font-size: 36px;
  line-height: 0.6em;
}
h1 {
  font-weight: bold;
  padding-bottom: 0.5em;
}
h2 {
  font-weight: normal;
  padding-bottom: 0.2em;
}

.script-l {
  font-size: 36px;
  line-height: 0.6em;
}
.bold {
  font-weight: bold;
}

.changed {
  font-weight: bold;
  background-color: #f9e824;
  padding: 0px 8px;
}

/* BODY */

html, body {
  background-color: #F2F2F2;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

/* LEFT */

#main-l, #main-r {
  margin-top: 50px;
}

#main-l {
  width: 300px;
  background-color: #FFFFFF;
}
#main-l-in {
  position: fixed;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}

#main-l-frt {
  background: url('images/ImgBgRT.png') right top no-repeat;
}
#main-l-frb {
  background: url('images/ImgBgRB.png') right bottom no-repeat;
}
#main-l-flb {
  background: url('images/ImgBgLB.png') left bottom no-repeat;
}
#main-l-flt {
  background: url('images/ImgBgLT.png') left top no-repeat;
}
#main-l-ct {
  padding-top: 45px;
  padding-bottom: 20px;
  text-align: center;
  width: 288px;
  height: 500px;
}

.image-sub {
  padding-top: 20px;
}


/* RIGHT */

#logo {
  float: right;
  xmargin-right: 70px;
}

#main-par {
  xmargin-left: 200px;
  xpadding-left: 200px;
}
#main-par {
  float: right;
  background-color: #E6E6E6;
  margin-top: 40px;
}
#main-par-frt {
  background: url('images/MainBgRT.png') right top no-repeat;
}
#main-par-frb {
  background: url('images/MainBgRB.png') right bottom no-repeat;
}
#main-par-flb {
  background: url('images/MainBgLB.png') left bottom no-repeat;
}
#main-par-flt {
  background: url('images/MainBgLT.png') left top no-repeat;
}
#main-par-ct {
  width: 600px;
  xheight: 450px;
  min-height: 450px;
}
#main-par-scr {
  padding: 30px;
}
#main-par-txt {
  xheight: 390px;
  overflow: auto;
}
#main-par-in {
  padding-top: 60px;
  text-align: center;
}
#main-par-in input {
  border: 2px solid #000;
  padding: 6px;
}

#main-par-txt p {
  padding-bottom: 12px;
}
#main-par-txt p:last-child {
  xpadding-bottom: 100px;
}


/* FOOTER */

#ft {
  margin-top: 40px;
}

div.ft-text {
  color: #808080;
  text-align: center;
}
div.ft-text a {
  color: #808080;
}


/* Polaroid */

ul.polaroids {
  width: 520px;
  margin: 0 0 18px 0px;
}
ul.polaroids li {
  display: inline;
}
ul.polaroids a {
  background: #fff;
  display: inline;
  float: left;
  width: auto;
  margin: 0 0 27px 20px;
  padding: 10px 10px 6px;
  text-align: center;
  text-decoration: none;
  color: #333;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -webkit-transform: rotate(-2deg);
  -webkit-transition: -webkit-transform .15s linear;
  -moz-transform: rotate(-2deg);
}
ul.polaroids img {
  display: block;
  width: 80px;
  margin-bottom: 6px;
}

ul.polaroids li:nth-child(even) a {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}
ul.polaroids li:nth-child(3n) a {
  -webkit-transform: none;
  position: relative;
  top: -5px;
  -moz-transform: none;
}
ul.polaroids li:nth-child(5n) a {
  -webkit-transform: rotate(5deg);
  position: relative;
  right: 5px;
  -moz-transform: rotate(5deg);
}
ul.polaroids li:nth-child(8n) a {
  position: relative;
  right: 5px;
  top: 8px;
}
ul.polaroids li:nth-child(11n) a {
  position: relative;
  left: -5px;
  top: 3px;
}

ul.polaroids li a:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  position: relative;
  z-index: 5;
}

.status-green {
  color: #347C2C;
}
.status-orange {
  color: #FBB917;
}
.status-red {
  color: #C34A2C;
}

/* Tooltip */

a.tooltip {
  position: relative;
  z-index: 1;
}
a.tooltip:hover {
  z-index: 2;
}

a.tooltip span.tooltip {
  display: none;
}
a.tooltip:hover span.tooltip {
  background: #505050;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  display: block;
  position: absolute;
  top: 130px;
  left: 0px;
  width: 87px;
  padding: 3px 7px;
  color: #fff;
  text-align: left;
  font-size: 9px;
}

a.tooltip:hover span.tooltip strong {
  font-weight: bold;
  color: #f9e824;
}