
body
{
    background-image:url('/staticfiles/bg.png'); 
    height:             100%; 
    width:              100%;
    color:#555;     
}

h1 
{
    color:#d90d0d;
    font-size:30px;
    margin-bottom:8px;
}

h2
{
    color:#111;
    font-size:25px;
    margin-bottom:1px;
}

h3
{
    color:#111;
    font-size:19px;
    margin-bottom:8px;
}

h4
{
    color:#d90d0d;
    font-size:25px;
    margin-bottom:1px;
}

.nav-on
{
    background-image:url('/staticfiles/nav-bg.png');
}

#nav-menu
{
float: left;    
width:32em;
} 

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#nav-menu li
{
float: left;
} 

#nav-menu li a
{
padding-top: 25px;
padding-bottom: 4px;
height: 2em;
line-height: 2em;
float: left;
width: 6em;
display: block;
color:#dadada;
font-size:14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;
} 

#nav-menu li a:hover 
{
    color:#fff;
    background-image:url('/staticfiles/nav-bg-over.png');
}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

p
{
    font-family:Tahoma;
}
    
input
{
    color:#555;
    font-size:14px;
    padding: 4px;
}

.subtext
{
    font-size:11px;
    color:#888;    
}

.blogtitle
{
    padding-top: 20px;
    float: right;
    text-align: right;
}

.blogdate
{
    font-size:13px;
    color:#999;
}

.blogentry
{
    padding-top: 20px;
    float: left;
    margin-right: 0px;
    width: 640px;
    padding-left: 20px;
}

.next-page
{
    background:url('/staticfiles/next-page-bar.png') repeat-x; 
    height: 20px;
    border: 1px solid #ccc;
    text-align:center;
}

.next-page a
{
    color:#D90D0D;
    text-decoration:none;
}

.next-page a:hover
{
    color:#f33030;
}

input.email
{
     width:250px;
     margin:0;
}

input.username
{
     width:200px;
     margin:0;
}

.white-background {
    background-color:   #ffffff;
}

.grey-background {
    background-color:   #eeeeee;
}

.prepend-a
{ 
    padding-left: 20px;
}

.prepend-1b
{ 
    padding-left: 50px;
}

.prepend-1a
{ 
    padding-left: 55px;
}

.prepend-3a
{ 
    padding-left: 150px;
}

.prepend-4a
{ 
    padding-left: 190px;
}

.prepend-6a 
{ 
    padding-left: 260px;
}

.prepend-7a 
{ 
    padding-left: 300px;
}

.prepend-7b
{
    padding-left: 184px;
}

.prepend-8a 
{ 
    padding-left: 340px;
}

.prepend-12c
{ 
    padding-left: 487px;
}

.prepend-1top 
{ 
    padding-top: 10px;
}

.prepend-2top 
{ 
    padding-top: 20px;
}

.prepend-2atop 
{ 
    padding-top: 25px;
}

.prepend-3top 
{ 
    padding-top: 30px;
}

.prepend-3atop 
{ 
    padding-top: 35px;
}

.prepend-4top 
{ 
    padding-top: 40px;
}

.prepend-6top 
{ 
    padding-top: 60px;
}

.prepend-10top 
{ 
    padding-top: 100px;
}

.prepend-33top 
{ 
    padding-top: 330px;
}

.append-1bottom 
{ 
    padding-bottom: 10px;
}

.append-2bottom 
{ 
    padding-bottom: 20px;
}

.append-3bottom 
{ 
    padding-bottom: 30px;
}

.append-5bottom 
{ 
    padding-bottom: 50px;
}

.append-6bottom 
{ 
    padding-bottom: 60px;
}

.append-12bottom 
{ 
    padding-bottom: 120px;
}

.height-10
{ 
    height: 100px;
}

.height-30
{ 
    height: 300px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.span-1a 
{
    float: left;
    margin-right: 10px;
    width: 45px;
}

.span-2m
{
    float: left;
    width: 70px;
}

.span-2am
{
    float: left;
    width: 90px;
}

.span-6a 
{
    float: left;
    margin-right: 10px;
    width: 245px;
}

.span-6b
{
    float: left;
    margin-right: 10px;
    width: 255px;
}

.text-center
{
    text-align: center;
}

.list-p
{
    margin-bottom:10px;
}

/* Slides */

.flipSlidesBox 
{
    width:640px;
	height: 360px;
	overflow: hidden;
}

.flipSlidesPosition 
{
    background-color: #3e413f;
	position: relative;
	height: 360px;
	width: 640px;
	z-index: 5;
}
	

.flipSlides {
	position: relative;
	width:640px;
	height:360px;
}

.flipSlideSelector {
	position: absolute;
	right: 30px;
	bottom: 16px;
}

.flipSlideItem {
	position: absolute;
	top: 0px;
	right: 0px;
}

.flipSlideImg {
	border: none;
	width:640px;
	height:360px;
}

.selector {
	margin-left:8px;
	float:left;
	height: 14px;
	width: 14px;
	background-image:url('/staticfiles/selector_off.png');
	cursor: pointer;
}

.selector.on {
	background-image:url('/staticfiles/selector_on.png');
	cursor: default;
}
.top-bar
{
    background: url('/staticfiles/top-bar.png') repeat-x; 
    height: 65px;
    color:#dadada;
}
.footer 
{
    background: url('/staticfiles/bottom-bar.png') repeat-x; 
    height: 81px;
    color:#abaeb1;
}
.footer a 
{
    color:#abaeb1;
    text-decoration:none;
}
.footer a:hover 
{
    color:#fff;
}
.email-link
{
    color:#333;
}

.email-link:hover
{
    color:#000;
}

.grey-line
{
    background: url('/staticfiles/middle-bar.png') repeat-x; 
    height: 19px
}

#box-mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
.dialog-box .getaccess-window {
  position:absolute;
  left:0;
  top:0;
  width:474px;
  height:197px;
  display:none;
  z-index:9999;
  background:transparent;
}

.dialog-box #getaccess-dialog {
  background: url('/staticfiles/modal-bg.png'); 
  width:474px; 
  height:197px;
}

.dialog-box .thankyou-window {
  position:absolute;
  left:0;
  top:0;
  width:474px;
  height:197px;
  display:none;
  z-index:9999;
  background:transparent;
}

.dialog-box #thankyou-dialog {
  background: url('/staticfiles/modal-bg.png'); 
  width:474px; 
  height:197px;
}

.dialog-box #message-dialog {
  background: url('/staticfiles/modal-bg.png'); 
  width:474px; 
  height:197px;
}

.dialog-box .rewards-window {
  position:absolute;
  left:0;
  top:0;
  width:474px;
  height:400px;
  display:none;
  z-index:9999;
  background:transparent;
}

.dialog-box #rewards-dialog {
  background: url('/staticfiles/modal-bg.png'); 
  width:474px; 
  height:400px;
}

.rewards-dialog-message ul
{
list-style: none;
}

.rewards-dialog-message li.inprog
{
    color:#00ffff;
}

.rewards-dialog-message li.inprog img
{
    padding-right: 8px;
}

.rewards-dialog-message li.future
{
    color:#ff0000;
    padding-left: 32px
}