@import url('reset.css');
@import url('960.css');
@import url('buttons-01.css');
@import url('buttons-02.css');
@import url('buttons-03.css');
@import url('realisticButtons.css');

body {
  margin: 0;
  width: 100%;
  background: #0066cb url(../img/bgfix.jpg);
  font-family: arial, helvetica, sans-serif
}

/*** Area on background for logos and buttons ***/

#media_container {
  margin-top: 40px;
  margin-right: 85px;
}

/* align items to the right */
#media_container > * {
  margin: 10px;
  clear: both;
  float: right;
}

/* add padding to replace choice hint if not present */
#media_container .nohint {
  padding-top: 40px;
}

/* nudge closer to center */
#media_container .choice {
  margin-top: 30px;
  margin-right: 35px;
  width: 500px;
}

#media_container .choice img.prompt {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#media_container .choice ul {
  width: 440px; /* enough for buttons and auto margins */
  margin-left: auto;
  margin-right: auto;
}

#media_container .choice ul li {
  float: left;
}

#media_container .choice a {
  width: 140px; /* too keep same width if possible */
  margin: 15px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18pt;
}

#media_container .choice a img {
  margin-right: 10px;
}

#wrap {
  background:url(../img/background-main.png) top left no-repeat
}

#frontPanel {
  height: 400px;
}

#contentArea {
  font-family: calibri, verdana, sans-serif;
  font-size:10pt;
  color: white;
  line-height: 1.3em;
  text-align: left;
}

#contentArea p { margin: 1em 0; }

#contentArea #contentRight, #contentArea #contentLeft {
  margin-top: 2em;
  font-size: 12pt;
}

#contentArea h3.headline {
  font-family: calibri, verdana, sans-serif;
  font-weight: bold;
  font-size: 17pt;
  line-height: 1.3em;
  text-align: center;
  text-shadow: #000 1px 1px 1px, 0px 2px 3px #999;
}
#contentArea .quotedTextBlock {
  padding: 5px 10px;
  background: url(../img/quotes-open-gray.png) top left no-repeat, url(../img/quotes-close-gray.png) bottom right no-repeat

}
#contentArea .quotedTextBlock  p {
  text-shadow: 1px 1px #666;
  font-style: italic;
  color: #cedcf9;
}
#contentArea .quotedTextBlock  p.startHere a {
  text-decoration: none;
  text-shadow: #000 1px 1px 1px, 0px 2px 3px #999;
  font-weight: bold;
  color:#FF9900;
  font-size: 1.2em;
}

#contentArea .quotedTextBlock  p.startHere a:hover {
  color:#FFCC00;
}

footer {
  margin: 20px 0;
  font-size: 8pt;
  text-align: center;
  color: #ccc;
}

footer img.border {
  display: block;
  margin-bottom: 20px;
}

/*** Button Asset ****/

a.dryp_button {
  height: 44px;
  padding: 0 !important;
  display: inline-block;
  background: url(../img/btnasset.png)
}

a.hcprof {
  width: 220px !important;
  background-position: 0 0;
}

a.hcprof:hover {
  background-position: 0 -44px;
}

a.public {
  width:160px !important;
  background-position: 0 -88px;
}

a.public:hover {
  background-position: 0 -132px;
}

a.cwn {
  width: 350px !important;
}