/* CSS Document */

#main
{
    position: absolute;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    float: none;
    float: left;
    height: 100%;
}

img
{
    border-style:none;
    text-align: center;
}

body {
background-image:url(../web/bg.png);
background-repeat:repeat-x;
background-color:#111111;
text-align:center;
margin:0;
padding:0;
height:100%;
border:none;
vertical-align:middle;
} 

p, ul, li
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
font-size:12pt;
color:#d4d4d4;
text-decoration:none;
}

strong
{
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #FF9900;
    text-decoration: none;
    font-weight: normal;
}

h2
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
color:#f4f4f4;
text-decoration:none;
}


.strong-text
{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#cccccc;
}

.questions
{
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Helvetica, sans-serif;
    font-size: 15pt;
    color: #FFFFFF;
    font-weight: normal;
    font-variant: normal;
    border-bottom-width: 1pt;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    white-space: normal;
    letter-spacing: normal;
    font-style: normal;
    height: 60px;
    vertical-align: bottom;
}

.small-text
{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    font-size:10pt;
    line-height:24px;
    color:#cccccc;
}

.bullet-text
{
    font-size:10pt;
    color:#cccccc;
    vertical-align:middle;
}

/*header*/
.ribbon
{
	position:absolute;
	top:15px;
	right:20px;
}
.header-top
{
padding-top:5px;
}
.header-content
{
vertical-align:top;
padding-top:15px;
padding-bottom:14px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
vertical-align:top;
text-align:100%;
}
.header-content-2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:top;
padding-left:10px;
padding-right:200px;
width:150px;
}
.header-content-3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:top;
padding-left:10px;
padding-right:50px;
width:320px;
}
.header-menu
{
padding-top:2px;
font-family:Arial, Helvetica, sans-serif;
}
.header-menu-app
{
padding-left:50px;
padding-top:2px;
font-family:Arial, Helvetica, sans-serif;
}
.header-items
{
width:75px;
color:#FFFFFF;
background-color:#FF9900;
padding:5px;
}

/*heart*/
.heart-padding
{
padding:10px;
padding-bottom:20px;
border-bottom:#333333 1px dashed;
vertical-align:top;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#cccccc;
}
.heart-padding a:link, .heart-padding a:visited 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF9900;
text-decoration:none;
}
.heart-padding a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
.heart-flash
{
padding:10px;
padding-bottom:10px;
}
.heart-text-title
{
vertical-align:top;
padding-left:10px;
padding-top:30px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#ffffff;
}
.heart-text-title-2
{
vertical-align:top;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#ffffff;
}
.heart-text-normal
{
vertical-align:top;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#cccccc;
}
.heart-text-normal a:link, .heart-text-normal a:visited
{
vertical-align:top;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFCC00;
text-decoration:underline;
}
.heart-text-normal a:hover
{
vertical-align:top;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFCC00;
text-decoration:none;
}
.heart-text-color
{
vertical-align:top;
padding:10px;
padding-bottom:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF9900;
}
.heart-issues
{
vertical-align:top;
padding:10px;
padding-bottom:40px;
}
.heart-arrows
{
vertical-align:top;
}
.heart-text-normal-issues
{
width:100%;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#999999;
}
.heart-button
{
vertical-align:top;
padding-top:20px;
padding-left:10px;
text-align:left;
}

/*how to*/
.how-titles
{
width:33%;
vertical-align:top;
}
.how-images
{
width:33%;
vertical-align:top;
text-align:left;
padding-left:60px;
}
.how-text
{
vertical-align:top;
padding-top:20px;
padding-right:10px;
padding-bottom:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#CCCCCC;
}
.how-divider
{
border-left:1px #333333 solid;
padding-right:10px;
}

/*footer*/
.footer
{
background-repeat:repeat-x;
border-top:1px #222222 solid;
padding:10px;
padding-top:15px;
padding-bottom:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CCCCCC;
}
.footer-app
{
background-image:url(../web/footer.png);
background-repeat:repeat-x;
border-top:1px #222222 solid;
padding:10px;
padding-left:50px;
padding-top:15px;
padding-bottom:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CCCCCC;
}
.footer-text
{
vertical-align:top;
padding-top:30px;
padding-left:7px;
padding-right:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CCCCCC;
}
.footer-image
{
vertical-align:top;
padding-top:9px;
}
.footer-image-2
{
vertical-align:top;
padding-top:7px;
}
.footer-text-right
{
vertical-align:top;
padding-top:26px;
padding-left:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CCCCCC;
}
.footer-text-item
{
padding-right:10px;
padding-bottom:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CCCCCC;
}
.footer-text-item-last
{
padding-right:0px;
padding-bottom:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CCCCCC;
}












/*spiffy corners!*/

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FF9900}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d4100;
  border-right:1px solid #6d4100;
  background:#bf7200}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #190f00;
  border-right:1px solid #190f00;
  background:#ce7b00}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ce7b00;
  border-right:1px solid #ce7b00;}
.spiffy4{
  border-left:1px solid #6d4100;
  border-right:1px solid #6d4100}
.spiffy5{
  border-left:1px solid #bf7200;
  border-right:1px solid #bf7200}
.spiffyfg{
  background:#FF9900;
  text-align:center;
  padding-top:5px;
  padding-left:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  color:#000000;
  }
  .spiffyfg a:link, .spiffyfg a:visited{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  color:#000000;
  text-decoration:none;
  }
    .spiffyfg a:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  color:#ffffff;
  text-decoration:none;
  }